文言の検査が不在
「右のボタンを押してください」や「ここをクリック」といった問題は既存ツールでは検出できません。
for AI Builders
バイブコーディングに、
アクセシビリティを。
AIでサイトを作ったら、a11ylint で検査。結果を「LLMのためのコピー」でワンクリックコピーして、そのままAIに渡すだけ。
a11ylint
アクセシビリティ検査レポート
51スコア / 100
4エラー
3警告
ERROR
img 要素に alt 属性がありません
WARNING
<nav> ランドマークがありません
ERROR
コントラスト比が不足しています (2.1:1)
AIに渡すプロンプト例
あなた → AI:
以下はa11ylintのアクセシビリティ検査結果です。 エラーと警告をすべて修正してください。 修正後のHTMLを出力してください。 --- [ここにワンクリックでコピーした検査結果を貼り付け] ---
AI:
検査結果を解析しました。4件のエラーと3件の警告を修正します。まず img 要素に適切な alt 属性を追加し…
1
AIでサイトを構築
2
a11ylintで検査
3
結果をLLMにコピー
4
AIが即座に修正
従来ツールの限界
DOMチェックだけでは見落とされる問題が数多くあります。
画像の検査ができない
バナー内の文字可読性、グラフの色依存、UI要素のスクリーンショット確認は手動確認のままです。
非開発者が使えない
CLIやブラウザ拡張は開発者向け。PMs・クライアントが自分で検査を実行する手段がありません。
アクセシビリティ + SEO を一括検査
コード・文言・画像の3レイヤーに加え、SEO診断も統合。AIの文脈理解で誤検知を減らしながら網羅的に検出。
テキスト検査
センサリー情報依存、曖昧リンク文言、ラベル不足をAIが文脈理解で検出。多言語にも対応。
DOM / 構造検査
ARIA属性、ラベル関連付け、フォーカス管理、キーボード操作性を検査。色依存の状態変化も検出。
画像 / ビジュアル検査
OCRで画像内テキストを抽出し、背景とのコントラストを算出。グラフの色依存もAIが判定。
AI文脈判定
修正案の自動生成、スクリーンショット全体の視認性評価。人間の目に近い検査を実現。
サイト全体巡回
URLを入力するだけでサイト内リンクを自動巡回。全ページを一括検査し、サイト全体のスコアを算出。
レポート出力
ページ別スコアと問題リストの詳細レポート。PDF、CSV、JSON形式でダウンロード可能。
LLMのためのコピー
検査結果をワンクリックでLLMに貼り付け可能な形式でコピー。バイブコーディングで即座に修正指示。
サイト規模を事前確認
検査前にページ数や深さを推定。無料機能でプラン選びを支援。
認証ページ対応
Chrome拡張で認証後のページもクローリング。ログイン必須のコンテンツも検査。
SEO検査
アクセシビリティ検査と同時にSEOも自動チェック。メタタグ、OGP、構造化データ、内部リンク構造をAI+静的解析で診断し、デュアルスコアで可視化。
シンプルな4ステップ
無料で始めて、後で納得してアップグレード
無料で登録
無料アカウントですぐに検査開始
サイト規模を見積もり
プレビュー機能でページ数・深さ・クレジット量を確認
無料で検査
AI分析や認証ページクローリングも含めてお試し
納得してアップグレード
実際の価値を確認してから、プランを選択
見落とされやすい問題
文言・画像レベルのアクセシビリティ問題を検出します。
センサリー情報依存1.3.3
NG: 「右のボタンを押してください」
OK: 「送信ボタンを押してください」
位置・色・形状に依存した表現を検出し、代替表現を提案。
OK: 「送信ボタンを押してください」
位置・色・形状に依存した表現を検出し、代替表現を提案。
曖昧なリンク文言2.4.4
NG: 「ここをクリック」「こちら」
OK: 「料金プランの詳細を見る」
リンク先が文脈なしで判断できない文言を検出。
OK: 「料金プランの詳細を見る」
リンク先が文脈なしで判断できない文言を検出。
色のみの情報伝達1.4.1
NG: エラーを赤色のみで表示
OK: アイコンとテキストも併用
色だけに依存した状態変化やデータ区別を検出。
OK: アイコンとテキストも併用
色だけに依存した状態変化やデータ区別を検出。
画像内テキスト1.4.3
NG: バナー画像の文字が背景に溶け込む
OK: コントラスト比4.5:1以上を確保
OCRで画像内テキストを抽出し、コントラストを自動算出。
OK: コントラスト比4.5:1以上を確保
OCRで画像内テキストを抽出し、コントラストを自動算出。
デモページで体験する
実際のNG/OKパターンを含むデモサイトで、a11ylintが検出する問題を確認できます。
NG
テキスト / コンテンツ
ECサイト風ページ。センサリー情報依存、曖昧リンク、色のみの情報伝達など7種のNGパターン。
NG
画像 / ビジュアル
ニュースポータル風ページ。alt属性なし、低コントラスト、色のみチャートなど8種のNGパターン。
NG
DOM / 構造
管理画面風ページ。ランドマーク不足、見出しスキップ、キーボード操作不能など9種のNGパターン。
NG
地図 / インタラクティブ
観光ガイド風ページ。キーボード操作不可、スクリーンリーダー非対応など10種のNGパターン。
OK
地図 / アクセシブル版
同じ観光ガイドをアクセシブルに実装。キーボード操作、ライブ通知、スキップリンクなど8つのベストプラクティス。
テストサイトで試す
a11ylint の検査を試せるテストサイトを用意しています。様々なパターンのアクセシビリティ問題を含んでいます。
プラン別の検査範囲 — 認証付きサイト（4ページ）は Free プラン（5 クレジット/月、最大 5 ページ/回、深さ 2）で検査可能です。多階層サイト（8ページ）は Lite プラン以上で全ページ検査できます。
多階層サイト — テスト株式会社
トップページ、会社概要、サービス一覧、サービス詳細、ブログ一覧、ブログ記事、お問い合わせ、プライバシーポリシーの全8ページで構成。ナビゲーション・コントラスト・フォーム・見出し階層など典型的なa11y問題を各ページに配置。
含まれるa11y問題の例（ネタバレ注意）
- ナビゲーションリンクのコントラスト不足（#666 on #1a1a2e）
- 見出し階層のスキップ（h1 → h3、h2 → h4）
- div[onclick] でのクリック可能要素（role/tabindex なし）
- フォーム要素と label の未関連付け
- 空の見出し要素
- 画像の alt 属性の不適切な使用
- data table に th 要素がない
- focus outline の無効化 (*:focus{outline:none})
- target="_blank" の外部リンクに警告なし
- 低コントラストのテキスト（#ccc）
認証付きサイト — SaaS ダッシュボード
ログインページ、ダッシュボード、プロフィール、設定の全4ページ。Cookie ベースの簡易認証で、ログイン後のページにはダッシュボード統計、プロフィール編集フォーム、トグルスイッチ設定など、SaaS管理画面の典型的なUI要素を配置。
認証クローリングの使い方: ログインページで任意のメール・パスワードを入力してログイン → Chrome拡張で Cookie を取得 → a11ylint で認証クローリングを実行
含まれるa11y問題の例（ネタバレ注意）
- カスタムトグルスイッチに ARIA 属性なし
- 通知バッジが色のみで情報伝達
- ステータス表示が色のみ（dot + テキスト）
- テーブル th に scope 属性なし
- ソーシャルログインボタンに accessible name なし
- ステータスメッセージが aria-live 領域外
- disabled input のコントラスト不足
- hidden file input のキーボードアクセス不可
- select 要素に label 未関連付け
- autocomplete="off" の不適切な使用
シンプルで透明な料金
隠れた料金なし。無料で試して、価値を確認してから選択。
Lite
¥500/月
準備中
- 100 クレジット/月
- 最大 20 ページ/回
- 深さ 3 / 7日保持
Starter
¥1,000/月
準備中
- 200 クレジット/月
- 最大 30 ページ/回
- 深さ 5 / 30日保持
Pro
¥3,000/月
準備中
- 500 クレジット/月
- 最大 50 ページ/回
- 深さ 7 / 90日保持
Business
¥5,000/月
準備中
- 1,000 クレジット/月
- 最大 100 ページ/回
- 深さ 10 / 無制限保持
Scale
¥10,000/月
準備中
- 2,500 クレジット/月
- 最大 200 ページ/回
- 深さ 10 / 無制限保持
検査の制約と推奨事項
a11ylint はヘッドレス Chromium でサイトを巡回します。以下の点にご留意ください。
WAF / Bot 対策による遮断
Cloudflare Turnstile や AWS WAF などのボット対策を導入しているサイトでは、クローラーがブロックされ検査できない場合があります。WAF ルールで a11ylint-crawler/1.0 の User-Agent を許可リストに追加してください。
認証が必要なページ
ログインが必要なページは検査できません。Cookie やセッション情報の送信には対応していません。認証不要のページ、またはステージング環境に認証なしでアクセスできる設定でご利用ください。
JavaScript SPA の制限
アクセシビリティチェックは初回 HTML レスポンスを解析するため、React / Vue / Angular 等の SPA で JavaScript 実行後に DOM を構築するページでは一部の検査項目を検出できない場合があります。
IP 制限 / イントラネット
社内ネットワークや IP ホワイトリストで保護されたサイトには AWS Lambda からアクセスできません。検査対象はインターネットに公開されている URL に限られます。
検査範囲について
色コントラスト比の計算、キーボード操作のテスト、スクリーンリーダーとの互換性検証には対応していません。WCAG 2.2 AA の完全準拠を確認するには、手動テストとの併用を推奨します。
ステージング環境での検査を推奨
本番環境への不要なトラフィックを避けるため、検証環境 (staging) の URL での検査を推奨します。本番で実施する場合は、アクセスログへの影響やレートリミットにご注意ください。