Frontend Developer
Accessibility questions
33 questions on Accessibility for frontend developers, easiest first.
Easy 11
- Semantic element for site navigationeasy
- Alt text for a decorative imageeasy
- Linking a label to an inputeasy
- Choosing a heading leveleasy
- Minimum text contrast for WCAG AAeasy
- Link or buttoneasy
- The lang attributeeasy
- Header cells in a data tableeasy
- A FAQ that opens and closeseasy
- Users who get dizzy from motioneasy
- Linking a label in JSXeasy
Medium 12
- Clickable div and keyboard usersmedium
- What showModal gives youmedium
- Native element or ARIAmedium
- Announcing "Added to cart"medium
- Grouping radio buttonsmedium
- tabindex="3" on a fieldmedium
- Skip link at the topmedium
- hidden versus aria-hiddenmedium
- State of a menu buttonmedium
- Focus rings only for the keyboardmedium
- Unique ids for a reusable fieldmedium
- Where focus goes after a modalmedium
Hard 10
- Status message screen readers misshard
- aria-hidden on a parent of a buttonhard
- Which label winshard
- Focus after client-side navigationhard
- Locking the page behind a drawerhard
- Minimum contrast for body texthard
- Minimum size of a tap targethard
- Reordering with CSS orderhard
- What dense packing doeshard
- Buttons vanish in high contrast modehard