Fix: Home Section - Accessibility - Compliance with WCGA 2.1 - Focus Visible

[stevescruz]

WCGA 2.1 and Keyboard Focus

The WCGA 2.1 standards are important to guarantee web accessibility. I noticed that our home page has some components that are not complying with Criterion 2.4.7 - Focus Visible.

This criterion requires that any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. You can read more about this rule on the understanding focus visible section.

I included a list of components that need to be more accessible for keyboard users.

Focus visibility is very important for people that can only use keyboards due to motor impairments.

Components that need a Visible Focus

Home Page

1. Header Component
   • Title
   • Styled Link Component
2. Banner
   • Button
3. Category List Item
   • Anchor
4. Newsletter
   • Form
   • Button