[terra-application] enhance Keyboard Focus styles to pass '2.4.11 Focus Visible'

[neilpfeiffer]

Feature Request

Description

WCAG 2.1 (Level AA) introduced criterion 2.4.11: Focus Visible (Enhanced) which raises the WCAG 2 (Level A) 2.4.7: Focus Visible criterion standard of when a user interface element displays a visible keyboard focus that it's color contrast ratio be at least 3:1 or thickness of at least 2 CSS pixels.

All interactive terra elements have a visible keyboard focus style present, but not tested to see if they meet automated AXE testing for the 2.4.7 / 2.4.11 criterion. All components in tera-core need to be audited and provide updated styling as needed, as well as adding any appropriate additional tests for confirmation of pass/fail.

.

Solution

Audit, Add testing, and UX to provide appropriate changes to all components in terra-application

Components affected:

• TODO: list out each component needing update here...

Related Issues

• terra-toolkit #443
• terra-core #3174
• terra-clinical #705
• terra-framework #1262

Reference Context / Screenshots

see terra-core #3174 for reference screenshot

[neilpfeiffer]

Keeping blocked on needing UX + A11Y input. Backlogging as future enhancement.