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

Ensure links that spawn dialogs indicate the fact

    XMLWordPrintable

    Details

    • 19 status:
      Verified
    • Previous Issue Keys:
      A11YTEST-317

      Description

      [New] - 3/25/2018

      [Issue]

      "setting" icon open a modal dialog. however, there is no indication about it to screen reader users. Because it has role of "menuitem button" which invalid.

      [User Impact]

      Screen reader users misunderstand the element behavior and they might not able to navigate the dialog efficiently.

      [Code]

      <a id="edit-title" role="menuitem button" aria-controls="edit-title-dialog" aria-haspopup="dialog" href="http://qa03-sakai.marist.edu:8080/lessonbuilder-tool/templates/#" title="Edit page title, release, or style.">
        <span class="fa-button-text fa-cog" aria-hidden="true"></span>
        <span class="offscreen">Settings</span>
      </a>

      [Expected behavior]

      Developers must ensure that "setting" element has a proper role, name, require information about dialog open, and properties to support dialog.Developers must ensure that when screen reader users navigate to this item, it announces the fact that it will open a dialog. Developers can use the title or aria-label attribute to provide this information.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  kedwar1 Kendra Edwards
                  Reporter:
                  jonespm Matthew Jones
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code