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

Avoid inappropriate use of ARIA roles, states, and properties - Announcements

    Details

      Description

      Throughout the environment controls that either expand or collapse content do not inform screen reader users of their purpose. The <aria-expanded> attribute is utilized however it is injected into the DOM once the control has been activated, and is not present when the page loads. As screen-reader users rely on the <aria-expanded="false"> attribute on page load to discern that the control expands a section of content, they will have difficulty discerning which elements in the environment have an expanded state.Below is a particular instance of <aria-expanded="true"> being injected into the DOM via JavaScript that can be found in Resources as SAK-31548.

      http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/24bf98be-5fe0-4b16-aca7-0f464c7ba312#A0b648a8b01ffe1b7e431525edf50c7b-HTML

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

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

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration