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

Ensure keyboard focus is indicated visually

    XMLWordPrintable

Details

    • Verified
    • A11YTEST-284
      1. Go to Lessons.
      2. Use tab key to navigate to the Print View and Index of Pages buttons. Make sure visual focus is indicated by focus ring.
      3. Test in all browsers.

    Description

      [New] - 3/23/2018[Issue]"print view" and "index of pages" does not have visual focus indication.[User Impact]Without a clear visual indication, users operating the page visually with pure keyboard input may not be able to determine which element has focus.[Expected behavior]Developers must ensure that all active elements receive visible keyboard focus.Developers also can use CSS Style properties like "outline-style", "outline-color" and "outline-width" must provide good color contrast, width and styles that can be seen easily when the object has keyboard focus.

      Gliffy Diagrams

        Zeplin

          Attachments

            Issue Links

              Activity

                People

                  kedwar1 Kendra Edwards
                  jonespm Matthew Jones
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                    Created:
                    Updated:
                    Resolved:

                    Git Integration