a11y-visualizer
A Browser Extension for Enhanced Web Accessibility Checking
File Explorer
Download Latest Version (.zip)- config.json
- README.md
- table-parse-invalid-values.md
- config.toml
- deploy-website.yml
- pr_lint.yml
- release.yml
- messages.json
- messages.json
- messages.json
- createAlertTracker.test.ts
- createAlertTracker.ts
- liveRegion.test.ts
- liveRegion.ts
- useAriaNotifyLocal.ts
- useElementMetaLocal.ts
- useKeystrokesLocal.ts
- useLiveRegionLocal.ts
- useMessageRelay.test.ts
- useMessageRelay.ts
- AllFramesRoot.tsx
- index.ts
- injectAllFramesRoot.tsx
- Announcements.css
- Announcements.tsx
- ElementInfo.css
- ElementInfo.tsx
- ElementList.css
- ElementList.tsx
- Keystrokes.css
- Keystrokes.tsx
- RuleTip.tsx
- SettingsProvider.tsx
- Style.tsx
- Tip.css
- vars.css
- SettingsContext.ts
- collectElements.test.ts
- collectElements.ts
- detectModals.test.ts
- detectModals.ts
- getElementCategory.test.ts
- getElementCategory.ts
- getPositionBaseElement.test.ts
- getPositionBaseElement.ts
- getRootSize.ts
- getScrollBaseElement.test.ts
- getScrollBaseElement.ts
- getViewport.ts
- index.ts
- Selectors.ts
- useAggregatedAnnouncements.ts
- useAggregatedKeystrokes.ts
- useDebouncedCallback.ts
- protocol.ts
- formatKeyEvent.test.ts
- formatKeyEvent.ts
- index.ts
- injectParentRoot.tsx
- ParentRoot.tsx
- types.ts
- index.html
- main.tsx
- OptionsPage.tsx
- index.css
- index.html
- main.tsx
- Popup.tsx
- aria-notify.content.ts
- background.ts
- messages.json
- messages.json
- messages.json
- 128.png
- 16.png
- 192.png
- 32.png
- 48.png
- 96.png
- disabled-128.png
- disabled-16.png
- disabled-192.png
- disabled-32.png
- disabled-48.png
- disabled-96.png
- icon-disabled.svg
- icon.svg
- localStorage.ts
- tabs.ts
- Checkbox.tsx
- ElementTypeTabs.tsx
- SettingsEditor.tsx
- collectShadowRoots.test.ts
- collectShadowRoots.ts
- detectFrameType.tsx
- isOutOfSight.test.ts
- isOutOfSight.ts
- en.json
- index.ts
- ja.json
- ko.json
- constants.ts
- index.ts
- presets.ts
- storage.ts
- types.ts
- dom.d.ts
- createExternalStore.test.ts
- createExternalStore.ts
- getElementKey.test.ts
- getElementKey.ts
- getTipPosition.test.ts
- getTipPosition.ts
- rafThrottle.test.ts
- rafThrottle.ts
- enabled.ts
- useLang.ts
- .gitignore
- CHANGELOG.md
- package.json
- postcss.config.js
- README.md
- tsconfig.json
- vite.test.config.ts
- vite.test.jsdom.config.ts
- vitest.setup.jsdom.ts
- wxt.config.ts
- index.html
- README.md
- bigsight.jpg
- button.png
- chrome-icon.svg
- firefox-icon.svg
- image-button.png
- image-button@2x.png
- ogp.png
- screenshot.png
- screenshot_en.png
- screenshot_ja.png
- screenshot_ko.png
- google6ff1a59a2dca90b4.html
- icon.svg
- sync-docs.mjs
- AriaHiddenTests.astro
- AriaHiddenTests.lang.ts
- Breadcrumb.astro
- Breadcrumb.lang.ts
- ButtonTests.astro
- ButtonTests.lang.ts
- CategorySectionTitle.astro
- CategoryTitle.astro
- ExampleCard.astro
- FormControlTests.astro
- FormControlTests.lang.ts
- HeadingTests.astro
- HeadingTests.lang.ts
- ImageTests.astro
- ImageTests.lang.ts
- InertTests.astro
- InertTests.lang.ts
- LayoutTests.astro
- LayoutTests.lang.ts
- LinkTests.astro
- LinkTests.lang.ts
- ListTests.astro
- ListTests.lang.ts
- LiveRegionTests.astro
- LiveRegionTests.lang.en.ts
- LiveRegionTests.lang.ja.ts
- LiveRegionTests.lang.ts
- ShadowDomTests.astro
- ShadowDomTests.lang.ts
- TableTests.astro
- TableTests.lang.ts
- TargetSizeTests.astro
- TargetSizeTests.lang.ts
- Warning.astro
- Warning.lang.ts
- HeaderLink.tsx
- LanguageSelector.tsx
- DocsLayout.astro
- SiteLayout.astro
- SiteLayout.lang.ts
- TestPageLayout.astro
- i18n.test.ts
- i18n.ts
- testCategories.ts
- [category].astro
- index.astro
- index.astro
- index.lang.ts
- tests.lang.ts
- index.astro
- index.lang.ts
- [category].astro
- index.astro
- iframe-aria-notify.astro
- iframe-live-region.astro
- iframe-no-title.astro
- iframe-sample.astro
- index.astro
- index.lang.ts
- tests.lang.ts
- global.css
- .gitignore
- astro.config.mjs
- biome.json
- index.html
- package.json
- README.md
- vitest.config.ts
- a11y_visualizer_popup.png
- extensions_menu.png
- tip_example_komaru_city.png
- UsersGuide.md
- a11y_visualizer_live_region.png
- a11y_visualizer_popup.png
- extensions_menu.png
- tip_example_komaru_city.png
- UsersGuide.md
- a11y_visualizer_popup.png
- extensions_menu.png
- tip_example_komaru_city.png
- UsersGuide.md
- getClosestByRoles.test.ts
- getClosestByRoles.ts
- getComputedImplicitRole.test.ts
- getComputedImplicitRole.ts
- getElementByIdFromRoots.test.ts
- getElementByIdFromRoots.ts
- getElementPosition.test.ts
- getElementPosition.ts
- getKnownRole.test.ts
- getKnownRole.ts
- hasInteractiveDescendant.test.ts
- hasInteractiveDescendant.ts
- hasTabIndexDescendant.test.ts
- hasTabIndexDescendant.ts
- index.ts
- isAriaHidden.test.ts
- isAriaHidden.ts
- isDefaultSize.test.ts
- isDefaultSize.ts
- isFocusable.test.ts
- isFocusable.ts
- isHidden.test.ts
- isHidden.ts
- isInert.test.ts
- isInert.ts
- isInline.test.ts
- isInline.ts
- isPresentationalChildren.test.ts
- isPresentationalChildren.ts
- KnownRole.ts
- querySelectorAllFromRoots.test.ts
- querySelectorAllFromRoots.ts
- biome.json
- CHANGELOG.md
- package.json
- tsconfig.json
- vitest.config.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- hasAnyContent.test.ts
- hasAnyContent.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- ariaSpec.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- index.test.ts
- index.ts
- bcp47.test.ts
- bcp47.ts
- index.ts
- Rules.ts
- type.ts
- utils.ts
- biome.json
- CHANGELOG.md
- package.json
- tsconfig.json
- vitest.config.ts
- index.test.ts
- index.ts
- biome.json
- CHANGELOG.md
- package.json
- tsconfig.json
- vitest.config.ts
- .gitignore
- .tool-versions
- a11y-visualizer-komarushi.jpg
- a11y-visualizer-komarushi.png
- AGENTS.md
- biome.json
- CLAUDE.md
- CONTRIBUTING.md
- LICENSE.txt
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- PRIVACY.md
- README.md
- RELEASE.md
- tsconfig.json
- tsconfig.node.json
# Installation Guide
1. Get the code
git clone https://github.com/ymrl/a11y-visualizer
Downloads the entire project code from GitHub to your computer.
cd a11y-visualizer
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
$ pnpm install
Downloads and installs the libraries listed in package.json.
$ pnpm --filter=@a11y-visualizer/browser-extension dev
Type this command into your terminal and run it.
$ pnpm --filter=@a11y-visualizer/browser-extension dev:firefox
Type this command into your terminal and run it.
$ pnpm --filter=@a11y-visualizer/browser-extension build
Type this command into your terminal and run it.
$ pnpm --filter=@a11y-visualizer/browser-extension build:firefox
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
