misused-aria-on-focusable-element

⌘K
  1. Home
  2. SiteLint
  3. Accessibility Rules
  4. misused-aria-on-focusable-element

misused-aria-on-focusable-element

Print this article

Description

This rule determines if a given focusable element has defined aria-hidden="true" or role="presentation".

Purpose

Using aria-hidden="true" or role="presentation" on a visible focusable element will result in some users focusing on nothing.

How to fix it

Ensure attributes aria-hidden="true" or role="presentation" aren’t defined on focusable element. Following elements are considered as focusable (CSS selectors):

  '[tabindex]',
  '[contenteditable=""]',
  '[contenteditable="true"]',
  'a[href]',
  'area[href]',
  'audio',
  'button',
  'embed',
  'form',
  'iframe',
  'input:not([type="hidden"])',
  'label',
  'link',
  'object',
  'select',
  'summary',
  'textarea',
  'video'

Standard

Accessibility, Best Practice

Was this article helpful to you? No Yes

How can we help?