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

Ensure keyboard focus is indicated visually

    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

          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 Source Code