Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Selectors Basic Attribute Selectors

Title attributes in Anchor tag - May Cause Accessibility Issues

Hi, I note in the task/challenge of the CSS foundations lessons regarding attribute selectors, the request is to create a CSS rule for the anchor with the title attribute. I work in accessibility technology, and the current version of JAWS screen reader hiccups when it tries to navigate over anchor tags that have the title attribute ... i.e. html <a href="#" title="More!">Duis ut velit faucibus</a>

JAWS Screen Reader and I think I also read that there may be an issue with VoiceOver as well, that tends to falter when it encounters title= in the link.

A well described link is better than a title attribute located inside of the anchor tag, every day of the week.

The challenge is located on this page http://teamtreehouse.com/library/websites/css-foundations-2/selectors-reshoot/basic-attribute-selectors-2#


1 Answer

Derek Hanson
Derek Hanson
7,838 Points

Hi Jann,


I think the point of this is that you can target certain attribute tags containing certain words and style that link with CSS. You may not use it but there may be situations you would.

On a side note, adding a title tag will appear when it hovers over an image. With the alt tag Google says it uses the alt tag specifically to understand images.

Thanks. I concur - title attribute is more appropriate for img tags.