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

Ensure ARIA roles, states, and properties are valid - Morpheus, sites list

    XMLWordPrintable

    Details

    • 11 status:
      Resolved

      Description

      The main navigation of the environment provides the ""Sakai"" logo at the top of the page, followed by an image link titled ""My Workspace."" However, this link utilizes the <aria-haspopup> attribute that is currently set to ""true"". This markup indicates to screen reader users that the control will spawn a menu dialog with a series of menu item options. However, once activated this control navigates the user away from the current page. This is very confusing and will cause screen reader users to accidentally navigate away from the page, thinking they are opening a menu dialog.

      <a aria-haspopup=""true"" role=""menuitem"" title=""My Workspace"" href=""http://qa03-sakai.marist.edu:8080/portal/site/%7Essb-student01"">
      <i class=""fa fa-home""></i>
      <span>My Workspace</span>
      <span data-site-id=""~abb2658a-dedf-4118-b26d-0199eaf8f4ce"" tabindex=""-1"" class=""Mrphs-sitesNav__drop""></span>
      </a>
      
      

      Developers must ensure that when used, ARIA roles, states, and properties are valid to their purpose. As this anchor element follows standard link functionality, there is no need to utilize the ARIA markup at all. As such, the <aria-haspopup=""true""> attribute must be removed.

      http://qa03-sakai.marist.edu:8080/portal/site/~admin/tool/~admin-1125/noti#a0ff54fdfea287b3e030bc48d7626194-HTML

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  mclare Matt Clare
                  Reporter:
                  mclare Matt Clare
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code