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

          Zeplin

            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 Integration