Replacing H1 text with a logo image: best method for SEO and accessibility?

by

You’re missing the option:

<h1>
  <a href="http://stackoverflow.com">
    <img src="logo.png" alt="Stack Overflow" />
  </a>
</h1>

title in href and img to h1 is very, very important!

More Related Contents:

  1. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  2. Margin on child element moves parent element
  3. Make a div into a link
  4. CSS force image resize and keep aspect ratio
  5. CSS Image size, how to fill, but not stretch?
  6. How to vertically align an image inside a div
  7. How do I center align horizontal menu?
  8. How can I resize an image dynamically with CSS as the browser width/height changes?
  9. Drop shadow for PNG image in CSS
  10. CSS: Hover one element, effect for multiple elements?
  11. xHTML/CSS: How to make inner div get 100% width minus another div width
  12. Bootstrap icons are loaded locally but not when online
  13. image moves on hover – chrome opacity issue
  14. CSS Justify text, fill space with dots [duplicate]
  15. How to put an image in div with CSS?
  16. Responsive Images with CSS
  17. For div to extend full height
  18. html5 vertical spacing issue with
  19. CSS Parent/Ancestor Selector [duplicate]
  20. Select inputs and text inputs in HTML – Best way to make equal width?
  21. Symfony2 – Assetic – load images in CSS
  22. Why and not taking font-family and font-size from body?
  23. Define an ‘s src attribute in CSS [duplicate]
  24. Contain an image within a div?
  25. How to vertically align an image inside a div
  26. how to set background image in submit button?
  27. Why shouldn’t I use position:absolute for positioning everything?
  28. input type=”image” shows unwanted border in Chrome and broken link in IE7
  29. Print styles: How to ensure image doesn’t span a page break
  30. Inner border over images with CSS?

Leave a Comment