A comprehensive walkthrough of web accessibility auditing using Polypane, a developer-focused browser. Covers color contrast detection and fixing, visual impairment simulators (color blindness, blurred vision, dyslexia), page structure and heading outlines, keyboard/focus order analysis, ARIA attribute validation, readability scoring, element sizing checks, responsive design overflow detection, and media query testing for dark mode, reduced motion, and forced colors. Each topic explains the accessibility concern and how Polypane's built-in tools help identify and resolve it.

23m read timeFrom polypane.app
Post cover image
Table of contents
Live stream recordingDoes my text have enough contrast, and where it doesn't, how do I fix that?How does my site look for people with visual impairments like color blindness or farsightedness?Does my page structure make sense for people that depend on it?Can users get to everything on my pages without using a mouse?Are my ARIA attributes actually helping, or making things worse?Can people understand my text?Are my elements sized correctly?How do I make sure I don't have any code quality issues in my site and are the things I did to improve accessibility actually helping?Does my site work well on smaller screens?How do I make sure my site works well for users that prefer dark colors or don't deal well with motion?How does my site look when a user forces their own color palette?