Analyze webpage headings for WCAG, ADA & EUAA accessibility compliance. Check heading hierarchy, structure & accessibility issues.

Latest Version

Version

1.0.0 beta

Update

November 25, 2024

Size

8.39KiB

Developer

a11yboost.com

a11y Boost: Heading Checker (Beta) Extension

A11y Boost: Heading Checker is a powerful accessibility testing tool that helps web developers, content creators, and accessibility specialists ensure their web pages meet WCAG 2.1, ADA, and EUAA compliance standards for heading structure.

Key Features:
✓ Real-time heading structure analysis
✓ Automatic detection of accessibility issues
✓ Visual hierarchy representation
✓ Detailed error reporting
✓ Side panel integration for easy access

Accessibility Checks:
• H1 heading presence and uniqueness
• Proper heading level hierarchy (H1 → H2 → H3 etc.)
• Empty heading detection
• Skipped heading level identification
• Heading structure visualization

Perfect for:
• Web Developers
• Content Managers
• UX Designers
• Accessibility Specialists
• QA Teams
• Digital Compliance Officers

This extension helps ensure your web content meets accessibility guidelines by:
1. Analysing heading structure in real-time
2. Providing immediate visual feedback
3. Identifying accessibility violations
4. Suggesting hierarchy improvements
5. Partial support for WCAG 2.2 success criteria 1.3.1 (Info and Relationships) and 2.4.6 (Headings and Labels)

Built with modern web accessibility standards in mind, this tool streamlines the process of creating and maintaining accessible heading structures across your web pages. The intuitive interface displays a clear hierarchy of your page's headings, making it easy to spot and fix accessibility issues before they impact your users.

Whether you're developing new content or auditing existing pages, A11y Boost: Heading Checker helps ensure your web content is accessible to all users, including those relying on screen readers and other assistive technologies.

#accessibility #WCAG #ADA #EUAA #webdev #a11y #headings #structure #compliance #testing

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "a11y Boost: Heading Checker (Beta)", "version": "1.0.0", "version_name": "1.0.0 beta", "description": "Analyze webpage headings for WCAG, ADA & EUAA accessibility compliance. Check heading hierarchy, structure & accessibility issues.", "permissions": [ "activeTab", "scripting", "sidePanel" ], "host_permissions": [ "http://*/*", "https://*/*" ], "action": { "default_icon": "a11yboost.svg" }, "icons": { "48": "a11yboost.svg", "128": "a11yboost.svg" }, "side_panel": { "default_path": "panel.html" }, "background": { "service_worker": "background.js" }}

Download CRX(8.39KiB)