Accessibility Checklist: What to Review Before You Launch
November 13, 2026 | Read Time : 3 mins
Table of Contents
A team is ready to launch a new website. The design is sleek, the animations are smooth and the copy is sharp. Then a user who navigates with a keyboard tries to reach the main menu and gets stuck in a carousel. Another user with low vision cannot read the light gray text on a white background. A screen reader user hears “button, button, button” with no explanation of what any of them do. The site looks finished, but many people cannot use it.
Accessibility problems are easier and cheaper to fix before launch than after. This checklist walks through the most important areas to review, from visual design and keyboard use to forms, media, mobile and testing, so you can launch with confidence.
Why Accessibility Matters
Accessibility means making products usable by people with a wide range of abilities, devices and situations. That includes people with visual, hearing, motor and cognitive disabilities, as well as people using small screens, slow connections, bright sunlight or a single hand.
Benefits of reviewing accessibility before launch
Wider audience: more people can use and buy from your product.
Better usability for everyone: clear structure, readable text and logical flows help all users.
Lower legal and reputational risk: many regions have accessibility laws and expectations, so check what applies to you.
Better SEO and performance: semantic structure, descriptive text and clean code often help search engines too.
Lower cost: fixing issues early is much cheaper than rebuilding later.
Understanding the Standards
Most teams use the Web Content Accessibility Guidelines (WCAG) as the main reference. WCAG organizes requirements around four principles, often summarized as POUR.
Principle
Meaning
Example
Perceivable
Users can perceive content
Text alternatives for images, captions for video
Operable
Users can operate the interface
Full keyboard access, enough time, no seizure triggers
Understandable
Content and behavior are clear
Predictable navigation, helpful error messages
Robust
Content works across technologies
Valid code that works with assistive tools
WCAG has conformance levels (A, AA and AAA), and many organizations target Level AA. Standards and legal requirements change and differ by region, so confirm which version and level apply to your product with qualified specialists.
How to Use This Checklist
Review in layers: design, content, code and testing.
Test with real tools: use a keyboard, a screen reader and zoom.
Combine automated and manual checks: automated tools catch only a portion of issues.
Include people with disabilities: their feedback is the most valuable.
Record and prioritize issues: label them critical, important or minor.
1. Visual Design and Color
Check
What good looks like
Text contrast
Body text and important UI text meet recommended contrast ratios against their backgrounds
Non-text contrast
Buttons, input borders and icons are distinguishable from the background
Color is not the only signal
Errors, status and links are also conveyed with text, icons or patterns
Readable type
Comfortable font sizes, line height and spacing
Text resizing
Content remains usable when text is enlarged significantly
Responsive layout
No loss of content or function when zoomed or on small screens
Visual clarity
Clear hierarchy, spacing and grouping
Dark mode
Contrast and readability hold in both light and dark themes
2. Keyboard Accessibility
Many users cannot use a mouse, so every action must work with a keyboard.
All interactive elements are reachable: links, buttons, menus, forms and custom controls.
Logical tab order: focus moves in a sensible, predictable sequence.
Visible focus indicator: users always know where they are.
No keyboard traps: users can move in and out of modals, menus and widgets.
Skip links: a way to jump past repeated navigation to the main content.
Custom components behave like native ones: correct keys for menus, tabs, dialogs and sliders.
Shortcuts do not conflict: avoid single-key shortcuts that interfere with assistive technology, or allow them to be turned off.
3. Screen Reader and Semantic Structure
Screen reader users depend on code that describes content accurately.
Check
What good looks like
Page titles
Each page has a unique, descriptive title
Headings
Logical heading hierarchy that outlines the content
Landmarks
Regions such as header, navigation, main and footer are defined
Links
Link text makes sense out of context, not “click here”
Buttons
Buttons have clear, descriptive names
Lists and tables
Real list and table markup is used, with headers for data tables
Language
The page language is declared
Dynamic updates
Changes such as alerts and loading states are announced appropriately
Hidden content
Decorative or hidden elements are not read unnecessarily
Use native HTML elements wherever possible, since they come with built-in accessibility. Add ARIA attributes carefully, only when needed, because incorrect ARIA can make things worse.
4. Images, Icons and Graphics
Meaningful alt text: describes the purpose or content of informative images.
Decorative images are hidden from assistive tools: use empty alt text where appropriate.
Icons have labels: icon-only buttons have accessible names.
Complex images have descriptions: charts and diagrams include a text alternative or summary.
Text in images is avoided: use real text whenever possible.
Logos have appropriate alt text: usually the organization’s name.
5. Forms and Inputs
Forms are where accessibility problems often cause the most harm.
Check
What good looks like
Visible labels
Every field has a clear label that stays visible
Programmatic labels
Labels are properly associated with inputs
Instructions
Formats and requirements are explained before input
Required fields
Clearly marked, not only by color
Error messages
Specific, polite and placed near the field, with a summary at the top for long forms
Error prevention
Confirmations for important actions and easy correction
Autocomplete
Appropriate attributes help users fill common fields quickly
Input types
Correct types bring the right mobile keyboards
Time limits
Users can extend or avoid timeouts
CAPTCHA alternatives
Provide accessible alternatives to purely visual or audio challenges
6. Video, Audio and Motion
Check
What good looks like
Captions
Accurate captions for videos with speech
Transcripts
Text alternatives for audio and video content
Audio descriptions
Provided where visuals carry important information
Autoplay
No unexpected auto-playing audio, with controls to pause and mute
Media controls
Keyboard-accessible players with labeled controls
Animation
No content that flashes more than allowed thresholds
Reduced motion
Respects user preferences for reduced motion
Pause, stop and hide
Users can control moving, scrolling or auto-updating content
7. Content and Language
Plain language: short sentences, familiar words and clear structure.
Descriptive headings and labels: make scanning easy.
Consistent terminology and navigation: reduces cognitive load.
Abbreviations explained: spell out unusual terms on first use.
Link purpose is clear: from the link text or its context.
Avoid vague instructions: do not rely on “see the green button” or “on the right.”
Reading level suits the audience: consider simplified summaries for complex content.
8. Navigation and Wayfinding
Consistent navigation: appears in the same place across pages.
Multiple ways to find content: menus, search and sitemaps where appropriate.
Clear current location: active states and breadcrumbs help orientation.
Predictable behavior: links and controls do what users expect.
Meaningful page titles and headings: help users confirm they are in the right place.
Helpful 404 and error pages: guide users back to useful content.
9. Mobile and Touch Accessibility
Check
What good looks like
Touch target size
Buttons and links are large enough and spaced to avoid accidental taps
Orientation
Works in both portrait and landscape unless essential otherwise
Gestures
Complex gestures have simple alternatives
Zoom and scaling
Pinch zoom is not disabled
Screen reader support
Tested with built-in mobile screen readers
Input methods
Works with touch, keyboard, voice control and switch devices where relevant
Responsive reflow
Content adapts without horizontal scrolling at typical zoom levels
10. Components and Design Systems
Reusable components multiply accessibility, for better or worse.
Build accessibility into components: states, focus styles, labels and keyboard behavior.
Document usage: include guidance on contrast, content and behavior.
Maintain a pattern library: so fixes propagate everywhere.
11. Testing Methods
No single test finds every problem, so combine methods.
Method
What it finds
Notes
Automated scanners
Common technical issues such as missing alt text and low contrast
Catch only part of the problems
Keyboard-only testing
Focus order, traps and unreachable controls
Quick and highly valuable
Screen reader testing
Naming, structure and announcement issues
Test with at least one common screen reader
Zoom and text scaling
Layout and reflow problems
Test at high zoom levels and with larger text settings
Color and contrast checks
Visibility issues
Include checks for color blindness simulation
Manual expert review
Nuanced issues across WCAG criteria
Useful before launch and after major changes
Usability testing with people with disabilities
Real-world barriers
The most valuable source of insight
A structured UX audit can combine expert review with usability findings to identify accessibility and usability issues across the whole experience before launch.
12. Documentation and Accessibility Statement
Accessibility statement: describe your commitment, known limitations and contact methods.
Feedback channel: make it easy for users to report problems.
Response process: know who handles reports and how quickly.
Internal guidelines: document standards for designers, developers and content writers.
Training: help teams understand accessibility basics.
Common Accessibility Mistakes
Mistake
Why it hurts
Better approach
Relying only on automated tools
Misses many issues
Combine automated, manual and user testing
Low-contrast text for style
Hard to read for many users
Check contrast during design
Removing focus outlines
Keyboard users get lost
Provide clear, visible focus styles
Missing or poor alt text
Screen reader users miss content
Write purposeful descriptions
Placeholder-only form labels
Labels vanish when typing
Use visible, persistent labels
Inaccessible custom components
Block keyboard and screen reader users
Use native elements or follow established patterns
Autoplay media and motion
Distracting and sometimes harmful
Provide controls and respect user preferences
Treating accessibility as a final step
Costly late fixes
Build it into design and development
Prioritizing Fixes Before Launch
Priority
Examples
Action
Critical
Keyboard traps, inaccessible checkout or sign-in, missing form labels
Fix before launch
High
Low contrast on key content, missing alt text on important images, no captions
Fix before or immediately after launch
Medium
Inconsistent headings, unclear link text
Schedule soon after launch
Low
Minor wording or structure improvements
Add to the backlog
A collaborative design thinking workshop can help teams align on accessibility priorities and build shared responsibility across design, development and content.
Learning from Real Users
Checklists catch known issues, but real people reveal surprises. UX research that includes participants with diverse abilities shows how people actually use your product, which guides better fixes than guesswork.
Final Pre-Launch Accessibility Checklist
Does text and key UI meet contrast requirements?
Is color never the only way to convey meaning?
Can every function be used with a keyboard, with visible focus?
Are headings, landmarks and links meaningful for screen reader users?
Do all images, icons and graphics have appropriate text alternatives?
Are forms labeled, with clear instructions and helpful errors?
Do videos have captions, transcripts and, where needed, audio descriptions?
Is motion controllable and respectful of user preferences?
Does the experience work on mobile with touch, zoom and screen readers?
Are components documented and tested for accessibility?
Have you tested with automated tools, manual checks and real users?
Do you have an accessibility statement and a way for users to report issues?
Getting Started
You do not need to fix everything at once. Run keyboard and screen reader checks on your most important journeys, fix critical issues first and build accessibility into your design and development process going forward. If you want expert help reviewing your product and turning research into inclusive, polished experiences, a specialist team offering UI/UX design services can help you move faster with less risk.
Final Thoughts
Accessibility is not a final polish step. It is part of building products that work for the people who use them. Review visual design, keyboard access, structure, forms, media, mobile experience and content, test with a mix of tools and real people, and keep improving after launch. Teams that treat accessibility as a continuous practice build products that are more usable, more trusted and open to more people.
FAQs
What should an accessibility checklist include?
It should cover visual design and contrast, keyboard access, screen reader support, semantic structure, images and alt text, forms, media captions, motion, mobile use, content clarity and testing with real users.
Which accessibility standard should I follow?
Most teams follow WCAG, often targeting Level AA. Legal requirements vary by region and industry, so confirm what applies to you with qualified specialists.
Can automated tools test accessibility completely?
No. Automated tools catch only a portion of issues, so combine them with manual checks, keyboard and screen reader testing and feedback from people with disabilities.
When should I start thinking about accessibility?
At the very beginning, during research and design. Building accessibility in from the start is far cheaper and more effective than fixing issues after launch.
Share
AUTHOR
Team OriginUX
OriginUX Studio is a CoE for User Experience providing UI & UX across Product, Service and Customer Experience Design. We are a cross-disciplinary design team that loves to create great experiences and make meaningful connections for businesses and their users through UI & UX.
Founded in 2016, our larger purpose is to help brands understand what they want to do and where they want to go. To do that we have to make understanding customer experience simple, effortless, and affordable for everyone.
OriginUX studio is based out of Bangalore, India.
We are a cross-disciplinary design team that loves to create great experiences and make meaningful connections for businesses and their users through UI & UX.