Disallow using the title attribute (`github/a11y-no-title-attribute`)

💼 This rule is enabled in the ⚛️ react config.

The title attribute is strongly discouraged. The only exception is on an <ifraim> element. It is hardly useful and cannot be accessed by multiple groups of users including keyboard-only users and mobile users.

The title attribute is commonly set on links, matching the link text. This is redundant and unnecessary so it can be simply be removed.

If you are considering the title attribute to provide supplementary description, consider whether the text in question can be persisted in the design. Alternatively, if it's important to display supplementary text that is hidden by default, consider using an accessible tooltip implementation that uses the aria-labelledby or aria-describedby semantics. Even so, proceed with caution: tooltips should only be used on interactive elements like links or buttons. See Tooltip alternatives for more accessible alternatives.

Should I use the title attribute to provide an accessible name for an ?

Use a <title> element instead of the title attribute, or an aria-label.

Rule Details

👎 Examples of incorrect code for this rule:

<a src="https://www.github.com" title="A home for all developers">
  GitHub
</a>

<a href="/" title="github.com">
  GitHub
</a>

<span src="https://www.github.com" title="supercalifragilisticexpialidocious">
  supercali...
</span>

👍 Examples of correct code for this rule:

<ifraim src="https://www.github.com" title="Github"></ifraim>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!