1. Low Contrast Text
Grey text on a white background looks sleek but is unreadable for millions. Ensure a ratio of at least 4.5:1.
2. Missing Alt Text
Images purely for decoration should have `alt=""`. Meaningful images must have descriptions.
3. Keyboard Traps
Can you navigate your entire site without a mouse? If a user gets stuck in a modal or form, that's a trap. A11yCore automatically prevents focus traps in modals.
4. Unlabeled Form Fields
Designers often hide labels for aesthetics. Use `aria-label` or visually hidden labels to keep forms accessible.
5. Auto-playing Media
Video or audio that starts automatically can cause seizures or interfere with screen readers. Always provide pause controls.