ウェブサイトでも、点検整備

A11yWorkFlow Webアクセシビリティ検査ワークフロー

相談・提案から検査・報告・定期点検までを、
制作会社が一つの流れで進めるための実務支援です。

検査ワークフローでできること

自動検査だけで結論を出さず、人が確認した結果と理由を記録に残します。

  1. 顧客へ提案する

    お客様の相談を聞き、現状を調べて、対応内容と概算費用を提案します。

  2. 作業範囲を合意する

    提案をもとに、計画書で実施内容を具体化し、お客様と合意します。

  3. 結果を納品する

    試験結果と不適合箇所を、説明できる報告書にまとめます。

  4. 年次点検につなげる

    今回の記録を引き継ぎ、翌年度の点検を提案します。

作成できる書類と公開ページ

相談から報告までを、1つの案件フォルダと書類の見本で進められます。

作業は5つのステップで進めます

スターターキットには、各ステップの案内、使用するツール、書類の見本が入っています。
AIなしでも進められます。

無料スターターキットをダウンロード

ZIP形式・登録不要
案件フォルダ、進め方の説明、書類の見本が含まれています。

AIを使わずに進める

フォルダの案内と書類の見本に沿って、5つのステップを進めます。

初めて試験する方は、対象ページを選ぶ前に次の2つをご覧ください。
アクセシビリティの基本を読むWAIC 試験実施ガイドライン

AIと話して、入力済みの状態から始める

相談内容や手元の資料から、AIが書類の下書きとツールの入力用ファイルを用意します。回答した内容を入力し直さず、画面で確認・修正しながら進められます。

  1. スターターキットを展開し、フォルダのファイルを読み書きできるAIエージェント(Claude Code、Cursorなど)で開きます。
  2. 下の開始文を送り、分かっている相談内容や資料があれば添えます。AIは質問を必要最小限にし、材料から案を用意します。
  3. AIが案内する段階で、入力用ファイルを計画書・記録簿の「開く」から読み込み、画面で確認・修正して「保存」したJSONをAIへ戻します。

AGENTS.mdを読んで、この案件を進めてください。すでにある資料を使い、今必要なことだけ聞いてください。

計画書は範囲・ページ・確認方法などの候補まで用意し、画面で確認します。候補は未確定と区別し、記録簿には合意した計画の設定を入れます。最初の確認では保存JSONだけを戻し、書類は内容が固まってから出力します。検査の判定は推測で埋めません。

AIは書類作成と入力の準備を補助します。適合・不適合は人が判断します。
AIには、記入されていない結果を推測で埋めないことや、「まだ分からない」を「問題なし」に置き換えないことを指示しています。

  1. 相談を聞き、現状を調べる

    まず、お客様への質問シートで相談を聞きます。その回答をもとにサイトの規模や2〜3ページを下見し、提案書と概算見積内訳を作ります。

    アクセシビリティ自動検査を開く

    お客様と確認する書類AIに下書きを頼めます

    次へ進む目安いま何が起きていて、直すと何が変わるのかを提案書で説明できる。概算見積内訳と一緒に渡せる。

    次にすること相談の回答と提案を引き継ぎ、計画書で実施内容を具体化する。

  2. 計画書で実施内容を合意する

    相談の回答と提案をもとに、対象と対象外、成果物、修正・再確認、完了条件、日程と役割を計画書にまとめて合意します。未定の項目がある間は計画案です。

    AIと進める場合は、回答や資料が反映された入力用ファイルを「開く」で読み込み、内容と残る確認事項を確かめます。

    アクセシビリティ検査計画書を開く

    お客様と確認する書類

    公開するページ公開を合意した場合に載せます

    • アクセシビリティ方針(試験前)

    次へ進む目安今回行う範囲、成果物、修正・再確認、完了条件、日程と役割を計画書で合意した。検査に必要なページ、基準・方法・環境の未定事項も解消した。

    次にすること合意した計画書から検査記録簿の対象ページや条件を設定し、決めたページを確かめ始める。

  3. ページを確認する

    合意した計画書を参照し、決めたページをツールと人の目で確認します。検査員(Chrome拡張)で開いているページの課題を確認しながら、アクセシビリティ検査記録簿に結果と判断理由を記録します。判断できない項目は「要確認」のまま残します。

    この工程に最も時間がかかります。達成基準をページごとに確認しますが、記録簿には各基準のヒントと理由の例があります。

    試験を始める前に、基礎理解を確認する

    アクセシビリティ検査員を開く

    次へ進む目安対象ページの全項目を確認し、判定と理由(または要確認)を検査記録簿に記録し終えた。

    次にすること検査記録簿から結果の文書(公表用Markdown・JSON)を書き出し、試験結果報告書をまとめる。

  4. 結果を報告する

    合意した成果物を書き出します。サイトへの公開は別途確認し、掲載する場合はMarkdownをHTMLに変換してください。

    アクセシビリティ検査記録簿で書き出す

    公開するページ公開を合意した場合に載せます

    お客様と確認する書類AIに下書きを頼めます

    終わりの目安合意した成果物を提出した。公開する場合は、承認後に対象文書を公開した。

    次にすること納品・公開の状況と、日々の更新で気をつけることを引き継いで、運用に移る。

  5. 翌年もう一度確認する

    翌年開始前に、前回の記録をまとめた引き継ぎを開き、残った課題と変わったページを並べます。今年どこを見るかを決めて、年次点検提案書にまとめます。

    今回の結果は、空の新しい記録に書きます。前回の記録は消さずに残し、前回の課題を見るためだけに使います。

    お客様と確認する書類AIに下書きを頼めます

    終わりの目安年次点検提案書をお客様へ提出し、今年の範囲と予定に合意できた。

    次にすること今年の記録フォルダを作り、「決める」から今年の分を始める。

デモサイトで確かめる

ページの確認を練習できる架空サイトです。

a-blog cms統合版で管理する

1案件の確認・報告は無料ツールで進められます。1サイトの記録をCMSに残したい場合や、複数サイトをチームで管理したい場合は、a-blog cms統合版があります。

比較項目 無料ツール a-blog cms統合版
1案件の確認・報告を進める できる できる
記録の保存 自分のパソコンでファイルを管理 a-blog cmsに最新の結果を保存
報告書 出力した文書を自社の形に整える ウェブページ形式の報告書を作る
翌年の点検 前年の書類を見ながら自分で進める CMSに保存した結果から始める

統合版の機能と料金を見る

よくある質問

1案件だけ試せますか?

はい。1つのお客様サイトなら、無料ツールで進められます。CMS内に記録に残したい場合は、a-blog cms統合版を使えます。

どこから始めればよいですか?

初めての案件は「見る」から始めます。すでに調査や計画がある場合は、必要な段階から始められます。

すべて自分で判断する必要がありますか?

すべてを自分で判断する必要はありません。ツールによるチェックだけで決められない項目もあります。作業中の記録では「まだ分からない」、公開する文書では「要確認」として残し、必要な部分だけ専門家へ相談できます。判断できない項目がたまって進めなくなったときも、そこで止まらずに相談してください。

費用はどこで確認できますか?

1案件ずつ使うツールは無料で始められます。検査員の結果をファイルに保存できるChrome拡張Pro版と、記録をCMSで管理するa-blog cms統合版は有料です。最新の料金は、ページ確認ツールa-blog cms統合版のページで確認できます。

ツールやAIが作った書類は、そのまま使えますか?

下書きとして使ってください。対象範囲や前提条件は仕事ごとに違うので、お客様へ渡す前と公開する前に、内容が案件と合っているかを確かめます。ここで作る書類は、記載された試験実施機関/実施組織による試験記録です。第三者による認証や、適合を保証するものではありません。

書類の内容と、それを使って生じた結果について、この検査ワークフローでは責任を負いかねます。最終的な判断は、案件を進める方にお願いします。

そのほかの質問はよくある質問にまとめています。

公開・販売・運用のことで困ったら、まずは「ましじめ」へ

ウェブサイトの制作や改善、AI活用、アクセシビリティ、
商品やサービスの見せ方まで、何から手をつければよいか分からない段階でもご相談ください。
自社事業の経験と専門的な技術力を活かし、無理なく続けられる形をご提案します。