Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-22796

Accessibility: ARIA menuitems with title attributes do not read out element text to adaptive technology

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: CLOSED
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: 2.9.0
    • Fix Version/s: 2.9.0, 10.0
    • Component/s: Accessibility, neoPortal
    • Labels:
      None
    • Environment:
      sakai/trunk on Oracle - Built: 10/19/12 08:00 - Sakai Revision: 114853 (Kernel 1.4.0-SNAPSHOT)- Server sakai-nightly.uits.iupui.edu
    • 2.9 Status:
      Closed

      Description

      Now that all of the ARIA attributes are placed on the correct elements, ARIA menuitems with title attributes do not read out the actual text of the anchor elements they are attached to (e.g., <a role="menuitem" class="icon-sakai-motd" title="Display the system message of the day | For displaying information about a user's My Workspace" href="http://nightly2.sakaiproject.org:8082/portal/site/%7Eadmin/page/%7Eadmin-100" tabindex="-1">Home</a> reads out as, "Display the system message of the day | For displaying information about a user's My Workspace")

      This is do to the following alternative text name convention for ARIA elements http://www.w3.org/TR/wai-aria/roles#namecalculation.

      Recommended remediation:
      add an aria-label attribute to the anchor tags that matches the anchor text content.

      <li class="submenuitem">
      <span>
      <a role="menuitem" class="icon-sakai-users" title="An administration tool to edit Users" href="http://nightly2.sakaiproject.org:8082/portal/site/!admin/page/!admin-200" tabindex="-1" aria-label="Users">Users</a>
      </span>
      </li>

      This way it won’t interfere with the CSS, doesn’t further complicate the nesting of the code or require generation of a bunch of unique IDs, and they can easily put the same text value in the attribute as they are putting into the link text.

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  a.fish@lancaster.ac.uk Adrian Fish
                  Reporter:
                  viatorvoice Joe Humbert
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration