Future Media Standards & Guidelines

Title attributes

title attributes must not be used for critical information and must not repeat content that is already visible and associated with the same control or content.

Rationale

title attributes are inaccessible to keyboard users without additional Assistive Technology. They are dependent on user settings in Screen Readers and similar Assistive Technology.

Additionally they suffer from discoverability problems: pointing device users are required to hover over page elements and pause before the title tooltip displays, usually with no indication that there is additional content to be displayed.

Repeating content in visible text and title attributes can lead to content clutter and repeated phrases.

Key recommendations are:

  • Do not use the title attribute unless on a form input as title text is not well supported on links on mobile
  • Do not use title attributes and explicit labels together on form fields

Techniques

Pass:

<label for="name">Name</label>
<input type="text" id="name" name="name" />

<label for="email">Email</label>
<input type="text" id="email" name="email" />

<button type="button"><img src="/path/to/image/close.png" alt="Close" /></button>

Fail:

<input type="text" name="name" title="Name" />
<input type="text" name="email" title="Email" />

<label for="name">Name</label>
<input type="text" id="name" name="name" title="Name" />

<button type="button" title="Close"></button>

<a href="/news" title="News">News</a>

Tests

Procedure Expected Result Type
Search source for all uses of the title attribute Ensure no instances contain content that would be required by all users or content that is repeated in associated content Manual
Search source for all uses of the title attribute Ensure no instances contain content that is repeated within the element Automated
Search source for all ‘ Ensure that the associated form field does not have a title attribute Automated

Using the standards and guidelines

You can use use and re-use the the BBC Accessibility Standards and Guidelines under an Open Government Licence for Public Sector Information.

Details can be found on the Open Government Licence for Public Sector Information website.

Feedback

We would love to hear your feedback. If you have a question or comment about the standards or guidelines email us at AccessibilityTeam@bbc.co.uk.

BBC © 2014 The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.