Webアクセシビリティ対応は何から始める？自社サイトを1日で改善した実測記録

アーム代表の伊藤です。
Webアクセシビリティ対応は、いきなり修正から入らず、ガイドブックで全体像→診断→優先順位→修正→方針公開の5ステップの順で進めます。自分でやる最小セットは3つで、Tabキー操作・画像の代替テキスト・コントラスト比4.5:1です。

アームは自社サイト（aaam.jp）をこの順番で対応し、診断から方針公開まで実働1日でした。この記事は順番と項目を先に見せ、実測の経緯と義務化の正確なところは畳んで読める構成にしています。

始める順番は5ステップ。まず自分でやるのは3つ

• 対応手順はガイドブック→診断→修正→公開の順
• 対象はTabキー操作とコントラスト比4.5:1
• アーム実例は診断から公開まで1日で完了

Webアクセシビリティ対応は順番が大切で、いきなり修正から入ると優先順位を誤ります。アームが自社サイトで実践した順番はこの5つです。

• ステップ1：デジタル庁の「ウェブアクセシビリティ導入ガイドブック」を読む。WCAGやJISの原文に最初から挑まない
• ステップ2：無料ツールの機械診断と、キーボードだけで主要ページを操作する手動確認を組み合わせる
• ステップ3：一般的な企業サイトならWCAGのレベルAA相当。画像の代替テキストとコントラストがたいてい先頭
• ステップ4：テーマごとに分けて直し、修正のたびに再診断して数値の変化を記録する
• ステップ5：対応が全部終わっていなくてもウェブアクセシビリティ方針を公開し、継続の宣言にする

まず自分でやるのは、3つだけ

このうち、自分でやる場合の最小セットは次の3つです。

• マウスを使わずTabキーだけで問い合わせ完了まで到達できるか
• 主要ページの画像に適切な代替テキストがあるか
• 小さい文字のコントラスト比が4.5:1以上あるか

この3つを通るだけで、多くのサイトは平均を超えます。アームの自社サイト（約20テンプレート）では、この順番で診断から方針公開まで実働1日でした。

義務化されたのは、対応そのものではない

Webアクセシビリティ対応、5ステップの中身を順に見る

• 最初の資料はデジタル庁ガイドブック1つ
• 目標はWCAGレベルAA相当
• 方針公開は未完成でも出せる

自社での実践を踏まえて、5つのステップの中身を順に説明します。

ステップ1 公式ガイドラインで全体像をつかむ

最初に読むべき資料は1つだけです。デジタル庁の「ウェブアクセシビリティ導入ガイドブック」（デジタル庁、2025年10月16日版）で、専門用語を避けた図解中心の構成になっており、民間企業の利用も想定されています。

WCAGやJISのガイドライン原文に最初から挑むのは遠回りなので勧めません。ガイドブックで全体像をつかんでから、必要な達成基準だけ原文にあたるのが効率的です。

ステップ2 無料ツールと手動確認で、現状を診断する

次に、自社サイトの現状を把握します。後述する無料チェックツールでの機械診断と、キーボードだけで主要ページを操作してみる手動確認を組み合わせます。診断の目的は完璧なリストではなく、「重大度の高い問題がどこに集中しているか」をつかむことです。

ステップ3 影響が大きく直すコストが低いものから決める

診断結果をもとに、目標とする適合レベルを決めます。一般的な企業サイトであれば、WCAGのレベルAA相当への配慮を目標にするのが現実的です。修正は「影響するユーザーが多く、直すコストが低いもの」からで、画像の代替テキストとコントラストはたいてい先頭に来ます。

ステップ4 テーマごとに直し、数値の変化を記録する

修正は一気にやろうとせず、テーマごとに分けて進めます。アームの場合は「動きへの配慮」「キーボード操作」「コントラスト」の3テーマに分けました。修正のたびにツールで再診断し、数値の変化を記録しておくと、後で方針ページや社内報告に使えます。

ステップ5 完璧でなくても、方針を先に公開する

最後に、対応の範囲と目標をウェブアクセシビリティ方針として公開します。方針の公開は「完璧になった宣言」ではなく「継続的に取り組む宣言」なので、対応が全部終わっていなくても出せます。むしろ先に出すことで、取り組みが社内の既成事実になります。

無料ツールだけでできる、Webアクセシビリティチェックの組み合わせ方

• 無料ツールは4種、自動診断と人力確認を併用
• 自動チェックはキーボード操作を検出できない
• 重大な不具合2件は手動確認で発見

Webアクセシビリティ対応のチェックは、無料ツールだけでもかなりの範囲をカバーできます。アームが実際に使っている組み合わせを紹介します。

同じLighthouseで測れる表示速度の指標、Core Web Vitalsの読み方はこちらのコラムで解説しています。

自動チェックには、届かない範囲がある

ただし、機械チェックだけで安心してはいけません。自動チェックで検出できるのは達成基準の一部にとどまり、キーボードで操作しきれるか、読み上げの順序が自然か、といった体験の核心部分は人間の確認が必要です。

健康診断で身長と体重だけ測って人間ドックを済ませた気になるようなもので、数値のよさは健康の証明にはなりません。

機械が拾えたのはコントラストだけだった

アームの実対応でも、この限界ははっきり出ました。コントラスト不足はツールが正確に指摘してくれた一方、重大度の高かった「メニューがEscで閉じない」「動きを止められない」は、どちらも手動の診断で見つけたものです。

重い問題ほど機械の網をすり抜ける、と考えておくくらいでちょうどよいと思います。

Webアクセシビリティ対応を外注すると費用はいくらかかるのか

• 診断相場は1ページ25,000円〜
• 『準拠』証明が必要な会社ほど外注が向く
• 比較の軸はページ数・改修有無・再検査の3点

Webアクセシビリティ対応の外注で提示される数十万円の見積もりは、その大半が「診断と報告書」の費用で、サイトを直す作業そのものは含まれていないことが多いです。高いか安いかを判断する前に、その金額で何を買うのかを確認する必要があります。

専門会社が公表している価格を見ると、構造がつかめます（2026年8月時点）。

• 専門家による診断（レベルAA）：該当箇所のスクリーンショットと問題点の解説、修正方法をまとめたPDF報告書。改修作業は含まれない（インフォアクシアの公表価格）
• 検査サービス：10ページの検査が前提で、初回検査は2週間程度。上位コースには再検査や方針書の作成支援が付く（BIPROGYチャレンジドの公表価格）

高く見えるのは、人の手が入るからだ

10ページ診断してもらうだけで20万〜30万円になる計算で、数十万円という相場観はここから来ています。ぼったくりではなく、人手の判定に単価が付く構造です。

「準拠」を名乗るための試験は、達成基準ごとにページを人の目で判定して記録する工程で、サイト全体からランダムに選んで試験する場合は40ページ前後が目安とされています（合否判定を行うために十分と言えるページ数、ウェブアクセシビリティ基盤委員会）。

ページ数と人手の時間が積み上がる仕事なので、正式にやるほど金額は伸びます。

判断を分けるのは、金額でなく目的だ

だから外注するかどうかの判断は、金額ではなく目的で分かれます。

• 公共機関や大手企業との取引で、JIS X 8341-3:2016の「準拠」「一部準拠」の証明が求められている。この場合、規定の試験と結果の公開はワンセットの必要経費で、専門会社への外注が合理的です。
• 証明までは要らず、まず使える状態にしたい。この場合、数十万円の報告書を買ってもサイトは1行も直りません。本記事の5ステップと無料ツールで診断まで自走し、直す作業に予算を使うほうが回収は早くなります。

見積もりを比べるときは「試験・診断は何ページか」「改修作業は含まれるか」「修正後の再検査はあるか」の3点で範囲を揃えてください。報告書は、直す人がいて初めて回収できる投資です。

Webアクセシビリティ対応でよくある失敗

Webアクセシビリティ対応の失敗には型があります。アームが他社サイトの分析や自社対応で実際に見てきたものを挙げます。

• ツールのスコアだけを目標にする。スコア100点でもキーボードで操作できないサイトは作れてしまいます。
• 「準拠」を試験なしで名乗る。前述のとおり表記ルール違反で、指摘されると信頼を失います。
• オーバーレイツール（後付けのアクセシビリティ改善ウィジェット）だけで済ませる。根本のHTMLが直っていなければ、支援技術との相性問題はむしろ増えることがあります。
• 一度対応して終わりにする。サイトは更新のたびに劣化します。アームは検証をコードの自動チェックに組み込み、更新のたびに違反が検出される体制にしました。
• デザイン改修と切り離して考える。コントラストやタップ領域はデザインの話なので、リニューアルのタイミングで一緒にやるのが最も安上がりです。サイトの品質改善という意味では、サイトの表示速度改善｜目安はLCP2.5秒、重い原因の切り分けと直し方と同じ構図です。

アクセシビリティの対応は、サイトリニューアルのタイミングで一緒に検討すると効率的です。進め方は、こちらのコラムにまとめています。

アームがWebアクセシビリティ対応を、法令対応でなく整備と捉える理由

• 位置づけは法令対応でなく整備
• 公共・大手案件でJIS要件化が増加
• デザインと実装コードを同期運用

アームはWebアクセシビリティ対応を、法令対応のコストではなく「取りこぼしていたユーザーを拾う整備」と捉えています。

高齢のユーザー、モバイルの悪条件下のユーザー、そして読み上げ技術でページを解釈するAI検索まで、アクセシブルなHTMLの恩恵を受ける相手は年々増えています。

取引の面でも、公共機関や大手企業の案件ではJIS対応が要件に入ることが増えており、対応力の有無が商談機会そのものを左右します。

こだわりは、デザイン段階からの一貫性

もうひとつ、アームはデザイン段階からの対応にこだわっています。コントラストもタップ領域も、コードを書く前のデザインデータの時点で決まります。

アームはデザインツールの色や余白の定義と実装コードを同期させる運用にしており、デザインの修正が自動的に実装の修正候補になります。作ってから直すのではなく、直った状態で作る。この順序が、対応コストを最も小さくします。

自社サイトの診断から始めたい方は、Webアクセシビリティ対応の現状診断について相談するからご連絡ください。いまの状態を把握するところからで構いません。

よくある質問

Webアクセシビリティ対応は、Tabキーだけの操作確認という一番安い一歩から始まる

Webアクセシビリティ対応は、公式ガイドラインで全体像をつかみ、無料ツールと手動で診断し、優先順位をつけて修正し、方針を公開する。この順番です。

義務化されたのは合理的配慮の提供で、事前対応は努力義務です。ただしJIS改正でWCAG 2.2ベースの時代が来るため、始めるなら基準は2.2で考えてください。まずはお使いのサイトをTabキーだけで操作してみてください。それがいちばん安い第一歩です。

アームでは、ホームページ制作の一環として、アクセシビリティを含むサイト品質の診断と改善を行っています。自社での対応に限界を感じたら、よければご相談ください。