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

Accessibility: Loss of Visible Focus on Tool's Reset and Help Icons

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: CLOSED
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.6.2, 2.7.0
    • Fix Version/s: 2.6.3, 2.7.1, 2.8.0
    • Component/s: Accessibility, Portal
    • Labels:
      None
    • Environment:
      All O/S's, All Browsers

      Description

      When tabbing through a Sakai page, visible focus is lost when focus is on either the tool's Reset icon or the tool's Help icon. This is disorienting and frustrating to keyboard users and prevents them from easily activating the tool's reset function and accessing the tool specific help.

      Cause: the CSS ruleset attached to selector ".portletTitle .title a" contains rule "outline:none" which is disabling the visible focus indication when focus is on the Reset and Help icons in the Tool title bar.

      We suggest updating ".../library/skin/default/portal.css" with the following (adding the focus pseudo class the rule sets with the hover pseudo class to get icon changes with keyboard focus and adding specific focus pseudo class rule sets to get dotted outline only on keyboard focus):

      .portletTitle .title a:hover, .portletTitle .title a:focus{
      background: url(images/reload_h.gif) center left no-repeat;
      }

      .portletTitle .title a:focus{
      outline:black dotted thin;
      }

      .portletTitle .action a:hover,.portletTitle .action a:focus{
      background: url(images/help_h.gif) center right no-repeat;
      }

      .portletTitle .action a:focus{
      outline:black dotted thin;
      }

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                gsilver Gonzalo Silverio
                Reporter:
                brichwin Brian Richwine
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Time Tracking

                    Estimated:
                    Original Estimate - 30 minutes
                    30m
                    Remaining:
                    Remaining Estimate - 30 minutes
                    30m
                    Logged:
                    Time Spent - Not Specified
                    Not Specified

                      Git Integration