Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-902

Make the drawer buttons expanded status clear

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 3.0.15
    • Fix Version/s: 3.0.17
    • Component/s: A11y

      Description

      The drawer buttons are missing an aria-property to help users using a screen reader determine if the panel is expanded or not.
      Expected: aria-property is available and in sync with the UI.

      ______________________
      The expand/collapse state of a toggle-type element is missing or is used incorrectly.

      Element Name:
      -"Search" button
      -"Assets" button

      • "Browse" button
        so on...

      Location of the element: Present on the left navigation region
      Recommendation to fix
      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 aria-expanded attribute on the actionable toggle element (e.g. the <button> element) with a value of "true" (when the section is expanded) or "false" (when the section is collapsed).

      <h3><button aria-expanded="true">When will I receive my refund?</button></h3>
      <div class="faq-expanded">You should receive your refund within 5 business days....</div>

      REFERENCE:
      W3C ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/#aria-expanded

      BACKGROUND:
      When collapsible content is used, a screen reader user must be able to determine whether the collapsible content below the toggle element is in the expanded state or in the collapsed state.

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day
                1d