カラー＆アクセシビリティツールキット
画像・デザイン ローカルのみ
Web Accessibility チェッカー & 修復ガイド
地元のAXEコア監査axe-coreでローカルHTMLを監査し、WCAGの発見を検査、ベースラインを比較し、実用的な修復計画を立てます。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Nobuf accessibility review sample</title>
<style>body{font-family:sans-serif;padding:2rem;color:#999;background:#fff}.card{padding:1rem;border:1px solid #ddd}</style>
</head>
<body>
<h1>Account</h1>
<h3>Profile settings</h3>
<main class="card">
<img src="https://tracker.example/avatar.png">
<p><a href="#"></a></p>
<input type="email" placeholder="Email address">
<button aria-labeledby="missing">Save</button>
</main>
</body>
</html>地元の予報
スクリプトとリモートロードがブロック使い方
- 01
HTMLを安全なプレビューにアップロードする
パストまたはオープン限定HTML; アクティブおよびリモートリソースは、サンドボックスの同じ起源のiframeでリリースする前に削除されます。
- 02
アクセス可能性監査を実施
選択した WCAG タグ、フィルター違反およびニーズレビューの結果を実行し、正確なターゲット、失敗の概要および修理ガイドを検証します。
- 03
進歩と報告
ドキュメント構造と手動テストの推進を検討し、ベースラインを保存し、Rerunsを比較し、JSONまたはMarkdownの証拠を輸出します。
よくある質問
これはWCAGの合意を証明するのか?
自動テストはアクセス性の障壁の一部のみを検出します コンフォーマンスには専門家のレビュー、キーボードテスト、サポート技術、コンテンツ判断も必要です。
公衆のURLを削除するのか?
A Cloudflare Pages static page cannot safely bypass cross-origin restrictions. このツールは、コントロールされたプレビューでパストまたはローカルHTMLを監査します。
なぜ、いくつかの結果が評価される必要がありますか?
axe-core は、人間の判断または不利用な文脈が必要なときに不完全なチェックを返します. 研究室はこれらを確認された自動違反から分離します。
どんなルールが利用可能なのか。
プレセットは WCAG 2.x/2.1/2.2 A と AA タグまたはベストプラクティスチェックをカバーします。
関連ツール
ほかの用途特化型ブラウザツールもお試しください。