Visual ARIA - Chrome Web Store
Item logo image for Visual ARIA

Visual ARIA

Featured
5.0(

4 ratings

)
Item media 1 screenshot

Overview

Displays ARIA used in web technologies, includes live region, and widget roles, proper nesting and focus management.

Visual ARIA allows engineers, testers, educators, and students to physically observe ARIA usage within web technologies, including ARIA 1.1 structural, live region, and widget roles, proper nesting and focus management, plus requisite and optional supporting attributes to aid in development. Distributed under the terms of the Open Source Initiative OSI - MIT License. Developed and maintained by: Bryan Garaventa https://www.linkedin.com/in/bgaraventa Or on Twitter at https://twitter.com/bryanegaraventa Chrome Extension by Laurence Lewis Version 2302.2024.7.2 - Updated to use latest accName calculation

5 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Steven McKenzieJan 18, 2024

This is a fantastic tool that seems to be one-of-a-kind. It provides derived values with information on property inheritance and overrides. It can even be toggled quickly by setting a Chrome extension shortcut. I save a lot of time by getting information without having to dig in to the source code repeatedly.

Review's profile picture

Laurence LewisDec 19, 2017

A very useful tool. It make analysing ARIA really easy and links to the specification for each report.

3 out of 4 found this helpful

Details

  • Version
    2302.2024.7.2
  • Updated
    July 9, 2024
  • Offered by
    Laurence Lewis
  • Size
    324KiB
  • Languages
    English (United States)
  • Developer
    Email
    shifting.left.a11y@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

WAVE Evaluation Tool

4.1(139)

Evaluate web accessibility within your browser.

HeadingsMap

4.6(69)

To show, browse and audit (for accessibility and SEO) the headings structure

IBM Equal Access Accessibility Checker

4.9(14)

A web browser extension for checking accessibility issues

Accessibility Insights for Web

4.7(35)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Accessibility View

5.0(1)

Accessibility View converts an arbitrary website into its accessibility relevant form.

ARIA DevTools

4.9(27)

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

NerdeFocus

4.4(7)

Quickly debug focus problems when testing a page for accessibility issues.

Color Contrast Analyzer

3.3(65)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

Accessibility monitor

0.0(0)

Audit pages for accessibility bugs as they're being used.

axe DevTools - Web Accessibility Testing

4.0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

SkipTo Landmarks & Headings

5.0(2)

Provides keyboard access to landmark regions and headings (h1–h6) on a web page.

WCAG Color contrast checker

4.2(23)

To check the color contrast between foreground and background of the texts

WAVE Evaluation Tool

4.1(139)

Evaluate web accessibility within your browser.

HeadingsMap

4.6(69)

To show, browse and audit (for accessibility and SEO) the headings structure

IBM Equal Access Accessibility Checker

4.9(14)

A web browser extension for checking accessibility issues

Accessibility Insights for Web

4.7(35)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Accessibility View

5.0(1)

Accessibility View converts an arbitrary website into its accessibility relevant form.

ARIA DevTools

4.9(27)

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

NerdeFocus

4.4(7)

Quickly debug focus problems when testing a page for accessibility issues.

Color Contrast Analyzer

3.3(65)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

Google apps