Don't rely on color alone to convey information
Indicating success solely with green or failure solely with red is insufficient. Descriptive text and, where necessary, icons should be used. Pale text on a light background may be unreadable, even if it looks premium. The selected state of a button must be clearly distinguishable from surrounding options.
Try navigating without a mouse
Navigate between links using the keyboard. Is the focus indicator visible on the active control? Can pop-up windows be closed? Are form labels correctly associated with their input fields? Users relying on screen readers require a logical heading hierarchy and descriptive link text. Users who prefer reduced motion should be offered a calmer version of the same content.
Checking is not a one-time event
Automated checks are helpful but do not catch every usability issue. Real-world tasks should be completed using both keyboards and mobile devices. These checks must be repeated whenever a new component is added. Accessibility should be addressed through defined testing protocols and the resolution of identified issues, rather than merely by claiming certification.
Your quick checklist
- Check focus visibility.
- Provide explicit labels for fields.
- Respect the reduced motion preference.