Editing User profile : 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: "gear icon or setting" button
      Location: Just beside the "filter button

      Additional details: Currently, aria-pressed and expand/collapsed are both used for the element. In this case, an aria-pressed state is not required.

      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

      Workaround

       

      Bug Ref: 732888

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

              Created:
              Updated:
              Resolved: