Web Performance & Accessibility

Menus often work with one input method but fail for users who rely on touch, keyboard, or assistive technology. Checks to make Ensure controls have clear names and states, support keyboard operation and touch targets, and expose expanded and collapsed status. Test focus order, Escape behavior, and mobile screen reader announcements across...

Users need confirmation that a form was received, especially when submission is asynchronous or the page does not visibly change. Checks to make Provide a clear status message, announce it to assistive technology, preserve an accessible heading and focus position, and avoid duplicate submissions. Test success, failure, and timeout paths on keyboard and...

Search updates may change result count visually without informing users who rely on screen reader announcements. Checks to make Expose a concise status update when results load, avoid announcing every keystroke, and maintain a logical focus position. Test zero results, loading, errors, and paginated results with screen readers and keyboard navigation....

Date pickers can trap focus or require pointer-only interaction, preventing keyboard users from selecting dates. Checks to make Test opening, month navigation, date selection, cancellation, and error states by keyboard. Provide clear labels and instructions, announce the selected date, and verify screen reader and touch behavior. Offer text input when...

Color-only success and error indicators can be missed by users with color vision differences or assistive technology. Checks to make Pair color with clear text and icons or labels, maintain contrast, and expose status messages programmatically. Test success, warning, and error states in grayscale and with a screen reader. When to get help...

An error list may be visible but difficult to reach or use if focus and links do not guide users to the affected fields. Checks to make Place a clear summary near the start of the form, move focus appropriately after failed submission, link each message to its field, and preserve keyboard access. Test multiple errors and screen reader announcement...

People using screen readers need form instructions associated with the correct fields, not only visual hints placed above or inside an input. Missing labels and unclear error messages can make a form difficult to complete. What to check Test with keyboard navigation and a screen reader. Check programmatic labels, required-field indications,...

A CAPTCHA can block legitimate visitors who cannot interpret visual puzzles, hear audio prompts, or use a mouse. Repeated challenges can also frustrate people using assistive technology or shared devices. What to check Test the full challenge with keyboard-only navigation, screen readers, zoom, and common assistive settings. Check focus order,...