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

Ensure keyboard focus is indicated visually

    XMLWordPrintable

    Details

    • Previous Issue Keys:
      A11YTEST-274

      Description

      [New] - 3/13/2018[Issue]When navigating using the keyboard, there is no visual indication of keyboard focus on the Calendar icon.[User Impact]Sighted keyboard-only users have no way of confirming which particular button or link is currently focused. It can result in the accidental activation of incorrect controls as the user has to guess where keyboard focus currently is.[Code]HTML:

      <button type="button" class="ui-datepicker-trigger">    <span class="fa fa-calendar" aria-hidden="true"></span></button>

      [Expected behavior]Developers must ensure that keyboard focus is always indicated visually. Developers should provide a visible outline value.Developers should test every interactive element with the keyboard only.

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

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

                    Dates

                    • Created:
                      Updated:

                      Git Integration