Slide 24 of 44
General steps for building an accessible ARIA widget
- Pick the widget type from ARIA
- Reference and implement the keyboard navigation
- Apply and manage needed states and properties from ARIA
- Establish ARIA relationships between this widget and others
- labelledby, controls, describedby, flowto, owns, posinset, setsize
- Support basic a11y: Alt text on images
- Do not hard code sizes
- Fonts - use constants or ems
- Widgets - be careful of hard coding sizes (based on em height)
- Test with Firefox, Assistive Technology (Screen Reader/magnifier), PWDs