Color Contrast: WCAG Accessibility Guide for Ecommerce Stores
Text and its background fall below the 4.5:1 ratio for normal text (3:1 for large text), so low-vision users cannot read it.
Read the guideRogabot Web Accessibility Guides
2,000 practical playbooks that pair 50 accessibility topics with 40 audiences, each with code fixes and a zero-setup audit path.
Showing 50 topic guides. Every topic has 40 audience editions.
Browse by Accessibility Topic
Non-Text Contrast for UI Components: WCAG Accessibility Guide for Ecommerce Stores
Input borders, icons, and focus indicators are too faint against their surroundings to be perceived.
Read the guideImage Alternative Text: WCAG Accessibility Guide for Ecommerce Stores
Informative images have missing or meaningless alt attributes, so screen reader users get no information.
Read the guideKeyboard Accessibility: WCAG Accessibility Guide for Ecommerce Stores
Menus, sliders, and custom widgets respond only to a mouse, which blocks keyboard-only and switch users.
Read the guideVisible Focus Indicators: WCAG Accessibility Guide for Ecommerce Stores
Stylesheets remove the focus outline, so keyboard users cannot tell which element is active.
Read the guideFocus Not Obscured: WCAG Accessibility Guide for Ecommerce Stores
Sticky headers and cookie bars cover the focused element as users tab through the page.
Read the guideSkip Links and Bypass Blocks: WCAG Accessibility Guide for Ecommerce Stores
Keyboard users must tab through the whole navigation on every page before reaching the content.
Read the guideHeading Structure: WCAG Accessibility Guide for Ecommerce Stores
Heading levels skip or appear out of order, which breaks the page outline screen reader users rely on.
Read the guideForm Labels and Instructions: WCAG Accessibility Guide for Ecommerce Stores
Inputs rely on placeholders only, so the field purpose disappears once users start typing and assistive tech gets no name.
Read the guideError Identification: WCAG Accessibility Guide for Ecommerce Stores
Invalid fields turn red with no text, so color-blind and screen reader users miss the error.
Read the guideAccessible Authentication: WCAG Accessibility Guide for Ecommerce Stores
Login relies on memorizing or transcribing codes and puzzle CAPTCHAs, which excludes users with cognitive disabilities.
Read the guideTarget Size (Minimum): WCAG Accessibility Guide for Ecommerce Stores
Tiny links and icon buttons are hard to hit for people with tremors or on touch screens.
Read the guideARIA Names and Roles: WCAG Accessibility Guide for Ecommerce Stores
Custom components expose no accessible name or role, or use ARIA incorrectly, so assistive tech cannot announce them.
Read the guideLandmark Regions: WCAG Accessibility Guide for Ecommerce Stores
Pages lack header, nav, main, and footer landmarks, so screen reader users cannot jump between regions.
Read the guidePage Language Declaration: WCAG Accessibility Guide for Ecommerce Stores
The html element has no lang attribute, so screen readers may pronounce content with the wrong voice.
Read the guideDescriptive Page Titles: WCAG Accessibility Guide for Ecommerce Stores
Many pages share a generic title, so users cannot tell tabs and history entries apart.
Read the guideLink Purpose: WCAG Accessibility Guide for Ecommerce Stores
Links read "click here" or "read more", which is meaningless when announced out of context.
Read the guideVideo Captions: WCAG Accessibility Guide for Ecommerce Stores
Prerecorded videos have no captions, so deaf and hard-of-hearing users miss the content.
Read the guideAudio Description: WCAG Accessibility Guide for Ecommerce Stores
Videos convey important visual information that is never described in audio.
Read the guideReflow at 320px: WCAG Accessibility Guide for Ecommerce Stores
Content forces horizontal scrolling when zoomed to 400 percent, which is painful for low-vision users.
Read the guideText Spacing and Resize: WCAG Accessibility Guide for Ecommerce Stores
Fixed-height containers clip text when users increase line height, letter, or word spacing.
Read the guideOrientation Support: WCAG Accessibility Guide for Ecommerce Stores
The page locks to portrait or landscape, which blocks users who mount their device in one orientation.
Read the guideModal Dialog Focus Management: WCAG Accessibility Guide for Ecommerce Stores
Opening a dialog leaves focus behind the overlay, and closing it drops focus to the top of the page.
Read the guideAccessible Navigation Menus: WCAG Accessibility Guide for Ecommerce Stores
Dropdown menus open on hover only and cannot be reached or closed with the keyboard.
Read the guideData Table Headers: WCAG Accessibility Guide for Ecommerce Stores
Data tables use styled cells instead of header cells, so screen readers cannot associate values with columns.
Read the guideStatus Messages: WCAG Accessibility Guide for Ecommerce Stores
Cart updates and success notices appear visually but are never announced to screen reader users.
Read the guideInput Purpose and Autocomplete: WCAG Accessibility Guide for Ecommerce Stores
Personal data fields lack autocomplete tokens, so users cannot fill them automatically.
Read the guideConsistent Navigation: WCAG Accessibility Guide for Ecommerce Stores
Navigation links change order between pages, forcing users to relearn the layout each time.
Read the guideConsistent Help: WCAG Accessibility Guide for Ecommerce Stores
Contact and help options move around, so users who need support struggle to find it.
Read the guideRedundant Entry: WCAG Accessibility Guide for Ecommerce Stores
Multi-step forms ask users to retype information they already provided.
Read the guideDragging Movements: WCAG Accessibility Guide for Ecommerce Stores
Sliders, sortable lists, and drag-and-drop uploads require dragging with no alternative.
Read the guidePointer Cancellation: WCAG Accessibility Guide for Ecommerce Stores
Actions fire on pointer down, so a slip of the finger triggers purchases or deletions with no way to cancel.
Read the guidePause, Stop, Hide Motion: WCAG Accessibility Guide for Ecommerce Stores
Auto-playing carousels and animations cannot be paused, which distracts and disorients users.
Read the guideNo Keyboard Trap: WCAG Accessibility Guide for Ecommerce Stores
Embedded widgets capture focus and give keyboard users no way to tab out.
Read the guideTiming Adjustable Sessions: WCAG Accessibility Guide for Ecommerce Stores
Sessions expire without warning, losing form data for users who need more time.
Read the guideThree Flashes or Below Threshold: WCAG Accessibility Guide for Ecommerce Stores
Animated banners flash more than three times per second, which can trigger seizures.
Read the guideAccessible Carousels and Sliders: WCAG Accessibility Guide for Ecommerce Stores
Rotating banners lack controls and labels, so keyboard and screen reader users cannot browse them.
Read the guideAccessible PDFs and Documents: WCAG Accessibility Guide for Ecommerce Stores
Downloadable PDFs are untagged scans, so screen readers cannot read them.
Read the guideAccessibility Statement Page: WCAG Accessibility Guide for Ecommerce Stores
The site has no accessibility statement or contact route for users who hit barriers.
Read the guideAccessibility Overlay Widget Risks: WCAG Accessibility Guide for Ecommerce Stores
A one-line overlay script is marketed as a fix but leaves the underlying markup, labels, and keyboard flow unchanged.
Read the guideAccessibility Lawsuit Readiness: WCAG Accessibility Guide for Ecommerce Stores
Teams cannot show dated evidence of what they audited and fixed when a demand letter arrives.
Read the guideContinuous Accessibility Monitoring: WCAG Accessibility Guide for Ecommerce Stores
A single audit goes stale as soon as new releases ship, and regressions go unnoticed.
Read the guideDeveloper Code Remediation Diffs: WCAG Accessibility Guide for Ecommerce Stores
Audit reports list problems in prose and leave engineers to guess the exact change.
Read the guidePreventing Accessibility Regressions in CI/CD: WCAG Accessibility Guide for Ecommerce Stores
Accessibility fixes get undone by later commits because nothing checks them before release.
Read the guideThird-Party Widgets and Iframes: WCAG Accessibility Guide for Ecommerce Stores
Chat, payment, and map embeds lack titles and keyboard support, and the vendor controls the code.
Read the guideAccessible Cookie Banners: WCAG Accessibility Guide for Ecommerce Stores
Consent banners trap focus, cover content, or cannot be dismissed with the keyboard.
Read the guideAccessible Search and Filter Controls: WCAG Accessibility Guide for Ecommerce Stores
Live filters update results silently and filter checkboxes have no group labels.
Read the guideAccessible Checkout Flows: WCAG Accessibility Guide for Ecommerce Stores
Checkout steps hide errors, reset fields, and use inaccessible payment widgets, costing completed orders.
Read the guidePointer Gestures: WCAG Accessibility Guide for Ecommerce Stores
Pinch, swipe, and multi-finger gestures are the only way to perform an action.
Read the guideIcon Button Accessible Names: WCAG Accessibility Guide for Ecommerce Stores
Icon-only buttons have no text, so a screen reader announces them as just "button".
Read the guide