Skip to content

Latest commit

 

History

History
50 lines (34 loc) · 1.4 KB

File metadata and controls

50 lines (34 loc) · 1.4 KB

ember/template-no-autofocus-attribute

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

🔧 This rule is automatically fixable by the --fix CLI option.

Disallows the use of autofocus attribute on elements.

The autofocus attribute can cause usability issues for both sighted and non-sighted users by disrupting expected behavior and screen reader announcements.

Examples

Examples of incorrect code for this rule:

<template>
  <input type="text" autofocus />
</template>
<template>
  <textarea autofocus></textarea>
</template>

Examples of correct code for this rule:

<template>
  <input type="text" />
</template>
<template>
  <textarea></textarea>
</template>

When Not To Use It

If you need to autofocus for specific accessibility or UX requirements and have thoroughly tested with assistive technologies, you may disable this rule for those specific cases.

References