Visual Accessibility
Patricia (ProtoPie Team)
Merged in a post:
Tab index order + ARIA labels
Marcelo Paiva
As the industry evolves to be more inclusive, the demand for building prototypes to test with people with disabilities is increasing exponentially.
Feature Request:
1) Keyboard Navigation - The ability to navigate the prototype with keyboard only.
2) Focus Order - TAB key moves through the list of interactive items in the order of the DOM. When focus is on the radio group arrow keys UP/DOWN/RIGHT/LEFT moves through the options.
3) WCAG Parity - ability to set ROLE and ARIA attributes for each interactive element.
Examples:
<header role=“banner”>
<nav aria-label=“primary”>
4) Assistive Technologies Interaction - Prototyping with screen reader in mind.
Please see attached reference by Jeremy Elder (https://dribbble.com/shots/6269661-Accessibility-Bluelines)
#accessibility #inclusive #wcag #a11y #disabilities