HTML5 Accessibility Chops: title attribute use and abuse
For the past 7 years myself and others have banged on about the trouble with the
title attribute in regards to accessibility and usability. Bottom line is that it is not well supported in browsers and its usefulness is severely compromised as a consequence. All browser vendors are aware of the issues in regards to keyboard and touch based interfaces and yet have made no movement or commitment to implement improvements in the 19 years since it was originally specified in HTML.
HTML5 codifies the authoring of inaccessible content
Furthermore we still have the authoritative document for understanding how to use and implement HTML, illustrating and advocating
title attribute use in terms that promote and codify inaccessible content. While at the same time the HTML5 specification does not mention the real world documented usage methods for the
title attribute that actually help users with disabilities, because the editor of HTML5 refuses to allow it.
Examples of HTML title attribute use and abuse
In the linked document title attribute usage examples I have provided some data of
title attribute use on a range of popular sites. The examples illustrate that the
title attribute is widely misused.
When to use the title attribute: simplified
- Do not use the
titleattribute, on any element, for any text that you want all users to have access to.
- Only use it to label a form control when the same text is provided as visible text.
- Do not use it on a link to provide information that may be important to any user.
- If in doubt, read: Using the HTML title attribute
- Reasons to not allow the title attribute to be used as a substitute for the alt attribute in HTML5
- Reason to not promote the use of the title attribute for footnotes in HTML5
- Reasons for not promoting the title attribute as a container for captions in HTML5
- title attribute definition does not match reality