Web Performance & Accessibility

Instructions may be visible on desktop but wrap poorly, overlap fields, or disappear on small screens. Users can miss required formats or validation rules. What to check Test common mobile widths and zoom levels, check label and help text relationships, error placement, touch targets, and screen reader order. Complete the form using a narrow viewport....

Expandable sections may be clickable with a mouse but not operable or announced correctly from a keyboard. Users can miss hidden details or become unsure which content is open. What to check Test tab and activation keys, focus order, expanded state announcements, heading structure, and whether hidden content is removed from keyboard navigation when...

Users may enlarge text to read more comfortably, but fixed-height containers and clipped labels can hide content. Layouts that work only at the default font size can block form completion. What to check Test browser text resizing and zoom at common widths. Check clipped text, overlapping controls, fixed containers, navigation, form errors, and...

Video controls may be visually present but inaccessible if keyboard focus cannot reach them or labels and playback states are unclear. Users may be unable to pause or adjust content. What to check Test tab order, play and pause controls, volume, captions, focus visibility, and screen reader labels. Check whether controls disappear before they can be...

Menus can become clipped, overlap content, or trap users when page zoom increases. People who magnify the screen need the same navigation choices without horizontal scrolling. What to check Test navigation at high zoom and narrow widths, including keyboard and screen reader use. Check focus order, menu dismissal, text wrapping, and whether content...

A keyboard trap occurs when a user navigating without a mouse cannot move focus away from a checkout control, dialog, or embedded widget. It can prevent completion even when the page looks correct. What to check Test the full checkout using Tab, Shift+Tab, Enter, Escape, and visible focus. Check modal open and close behavior, validation errors, and...

A form error may be visible but not announced to screen-reader users, or it may disappear before a user can correct the problem. This can block completion even when validation works. What to check Test errors with keyboard navigation and a screen reader. Check focus placement, field association, text clarity, color contrast, and whether the error...

At high zoom, fixed-width layouts, clipped dialogs, or hidden controls can make essential website content unreachable. What to check Test key pages at 200 percent zoom with keyboard navigation. Look for horizontal scrolling, overlapping text, clipped form errors, and controls that move off-screen. Recommended next step Fix responsive layout and focus...