Uploaded image for project: 'Grouper'
  1. Grouper
  2. GRP-1399

UI Accessibility Improvements: Section tabs read as links

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Open
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 2.3.0
    • Fix Version/s: 2.4.0, 2.3.0.patch
    • Component/s: UI
    • Labels:
    • Environment:
      Technology Used: NVDA (ver. 2016.1), Firefox (ver. 48.0.2) on Windows 10 PC

      Description

      Problem:
      Although it is visually clear that “Members” and “Privileges,” are section tabs, the screenreader user simply hears these as links.
      Solution:
      Use aria-role=”tab” for each of the tabs (circled) and use JavaScript or jQuery to change the attribute aria-selected=”true” as each tab is selected and change not-activated tabs to aria-selected=”false”. This will inform the screenreader user that these are tabs and when each tab is selected or non-selected.
      See http://accessibility.athena-ict.com/aria/examples/tabpanel2.shtml for more information and an example of how this would be implemented.

        Smart Checklist

          Attachments

            Activity

              People

              Assignee:
              vivek.sachdeva@at.internet2.edu Vivek Sachdeva (google.com)
              Reporter:
              vivek.sachdeva.2@at.internet2.edu Vivek Sachdeva
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Dates

                Created:
                Updated: