Accessibility and ADA Compliance

Jennie Lyons

• August 05, 2020 20:05

Add fields, tools, and a guide on how to to make AC sites at least level AA compliant. 

https://www.w3.org/TR/WCAG21/

https://www.ada.gov/pcatoolkit/chap5toolkit.htm

5

• 

  Loren Pleet

  • January 18, 2021 00:07

  Absolutely agree! 

  Descipable attorneys are sending out very threatening legal correspondence to ecommerce store owners. 

  0
• 

  Jennie Lyons

  • January 26, 2022 19:44

  Adding to this...

  - Add ARIA tags, roles & attributes to all AC elements that are shown as a merge code

  I've been working on getting our shops up to date with accessibility standards and I'm going to have to put a ticket in for AC to add aria to some of the "black boxed" code if I can't figure out how to do it with the JS available. 

  Examples from an audit:

  - The SlideShowButtonLinks are missing the aria role tag that equals "button"

  - Links that open in a new tab should either have an "aria-label" attribute or a screen-reader only element explaining to screen-readers that this opens in a new tab. When we check that box, add the role. At the moment this is a problem for menus. 

  - Menu items that have a dropdown menu include an "aria-expanded" attribute that equals to "false" that changes to "true" and back when opening or closing the dropdown.

  - Form fields should either include an "aria-label" attribute or a connected LABEL element describing the requirement of the field (email, phone, name, etc.).

  - Landmarks such as main content and footer should be built using their corresponding HTML5 element or include a description using an "aria-label" attribute and a "role" tag that equals to "contentinfo" or "main". Landmarks such as search and navigation are tested in other sections.

   

  I'm not including anything related to colors, sizing etc. because we can use a plugin for those. The things listed should be tagged by AC automatically (or provide a field)

  0

Please sign in to leave a comment.