メインコンテンツへスキップ
見出し画像

アクセシビリティのチェックをClaude Codeで補助する範囲──機械で拾える項目の下調べはAIに、達成基準を満たすかの判断は人に。点検の手順と、時間がどれだけ減るかの正直な計算例

    この記事は、ウェブアクセシビリティのチェックを、Claude Codeでどこまで補助できるかと、人が判断しなければならない部分を扱います。

    「AIでチェックしたので、対応済みです」と言いたくなる

    アクセシビリティの点検の相談が増えてきました。
    Claude Codeにソースを読ませれば、代替テキストの抜けや見出しの飛びを、一覧で出してくれます。


    便利です。けれど、その一覧を「点検の結果」としてお客様に出すと、あとで困ることになります。
    一覧に出なかった問題は、「なかった」のではなく、「機械では見つけられなかった」だけだからです。

    Claude Codeによるアクセシビリティの補助とは、機械で拾える項目の下調べと記録を任せ、達成基準を満たすかどうかの判断は人が行う、点検の分業である

    黒字化の外科医です。アクセシビリティの点検に、Claude Codeをどこまで入れてよいかを解剖します。


    分業にすべき理由は、三つあります。


    第一に、基準を作る側が、ツールだけでは判断できないと明言しているから。
    W3CのWAI(Web Accessibility Initiative)は、評価ツールはアクセシビリティを判断できず補助しかできないこと、すべてを自動で確かめることはできず人の判断が必要なことを、ツールの選び方の解説で述べています。


    第二に、ツールは誤った結果を出すことがあるから。
    同じ解説で、評価ツールが誤った結果や紛らわしい結果を出すことがあるとも書かれています。


    第三に、「意味が伝わるか」は、文脈を知る人にしか決められないから。
    代替テキストが「あるか」は機械で分かります。その文が画像の役割を伝えているかは、人が読んで決めます。

    基準について:一次情報で確かめた範囲

    確認日:2026年10月27日。

    ・JIS X 8341-3:2016 は、ISO/IEC 40500:2012 の一致規格で、
     規格の本文は WCAG 2.0 と同じ内容(ウェブアクセシビリティ基盤委員会の解説)
    ・WCAG 2.2 は W3C勧告(W3Cの文書、現行版の日付は2024年12月12日)
    ・適合のレベルは A・AA・AAA の3段階(WCAG 2.2)


    どの基準の、どのレベルで点検するかは、お客様と最初に合意します。点検の項目と料金の組み方は、こちらのキットにまとめています。

    ▶ ウェブアクセシビリティ「点検」を商品にするキット──料金表の3段階、点検の30項目、報告書の型、改修と運用につなげる提案書

    Claude Codeに任せる範囲と、人が判断する範囲

    【Claude Codeに任せる(下調べ)】
    ・img に alt 属性があるか、空か
    ・見出し(h1〜h6)の順番が飛んでいないか
    ・フォームの入力欄に、対応するラベルがあるか
    ・html 要素に lang 属性があるか
    ・ボタンやリンクに、読み上げられる名前があるか
    ・結果を「該当箇所の一覧」として記録する
    
    【人が判断する】
    ・代替テキストが、画像の役割を伝えているか
    ・見出しの文が、内容を表しているか
    ・キーボードだけで、すべての操作ができるか
    ・読み上げソフトで聞いて、順番と意味が通るか
    ・色の使い方が、情報を伝える唯一の手段になっていないか
    ・それぞれの達成基準を「満たす/満たさない」と判定すること


    最後の一行が、この記事の要点です。判定は、必ず人が行います。

    Claude Codeで使う機能:公式で確かめた範囲

    確認日:2026年10月27日(code.claude.com の公式ドキュメント)。

    ・Chrome連携:claude --chrome。開いた画面のコンソールのエラーやDOMの状態を読み、
     スクリーンショットを保存できる。Pro・Max・Team・Enterpriseのプランが必要とされている
    ・プランモード:ファイルを読んで計画を出し、承認するまで編集しない

    今すぐ試せる:下調べを頼むプロンプト

    このリポジトリは、〔サイト名〕のソースです。アクセシビリティの点検の「下調べ」をします。
    ファイルは変更しないこと。
    
    【対象】〔ページの一覧〕
    【調べる項目】img の alt、見出しの順番、フォームのラベル、lang 属性、ボタンとリンクの名前
    
    1. 項目ごとに、該当箇所をファイル名と行で一覧にする。
    2. 「達成している」「達成していない」とは書かないこと。判定は人が行う。
    3. 機械では確かめられない項目(意味、操作、読み上げの順番)を、人の確認リストとして別に出す。


    「判定を書かせない」一文が大切です。AIの出力が、そのまま報告書に入るのを防ぎます。

    点検工場:時間がどれだけ減るか

    例(数字はすべて例)

    点検するページ:20ページ
    
    【すべて人が行う】1ページあたり60分
    20ページ:60分×20=1,200分=20時間
    
    【下調べをClaude Codeに任せる】1ページあたり
    下調べの指示と結果の確認10分+人の点検と判定45分=55分
    20ページ:55分×20=1,100分 ≒ 18.3時間
    
    減った時間:1,200分−1,100分=100分 ≒ 1.7時間


    検算:60×20=1,200。1,200÷60=20。10+45=55。55×20=1,100。1,100÷60≒18.33。1,200−1,100=100。100÷60≒1.67。


    減る時間は、大きくありません。この方法の価値は、時間よりも「拾い漏れが減ること」と「記録が残ること」にあります。点検の料金を下げる理由にはしないでください。

    構造的なリスク

    逆説を指摘しておきます。


    一覧がきれいに出るほど、「一覧が空なら問題なし」と読む人が出てきます。
    報告書には、機械で確かめた項目と、人が確かめた項目と、確かめていない項目を分けて書いてください。お客様への説明で「対応済み」と言える範囲は、人が判定した範囲だけです。


    WordPressのサイトで、公開後も崩れない状態を保つ方法は、こちらで扱いました。

    ▶ WordPressのアクセシビリティ対応を商品にする──「義務化だから」と売らない、合理的配慮と環境の整備の正しい説明、テーマ・ブロック・更新ルールの3段で組む料金の計算例

    よくあるQ&A

    Q. 法律で義務になったので、全部直す必要があるのか?


    制度の正確な説明は、こちらにまとめています。断定的に案内しないでください。

    ▶ 「ウェブアクセシビリティは義務になった」は正確ではない──2024年4月の障害者差別解消法改正で、事業者に何が求められ、制作会社は何を提案できるのか


    なお私は弁護士ではありません。実務の指針として読み、個別の判断は専門家や公的な窓口に確認してください。


    Q. LPの量産の確認に組み込めるか?


    下調べの項目を、確認のSkillに入れられます。手順はこちらです。

    ▶ Claude CodeでLP制作を量産しても品質を落とさない手順──型をCLAUDE.mdとSkillsに置き、確認を自動と人の2段に分け、本数で元が取れるかを計算する


    Q. 点検の手順書はあるか?


    下調べと人の判定を分けた点検の手順書を、キットに入れました。

    ▶ Claude Codeの作業手順書キット、Web制作会社向け──保守・LP・改修・点検の4つの手順書、CLAUDE.mdとsettings.jsonとhooksの雛形、人が見る線の表、記録の型

    最後に

    アクセシビリティの点検で、Claude Codeが速くするのは下調べと記録です。


    判定は人が行うと決め、報告書で「確かめた範囲」を分けて書いた会社だけが、点検をお客様に信頼される商品として続けられるのです。

    これまでの記事は、メンバーシップ「黒字化オペ室」でまとめて読めます。月額1,980円、記事2本分の金額です。詳しくはプロフィールから。


    #Web制作会社 #ウェブアクセシビリティ #アクセシビリティチェック #ClaudeCode #WCAG #JISX8341 #制作会社経営 #中小企業 #AI駆動開発 #品質管理

     
     
    Web制作・開発会社の「労働集約という病」をAIで冷徹に切除し、利益率を極限化する組織ハッキング術を公開。 人間の感情と作業を排除し、社長一人で莫大な富を搾取する「完全無人ファクトリー」を構築する覚悟を持つ経営者のみ、有料記事で圧倒的な暴利と勝利を手に入れてください。

    あなたへのおすすめ