useValidAriaValues (HTML)
Summary
Section titled “Summary”- Rule available since:
v2.5.0 - Diagnostic Category:
lint/a11y/useValidAriaValues - This rule is recommended, meaning it is enabled by default.
- This rule doesn’t have a fix.
- The default severity of this rule is error.
- Sources:
- Inspired from
jsx-a11y/aria-proptypes
- Inspired from
How to configure
Section titled “How to configure”{ "linter": { "rules": { "a11y": { "useValidAriaValues": "error" } } }}Description
Section titled “Description”Enforce that ARIA state and property values are valid.
Examples
Section titled “Examples”Invalid
Section titled “Invalid”<span aria-checked="test">some text</span>code-block.html:1:7 lint/a11y/useValidAriaValues ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ The value of the ARIA attribute aria-checked is not correct.
> 1 │ <span aria-checked="test">some text</span>
│ ^^^^^^^^^^^^^^^^^^^
2 │
ℹ Use a valid value for the aria-checked attribute according to the WAI-ARIA specification.
ℹ The only supported values for the aria-checked property are:
- false
- true
- mixed
<span aria-labelledby="">some text</span>code-block.html:1:7 lint/a11y/useValidAriaValues ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ The value of the ARIA attribute aria-labelledby is not correct.
> 1 │ <span aria-labelledby="">some text</span>
│ ^^^^^^^^^^^^^^^^^^
2 │
ℹ The only supported value is a space-separated list of HTML identifiers.
ℹ Use a valid value for the aria-labelledby attribute according to the WAI-ARIA specification.
<span aria-checked="true">some text</span><span aria-labelledby="fooId barId">some text</span>Accessibility guidelines
Section titled “Accessibility guidelines”Related links
Section titled “Related links”Sponsored by
Copyright (c) 2023-present Biome Developers and Contributors.