Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A Browser Extension for Enhanced Web Accessibility Checking

License

NotificationsYou must be signed in to change notification settings

ymrl/a11y-visualizer

Repository files navigation

Screenshot of 駒瑠市. Showing annotations of accessibility properties(This screenshot from駒瑠市〜アクセシビリティ上の問題の体験サイト〜)

Install

Users' Guide

How to develop

It is built withWXT.

To develop extension, launch the dev server

# Install dependencies$ pnpm install# To develop for Chrome/Chromium browsers$ pnpm --filter=@a11y-visualizer/browser-extension dev# To develop for Firefox$ pnpm --filter=@a11y-visualizer/browser-extension dev:firefox

WXT will automatically open your browser and load the extension in development mode.

There is a test page inapps/test_site/ directory. You can use it to test the extension:

# Start the test site server$ pnpm --filter=@a11y-visualizer/test-site dev

Then visithttp://localhost:5173 to access various test pages for accessibility features.

How to build

# Install dependencies$ pnpm install# Build browser extension for Chrome/Chromium$ pnpm --filter=@a11y-visualizer/browser-extension build# Build browser extension for Firefox$ pnpm --filter=@a11y-visualizer/browser-extension build:firefox# Create zip files for store distribution$ pnpm --filter=@a11y-visualizer/browser-extension zip$ pnpm --filter=@a11y-visualizer/browser-extension zip:firefox

The built extensions will be inapps/browser_extension/dist/ directory, and zip files will be created in the same location.

About

A Browser Extension for Enhanced Web Accessibility Checking

Resources

License

Stars

Watchers

Forks

Contributors5


[8]ページ先頭

©2009-2025 Movatter.jp