template-no-invalid-aria-attributes.md

ember/template-no-invalid-aria-attributes

💼 This rule is enabled in the 📋 template-lint-migration config.

Disallow invalid ARIA attributes. Only use valid ARIA attributes as defined in the ARIA specification.

Rule Details

This rule validates that only standard ARIA attributes are used on elements.

Examples

Examples of incorrect code for this rule:

<template>
  <div aria-fake="value">Content</div>
</template>

<template>
  <div aria-invalid-attr="value">Content</div>
</template>

Examples of correct code for this rule:

<template>
  <div aria-label="Label">Content</div>
</template>

<template>
  <div aria-hidden="true">Content</div>
</template>

<template>
  <div aria-describedby="description-id">Content</div>
</template>

References

• Using ARIA, Roles, States, and Properties