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

Ensure interactive elements can be visually distinguished from non-actionable ones

    XMLWordPrintable

    Details

    • Previous Issue Keys:
      A11YTEST-339

      Description

      [New] - 3/18/2018[Issue]Following elements expand and collapse, these elements have no visual indication that it can expand or collapse. Previous (original testing round) environment has "down arrow" before each of these elements which indicate that it can be expanded or collapse.Here, it is good that for screen reader users aria-expand property has been set so screen reader users are aware of it.AnnouncementsResources and Drop BoxEmail ArchiveSyllabusTests & Quizzes[User Impact]assistive technologies users who can see and users who can see but rely only on the keyboard are not able to know that these elements can expand or collapse.[Code]

      <a role="button" data-toggle="collapse" aria-expanded="true" aria-target="options_form:typeOverride:3:decoItemDiv" href="#options_form:typeOverride:3:decoItemDiv" data-target="[id='options_form:typeOverride:3:decoItemDiv']">Syllabus</a>

      [User Impact]Developers/Designers must ensure that elements which can be expand or collapse must have a visual indication (such as down and up arrow for expand and collapse) so that assistive technologies users know about element's functionality.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                jonespm Matthew Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Git Source Code