1. Home
  2. Docs
  3. SiteLint
  4. Accessibility Rules
  5. 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? Yes No