LibertyJS / libertyjs-web2.0

LibertyJS Website based on hoverboard
https://libertyjs-929bc.firebaseapp.com/
Other
3 stars 2 forks source link

A11y Fixes #189

Closed chelseasimek closed 1 year ago

chelseasimek commented 1 year ago

Image Image

chelseasimek commented 1 year ago

All but the nested interactive elements and alt text has been fixed, comments below, to be fix in separate tickets.

  1. The paper-tab elements are role=tab so they are "interactive" elements. They expect a flag of link to look for an a nested inside of the tab. This breaks the nested interactive accessibility rule (both tab and a are interactive and will confuse a screenreader), and it's making the entire navigation at the top not keyboard navigable.
  2. The gallery and speaker cards don't have alt tags because they are plastic-image elements and that element doesn't pass down the alt property to when the semantic img tag is eventually made in the shadow dom.