Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-53414

Navigation focus border is ugly and potentially over-used

    XMLWordPrintable

    Details

    • Affected Branches:
      MOODLE_31_STABLE

      Description

      Just been talking to gavin henrick and he asked me about the new border around navigation tree items.

      Some questions:

      1. why is it so ugly?
      2. why do we need it?
      3. Can we get rid of it (even if just on mouse press)?
      4. Where in the spec demands it?
      5. Is it trying to meet AA, or AAA?

      The relevant information that I've found for it is suitably vague (https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html) and suggests that it is AA and it comes under section 2.4.7:]

      2.4.7 Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA)

      IMO, this border is a step backwards in terms of usability and user experience. It's confusing to a majority of users, it's ugly, and it's likely to be removed by themes anyway.

      Pinging John Okely, and Damyon Wiese.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              dobedobedoh Andrew Nicols
              Reporter:
              dobedobedoh Andrew Nicols
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Bas Brands
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: