Skip to contentSkip to footer
Debug tools

Simulate color blindness

Simulate 8 different types of color blindness directly in Polypane, side by side.

Debug tools

Test your color contrast automatically

Find all elements that don't have enough contrast using the real text and background colors. We'll suggest improved colors too!

Accessibility panel

Automated accessibility test

Over 80 different A11y tests. WCAG 2.1 and actionable feedback included.

The score in this panel maps to your Lighthouse/web.dev score, so you know if you're on the right track.

Outline panel

Your page structure visualized New

Find broken links, incorrect header orders, Focus order issues, missing accessible names and more.

Element inspector

A11y info at your fingertips

Whether in the element inspector or in the node selection tooltip, Polypane will show you the a11y info for each element, like contrast, accessible name, role and warnings for missing attributes.

Emulation

Dark mode, reduced motion & reduced data testing

Toggle dark mode, reduced motion and reduced data for any pane with a single click and test it side-by-side with the regular site. No need to change your entire OS.

Debug tools

Simulate visual impairments

Polypane simulates farsightedness, glaucoma and cataracts but also dyslexia, bright sunlight and night mode. Easily accessible through the debug tools.

Debug tools

Reachability

Check your mobile designs on how easy elements are to reach single-handedly. Comes in righty and lefty versions.

Debug tools

Accessibility overlays built in

Don't worry, we don't mean that type of overlay. But if you like A11y.css or Tota11y, Polypane has them built in!

Layout debugging

Horizontal overflow detection

Turn layout debugging on and Polypane highlights all elements causing a horizontal overflow, no messing around in the devtools needed. Quickly check that a page adheres to WCAG 1.4.10 "Reflow".

Debug tools

Disable CSS

Quickly Disable all the CSS in a single pane to clearly see your HTML structure.

Debug tools

Disable Images

Hide images and show their alt text instead to make sure your layout can handle broken images.

Want to learn more?

We wrote about all the ways Polypane improves the accessibility of your site.

Find and fix accessibility issues with Polypane

12 min read. First posted on January 19, 2021

At Polypane, accessibility is one of the three core areas we focus on, along with performance and responsive design. If you're not familiar with Polypane, it's a web browser specifically for web developers. It has all…

Read Article

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot