github/a11y-aria-label-is-well-formatted

June 26, 2026 ยท View on GitHub

๐Ÿ“ Enforce [aria-label] text to be formatted as you would visual text.

๐Ÿ’ผ This rule is enabled in the โš›๏ธ react config.

Rule Details

[aria-label] content should be formatted in the same way you would visual text. Please use sentence case.

Do not connect the words like you would an ID. An aria-label is not an ID, and should be formatted as human-friendly text.

Resources

Examples

Incorrect code for this rule ๐Ÿ‘Ž

<a href="..." aria-label="learn more"></a>
<a href="..." aria-label="go-to-link"></a>

Correct code for this rule ๐Ÿ‘

<a href="..." aria-label="Learn more"></a>
<a href="..." aria-label="Homepage"></a>

Version