OpenEthicsAI / OETP

Open Ethics Transparency Protocol
https://openethics.ai/oetp/
Other
4 stars 0 forks source link

Enhance Label accessibility with ARIA W3C Recommendation and other approaches #21

Open nikiluk opened 1 month ago

nikiluk commented 1 month ago

Use best practices in WCAG2.1 to improve the SVG files of the label and their presentation within the OEL.

This task requires updated label files to be shared on GitHub as they are not yet there, ask @nikiluk

Feature: Accessible labels

Given the label that is displayed in the web interface, loading from label.openethics.ai
When the labels are accessed by the screen readers
Then their meaning should be clear
And the UI should be not only visible but audible
nikiluk commented 1 month ago

See for example https://css-tricks.com/accessible-svgs/ https://a11y-101.com/development/aria-describedby https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/ https://www.deque.com/blog/creating-accessible-svgs/