Documentation
Learn how Polypane improves your workflow
Accessibility panel
The "Accessibility" tab in the Info panel checks your site for accessibility issues. Checking a site is a relatively heavy operation so Polypane does not run a check automatically. Start it by clicking the 'Analyse page for accessibility issues'.
You can choose to include best practices or not. While these are not outright failures, they can impact the accessibility of your site regardless.
Polypane will show a list of issues ordered by severity and highlight any matching WCAG criteria. Click them open to show which elements are affected by an issue and for the issue specific for that element.
When you hover over the element's HTML content, the element will be scrolled to and highlighted in all panes.
Clicking the 'inspect element' icon will show the element in the elements panel so you can quickly debug the issue, then run the accessibility check again (with the reload button in the panel) to check you've solved the issue.
Polypane is filled with accessibility features. We wrote a full overview on our blog: Find and fix accessibility issues with Polypane.
Lighthouse/web.dev score
The validators used by the Accessibility panel are the same as the ones that power Lighthouse and the web.dev measure score, so a good score in the accessibility panel means a good score in Lighthouse and on web.dev.
Video preview:
Have a question about Polypane?
Contact us any time though chat, Slack or our contact form:
Contact SupportBuild your next project with Polypane
- Use all features on all plans
- On Mac, Window and Linux
- 14-day free trial – no credit card needed