2 ms·
> when a company logo links to the home page, an alt text of “Back to hone page” is probably more useful than “Company logo” I've always used title in the anch
by adventured 6y ago
> when a company logo links to the home page, an alt text of “Back to hone page” is probably more useful than “Company logo”
I've always used title in the anchor tag for that rather than the image alt text (title="back to the home page" in the anchor; and then alt="Company logo" in the img tag). That way you're properly describing what the image is and also providing information on where the associated link goes.
Can anyone here with experience with screen readers clarify if that's an effective approach?
- Grumbledour 6y agoMy screen reader knowledge is a bit dusty, so this might have changed: As far as I know, screen readers don't read the title tag by themselves, though users can request it. So your approach works. And I think it is also has nicer semantics. Personally, I prefer to use a text link with the company name, then move the text out with css and add the logo as a background image. This also works great in text browsers of course, the company/site name just becomes the h1 of the page.
- the_other 6y agoMy screen reader experience is old and rusty, so I can’t reply on that basis. However, I think it’s valuable to ask yourself “why does a non-visual user need to know the company logo is here?”.