Rampsight

All rules

ARIA

ARIA attribute names must be valid

Why it matters

A misspelled attribute (aria-labeledby with one "l") is not an error a browser reports. It is simply ignored, so the accessible name you thought you set was never set.

How to fix it

  1. Correct the spelling against the ARIA specification.
  2. Remove invented attributes — ARIA has no aria-role, aria-title or aria-alt.
  3. Enable an accessibility linter in your editor so these fail before review.

In markup

Fails
<input aria-labeledby="email-label">
Passes
<input aria-labelledby="email-label">

The requirement behind it

This rule is one way of failing the following WCAG 2.2 success criteria. The W3C, which writes the standard, explains each of them:

Further reading

Deque University on aria-valid-attr (opens in new tab)

Deque maintains axe-core, the open-source engine our scanner runs. Their page documents the rule as the engine implements it.

Automated checks find failures a browser can prove. They cannot judge whether a caption is accurate, whether an alt text is useful, or whether a page can be operated end to end with a keyboard — those need a person.