QA Tester Accessibility Checklist

Based on WCAG 2.2 AA - Updated and Enhanced for Manual Testing

Global Testing Requirements

Page is navigable with keyboard only. Logical tab order is maintained. Visible focus on interactive elements. No keyboard traps encountered. Correct ARIA landmarks are used (header, nav, main, footer).

Keyboard Navigation

All actionable items reachable by Tab key. Enter or Space triggers buttons/links. Escape closes modals/dialogs if open. Focus moves logically without skipping elements. Focus can reach all lazy-loaded or dynamically loaded content.

Screen Reader Basic Checks

Logical reading order is maintained. Headings follow a logical hierarchy (h1, h2, h3, etc.). Buttons, links, and form fields announced correctly.

Forms (Inputs, Errors, Radios, Checkboxes, Dropdowns)

Each input field has an associated label. Required fields are indicated properly. Error messages announced and linked to fields correctly. Radio buttons and checkboxes grouped logically and labeled. Dropdown lists (select menus) are keyboard operable.

Dynamic Content

Dynamic changes (alerts, status messages) are announced to screen reader users using ARIA live regions. Page updates without full reload properly inform assistive technology users.

Links and Buttons

Link text is meaningful without surrounding context. Buttons describe their action clearly. No empty links or buttons.

Images

Informative images have meaningful alt text. Decorative images have empty alt attributes. Complex images (like charts) have extended descriptions if needed.

Tables

Table headers are identified correctly. Table structure read logically by screen readers.

Dialogs/Modals

Focus is trapped inside modal while open. Escape key closes modal dialog. Modal dialog properly announced by screen reader.

Carousels and Slideshows

Carousel controls (Pause, Next, Previous) are keyboard accessible. Auto-playing content can be paused or stopped.

Accordions and Tabs

Arrow keys navigate between tabs correctly. Expanded/collapsed state is correctly announced.

Navigation Menus

Menus are fully keyboard and screen reader accessible. Current page visually and programmatically indicated (aria-current).

Color Contrast

Text contrast minimum 4.5:1 against background. Focus indicators have sufficient contrast to be visible.

Mobile-Specific Testing

Touch targets are sufficiently large (at least 44x44px). No critical functionality hidden when zoomed or rotated. Mobile screen readers (VoiceOver/TalkBack) can access all elements correctly.

Zoom/Reflow Testing

Content readable and usable at 200% zoom. No horizontal scroll needed at 320px width unless unavoidable.

SPA (Single Page Applications) Behavior

Page changes dynamically announce new content when navigation occurs. Focus remains logical after navigation within SPA.