Fix for providing a highly visible highlighting mechanism for links or controls when they receive keyboard focus. (WCAG 2.0, Additional Techniques (Advisory) for Sucess Criterion 2.4.3, https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html)

Fork: 0

opidor / dmpopidor

Browse code Fix for providing a highly visible highlighting mechanism for links or controls when they receive keyboard focus. (WCAG 2.0, Additional Techniques (Advisory) for Sucess Criterion 2.4.3, https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html) Changes: - Added an outline to links, buttons, select menus and other bootstrap form controls. - The outline colour was set to #107896 (Darkest Alice Blue) which is the default colour for links. - The default outline with set to 2px, except for buttons where it is set to 3px to improve visiblity. Fix for #2170. dev
1 parent 57a476f commit 45c636d9c19eedac9aec3cb4aef4786ae489f2b8 John Pinto authored on 12 Aug 2019

Browse code

Fix for providing a highly visible highlighting mechanism for links or controls when they receive keyboard focus.

(WCAG 2.0, Additional Techniques (Advisory) for Sucess Criterion 2.4.3, https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html)

Changes:

- Added an outline to links, buttons, select menus and other bootstrap form controls.
- The outline colour was set to #107896 (Darkest Alice Blue) which is the default colour for links.
- The default outline with set to 2px, except for buttons where it is set to 3px
to improve visiblity.

Fix for #2170.

dev

1 parent 57a476f commit 45c636d9c19eedac9aec3cb4aef4786ae489f2b8

John Pinto authored on 12 Aug 2019

Patch

Unified Split

Showing 2 changed files

Ignore Space Show notes View app/assets/stylesheets/blocks/_accessibility.scss

Ignore Space Show notes View app/assets/stylesheets/variables/_colours.scss

Show line notes below