awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
jdan avatar

jdan/tota11y

0
View on GitHub↗
5,062 stars·271 forks·JavaScript·MIT·21 viewskhan.github.io/tota11y↗

Tota11y

tota11y is an in-browser accessibility testing tool that runs as a bookmarklet, scanning any live web page and overlaying visual indicators directly on elements that violate common accessibility guidelines. All analysis happens client-side without any server communication, making it a self-contained auditing and education tool.

The tool uses a plugin-driven rule engine where each accessibility check is encapsulated as a separate module, and results are displayed through a toggleable toolbar interface that uses CSS-based colored labels and icons positioned over the page elements. Users can enable or disable specific checks and see issues such as missing alt text, low contrast, or broken ARIA attributes mapped directly onto the rendered DOM.

Beyond simple detection, tota11y is designed to support an educational workflow — allowing developers and testers to inspect a page and see real examples of accessibility issues in context, without modifying source code or build tools. It is distributed as a bookmarklet that injects a JavaScript bundle on click.

Features

  • Issue Pattern Extraction - Quickly finds and highlights problems like missing alt text, low contrast, or broken ARIA attributes.
  • Live Page Accessibility Scanners - Runs on-demand accessibility checks on any rendered HTML page without modifying source code or build tools.
  • Accessibility Scanners - Traverses the live DOM tree to identify elements violating WCAG guidelines and common accessibility patterns.
  • Accessibility Testing - Scans live web pages and overlays visual indicators on elements violating accessibility guidelines.
  • Accessibility Auditing - Scans live web pages to identify common accessibility violations and display visual indicators for each issue.
  • Accessibility Inspection Tools - Maps accessibility issues directly onto page elements through colored overlays and annotations.
  • Bookmarklet Injection Tools - Loads as a bookmarklet that injects a JavaScript bundle into the page context on click.
  • Client-Side Tool Execution - All scanning and rendering happens entirely in the user's browser without any server communication.
  • Accessibility Education Workflows - Supports learning about accessibility best practices by inspecting a page and seeing real examples of violations.
  • Plugin-Based Rule Engines - Each accessibility check is encapsulated in a plugin module that returns flagged elements with severity levels.
  • Toggleable Toolbars - Provides a persistent collapsible toolbar for enabling and disabling specific accessibility checks.
  • Overlay Systems - Renders colored floating labels and icons over page elements using absolute-positioned HTML and CSS transitions.

Star history

Star history chart for jdan/tota11yStar history chart for jdan/tota11y

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does jdan/tota11y do?

tota11y is an in-browser accessibility testing tool that runs as a bookmarklet, scanning any live web page and overlaying visual indicators directly on elements that violate common accessibility guidelines. All analysis happens client-side without any server communication, making it a self-contained auditing and education tool.

What are the main features of jdan/tota11y?

The main features of jdan/tota11y are: Issue Pattern Extraction, Live Page Accessibility Scanners, Accessibility Scanners, Accessibility Testing, Accessibility Auditing, Accessibility Inspection Tools, Bookmarklet Injection Tools, Client-Side Tool Execution.

Which projects share features with jdan/tota11y?

Projects with overlapping indexed features include: pa11y/pa11y — Pa11y is an automated web accessibility auditor and WCAG compliance scanner. It functions as a headless browser… dequelabs/axe-core — axe-core is an automated accessibility testing engine and compliance auditor designed to scan web and mobile… googlechrome/accessibility-developer-tools — This project provides a comprehensive library and framework for automated web accessibility auditing. It enables… heydon/inclusive-design-checklist — This project is a web accessibility checklist and inclusive design framework. It serves as a digital inclusion guide… davidarroyo1234/instagramunfollowers — This is a browser bookmarklet that scans Instagram follower and following lists to identify accounts that do not… blackrosezy/gui-inspect-tool — Gui Inspect Tool is a diagnostic utility designed for examining Windows graphical interface hierarchies, monitoring…

Projects sharing features with Tota11y

These projects share indexed features with Tota11y. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • pa11y/pa11ypa11y avatar

    pa11y/pa11y

    4,463View on GitHub↗

    Pa11y is an automated web accessibility auditor and WCAG compliance scanner. It functions as a headless browser testing tool and a Node.js accessibility API that identifies barriers for users with disabilities using automated rules and industry standards. The project provides a programmable interface for triggering audits and retrieving structured result objects within JavaScript applications. It distinguishes itself through capabilities such as user interaction simulation, page state synchronization, and the ability to restrict test scopes using CSS selectors to audit specific page regions.

    JavaScripta11yaccessibilityaccessibility-testing
    View on GitHub↗4,463
  • dequelabs/axe-coredequelabs avatar

    dequelabs/axe-core

    6,900View on GitHub↗

    axe-core is an automated accessibility testing engine and compliance auditor designed to scan web and mobile interfaces for violations of industry accessibility standards. It functions as a programmatic scanner and linter that analyzes HTML and source code to identify barriers and verify compliance with accessibility guidelines. The project distinguishes itself by combining a DOM-based rule engine with computer vision and machine learning to detect complex violations that evade traditional analysis, such as visual heading discrepancies and informative images. It provides specialized capabilit

    JavaScripta11yaccessibilityaxe
    View on GitHub↗6,900
  • googlechrome/accessibility-developer-toolsGoogleChrome avatar

    GoogleChrome/accessibility-developer-tools

    2,301View on GitHub↗

    This project provides a comprehensive library and framework for automated web accessibility auditing. It enables developers to verify that web content adheres to accessibility standards by executing a suite of programmatic rules against the document object model to identify potential barriers for users of assistive technologies. The tool distinguishes itself through its modular rule-based engine, which performs deep analysis of semantic structures, including the validation of roles, states, and properties. It implements standard algorithms to compute accessible names and performs computed sty

    JavaScript
    View on GitHub↗2,301
  • heydon/inclusive-design-checklistHeydon avatar

    Heydon/inclusive-design-checklist

    2,767View on GitHub↗

    This project is a web accessibility checklist and inclusive design framework. It serves as a digital inclusion guide and audit tool for verifying that web content is perceivable, operable, and welcoming to a diverse global audience. The project provides a structured review process for WCAG compliance, focusing on auditing HTML structure, ARIA roles, keyboard navigation, and visual accessibility. It includes specific standards for reviewing language, typography, and color contrast to ensure inclusive content design. The framework covers broader capability areas including device compatibility

    JavaScript
    View on GitHub↗2,767
  • Compare all 30 related projects→