Creating a Dashboard - System : Invalid ARIA attribute used.

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      The element has an invalid ARIA attribute (a misspelled attribute or one that does not exist).

      Element: "Expand " button
      location: Just beside the maximize button
      Note: aria-pressed="false" attribute is used for the 'expand' button which is not appropriate.

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Expected Results

      Fix Information
      RULE :
      The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

      HOW TO FIX:
      Fix this issue by using the appropriate ARIA roles, states, and properties.

      REFERENCE:
      WAI-ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/
      WAI-ARIA Authoring Practices: https://www.w3.org/TR/wai-aria-practices-1.1/

      BACKGROUND:
      Every user interface control must have a role along with any applicable states and properties so that screen reader users know how to interact with the control. Native HTML elements - such as <button>, <a>, <input>, <select> - already have a role, and their necessary states and properties - such as the checked/unchecked state of a checkbox - are automatically conveyed so nothing more needs to be done. If you create a custom version of a native HTML element or a custom control or widget that does not have a native HTML equivalent, you must add the relevant role(s) and any applicable states and properties using ARIA as well as expected keyboard interactions.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 735006

            Assignee:
            Oleksandr Stoliar
            Reporter:
            Matthew Brennan
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: