アンドロメディアは、Webサイト構築・運用において、見やすさ、読みやすさ、操作しやすさ、情報の理解しやすさを重視します。JIS X 8341-3:2016、WCAG、デジタル庁のウェブアクセシビリティ導入ガイドブックなどを参照しながら、企業サイト、自治体・公共性の高いサイト、採用サイト、ECサイト、ポータルサイト、フォーム、CMS運用まで、目的と運用体制に合わせたアクセシビリティ改善を支援します。
Design
見やすい設計
Structure
正しい構造化
Operation
使いやすい操作
Check
検査・確認
Improve
継続改善
ACCESSIBILITY CONCEPT
アクセシビリティを、特別対応ではなく“Web品質の基本”として設計します。
Webアクセシビリティは、障害のある人だけのための対応ではありません。高齢者、スマートフォン利用者、一時的に見えにくい・聞こえにくい・操作しにくい状況にある人、外国語環境の人、急いで情報を探している人にとっても、分かりやすいWebサイトをつくるための品質基準です。
アンドロメディアでは、デザイン、HTML構造、見出し、リンク、フォーム、色、画像代替テキスト、キーボード操作、スマートフォン表示、CMS運用、PDF・資料掲載まで含めて、制作時だけでなく公開後の運用でも維持しやすいアクセシビリティを設計します。
基本方針
- 見出し、段落、リスト、リンク、フォームを適切なHTML構造で設計する
- 文字サイズ、行間、余白、コントラストを考慮し、読みやすさを確保する
- 画像、アイコン、ボタンには意味が伝わる代替情報を設計する
- キーボード操作、フォーカス表示、フォーム入力、エラー表示に配慮する
- スマートフォンやタブレットでも操作しやすいUIにする
- CMS更新後も品質を維持できる運用ルールを整える
- 自動チェックだけでなく、目視・操作確認・実利用に近い検査を行う
アクセシビリティ対応で解決する課題
Webサイトの見た目が整っていても、操作しにくい、読みにくい、フォームが使いにくい、スクリーンリーダーで伝わりにくい状態では、ユーザーの離脱や問い合わせ機会の損失につながります。
文字が小さい・読みにくい
文字サイズ、行間、余白、背景色、コントラスト、情報量を見直し、スマートフォンでも読みやすい本文設計にします。
リンクやボタンが分かりにくい
リンクテキスト、ボタン文言、ホバー・フォーカス表示、タップ領域、CTAの位置を整理し、迷わず操作できる導線にします。
フォームで離脱が起きる
ラベル、必須表示、入力例、エラー表示、確認画面、キーボード操作、スマホ入力を確認し、送信完了までの負担を減らします。
画像やアイコンの意味が伝わらない
装飾画像、説明画像、アイコン、図表、バナーごとに、代替テキストが必要か、周辺テキストで補足すべきかを整理します。
キーボードで操作しにくい
メニュー、フォーム、ボタン、モーダル、アコーディオン、スライダーなどを、マウス以外でも操作できるか確認します。
CMS更新で品質が崩れる
投稿・固定ページ・画像・PDF・表組み・ショートコードの更新ルールを整え、公開後もアクセシビリティを維持しやすくします。
STANDARD & GUIDELINE
JIS X 8341-3:2016、WCAG、デジタル庁ガイドラインを参照し、現実的な対応範囲を設計します。
アクセシビリティ対応では、基準を掲げるだけではなく、どのページを対象にするのか、どの達成基準を目標にするのか、検査をどの範囲で行うのか、公開後にどう維持するのかを明確にする必要があります。
アンドロメディアでは、コーポレートサイト、自治体・公共性の高いサイト、採用サイト、ECサイト、フォーム、CMS運用など、サイトの目的と予算に合わせて、必要な対応範囲を整理します。
参照する主な考え方
- JIS X 8341-3:2016に基づく適合レベル、対象範囲、試験の考え方
- WCAGの知覚可能、操作可能、理解可能、堅牢という基本原則
- デジタル庁のウェブアクセシビリティ導入ガイドブックの実務的な考え方
- スマートフォン利用、フォーム、PDF、動画、画像、表組みへの配慮
- 自動チェック、目視確認、キーボード操作確認、スクリーンリーダー確認
- 公開後のCMS更新、担当者教育、運用ルール、定期チェック
対応領域
| 領域 | 確認内容 | 主な改善例 |
|---|---|---|
| 情報設計 | ページ構成、見出し階層、ナビゲーション、パンくず、サイト内検索 | 見出し構造の整理、導線改善、関連ページ導線、ページタイトル改善 |
| デザイン | 文字サイズ、行間、余白、コントラスト、色だけに依存しない表現 | 配色調整、本文サイズ調整、ボタン視認性、状態表示の改善 |
| HTML / コーディング | 見出し、リスト、表、リンク、ランドマーク、alt、ARIA、フォームラベル | 構造化、代替テキスト、ラベル付与、フォーカス順序、ARIA見直し |
| フォーム | ラベル、必須表示、入力例、エラー文、確認画面、送信完了、キーボード操作 | 項目整理、エラー改善、スマホ入力補助、確認導線、同意文言改善 |
| 画像・動画・PDF | 代替テキスト、字幕、文字起こし、図表説明、PDFの読み上げ対応 | alt設計、キャプション、テキスト版併記、PDF代替ページ作成 |
| CMS運用 | 投稿ルール、画像登録、表組み、ショートコード、PDF掲載、リンク文言 | 運用マニュアル、チェックリスト、更新担当者向けガイド整備 |
FORM ACCESSIBILITY
問い合わせフォームは、アクセシビリティとCV改善の両方に直結します。
問い合わせ、資料請求、予約、応募、購入、会員登録などのフォームは、Webサイトの成果に直結する重要な導線です。ラベルが分かりにくい、エラー理由が伝わらない、スマートフォンで入力しにくい、必須項目が多すぎると、ユーザーは途中で離脱します。
アンドロメディアでは、フォームのアクセシビリティを、単なるルール対応ではなく、入力完了率・問い合わせ率・ユーザー満足度を高める改善対象として扱います。
- label要素、入力項目名、必須表示、入力例の整理
- エラー発生箇所と修正方法が分かるメッセージ設計
- 電話番号、郵便番号、メールアドレスなどのスマホ入力補助
- 確認画面、送信完了画面、戻る操作、再入力防止の見直し
- 同意チェック、プライバシーポリシー、個人情報取得の説明
- Contact Form 7、WooCommerce、会員登録、予約フォームの改善
アクセシビリティ診断・改善の流れ
対象範囲と目標レベルを整理したうえで、自動チェック、目視確認、操作確認、改善提案、修正、再確認まで進めます。
01. 目的・対象範囲の整理
対象サイト、対象ページ、目標レベル、公開後の運用体制、優先度、予算を整理します。
02. 現状診断
自動チェック、目視確認、HTML構造、フォーム、画像、キーボード操作、スマホ表示を確認します。
03. 課題整理・優先度付け
影響度、修正難易度、CV影響、公共性、運用負荷を踏まえて改善優先度を整理します。
04. 改善設計
デザイン、HTML、フォーム、CMS、PDF、画像、動画、運用ルールの改善方針を設計します。
05. 修正・実装
テーマ、テンプレート、CSS、HTML、フォーム、画像、見出し、リンク、CMS設定を修正します。
06. 再確認・レポート
修正後のチェックを行い、改善内容、残課題、今後の運用上の注意点をレポート化します。
07. 運用ルール化
更新担当者向けチェックリスト、画像altルール、PDF掲載ルール、フォーム改善ルールを整えます。
CMS OPERATION
公開後に品質が崩れないよう、CMS運用ルールまで整えます。
アクセシビリティは、制作時だけ対応しても、公開後の更新で崩れることがあります。見出しを装飾目的で使う、画像altが空欄のままになる、PDFだけで情報を掲載する、リンク文言が「こちら」だけになる、表組みがスマホで読みにくいなど、日常運用で発生しやすい課題を防ぐ必要があります。
- 投稿・固定ページの見出し階層ルール
- 画像alt、キャプション、図表説明の入力ルール
- PDF掲載時の代替テキスト・HTML版併記ルール
- リンク文言、ボタン文言、CTA表現のルール
- 表組み、注釈、FAQ、アコーディオンの使い方
- 更新前チェックリスト、公開後チェック、担当者向けマニュアル
標準対応とオプションの切り分け
アクセシビリティ対応は、対象ページ数、達成目標、試験範囲、修正範囲、運用支援の有無によって対応内容が変わります。
| 項目 | 標準対応 | 別途オプション |
|---|---|---|
| Webサイト構築時 | 見出し、HTML構造、色、ボタン、フォーム、画像alt、スマホ表示の基本対応 | JIS試験、第三者検査、詳細レポート、アクセシビリティ方針ページ作成 |
| 既存サイト診断 | 主要ページの自動チェック、目視確認、課題整理、簡易改善提案 | 全ページ検査、スクリーンリーダー確認、キーボード操作詳細検査 |
| フォーム改善 | ラベル、必須表示、エラー文、スマホ入力、送信完了導線の改善 | 入力支援、DB保存、確認画面改修、複雑な条件分岐、会員登録フォーム改善 |
| CMS運用 | 画像alt、見出し、リンク文言、表組み、PDF掲載の基本ルール整理 | 更新担当者研修、運用マニュアル、チェックリスト、公開前レビュー体制構築 |
| PDF・動画 | 代替ページ、キャプション、補足テキストの基本設計 | PDFアクセシビリティ対応、字幕・文字起こし、動画プレイヤー検証 |
| 継続運用 | 月次更新時の軽微確認、フォーム確認、主要ページの改善提案 | 定期検査、年次レポート、JIS試験更新、運用担当者向け講習 |
費用目安
対象ページ数、診断範囲、修正範囲、JIS試験の有無、運用マニュアル作成の有無により変動します。
| メニュー | 費用目安 | 主な内容 |
|---|---|---|
| アクセシビリティ簡易診断 | 100,000円〜 | 主要ページの自動チェック、目視確認、課題整理、改善方針の提示 |
| 既存サイト改善設計 | 300,000円〜 | 対象ページ選定、改善優先度、見出し、フォーム、色、alt、CMS運用の整理 |
| アクセシビリティ修正対応 | 300,000円〜 | テンプレート、HTML、CSS、フォーム、画像alt、リンク、ボタン、スマホUI修正 |
| JIS X 8341-3試験支援 | 500,000円〜 | 対象ページ選定、試験準備、検査、結果整理、改善提案、試験結果表示支援 |
| CMS運用マニュアル作成 | 150,000円〜 | 画像alt、見出し、リンク、PDF、表組み、公開前チェックリストの整備 |
| 月次アクセシビリティ運用支援 | 50,000円〜 / 月 | 更新ページ確認、フォーム確認、軽微改善、担当者相談、定期チェック |
TEAM SYSTEM
デザイン・コーディング・CMS・運用・分析を横断して改善します。
アクセシビリティは、デザイナー、エンジニア、運用担当、ライター、ディレクターがそれぞれ理解していなければ維持できません。アンドロメディアでは、制作チーム、開発チーム、運用・分析チームが連携し、設計から公開後の更新まで一貫して改善します。
- Creative & Produce：UI、配色、文字、余白、ボタン、画像表現の改善
- Technology R&D：HTML、CSS、ARIA、フォーム、CMS、テンプレート修正
- Operation & Analytics：CMS更新、運用チェック、フォーム改善、行動分析
- Marketing & Planning：ユーザー導線、CV、情報設計、コンテンツ改善
- Consulting & Management：要件整理、検査範囲、進行管理、合意形成
関連サービス
アクセシビリティ対応は、Webサイト構築、Webデザイン、CMS、Web運用、フォーム改善、セキュリティ、BI分析と連動して進めることで、公開後も維持しやすくなります。
よくある質問
アクセシビリティ対応は、通常のWeb制作と何が違いますか？
見た目だけでなく、HTML構造、見出し、リンク、フォーム、色、画像代替テキスト、キーボード操作、スクリーンリーダーでの伝わり方、スマートフォンでの操作性まで確認します。利用者が情報を理解し、操作できる状態を目指す点が大きな違いです。
JIS X 8341-3:2016への対応もできますか？
対応できます。対象ページ、目標とする適合レベル、試験範囲、検査方法を整理したうえで、試験支援、改善提案、試験結果表示の整備まで対応可能です。全ページ対応や第三者検査が必要な場合は、範囲を明確にしたうえで個別見積りとなります。
既存サイトのアクセシビリティ診断だけでも依頼できますか？
可能です。主要ページを対象に、自動チェック、目視確認、フォーム確認、キーボード操作確認、スマホ表示確認を行い、改善優先度を整理します。
Contact Form 7やWooCommerceのフォーム改善もできますか？
可能です。label、必須表示、エラー文、確認画面、送信完了、スマホ入力、同意チェック、個人情報説明などを確認し、フォームのアクセシビリティとCV改善を同時に進めます。
PDFや動画のアクセシビリティにも対応できますか？
対応可能です。PDFの代替HTMLページ、画像化された文字のテキスト化、動画の字幕・文字起こし、図表の説明文など、情報が一部の形式だけに依存しないよう整理します。
公開後の更新で品質を維持できますか？
維持には運用ルールが必要です。画像alt、見出し階層、リンク文言、PDF掲載、表組み、フォーム変更、公開前チェックリストなどを整備し、更新担当者が迷わず運用できる状態をつくります。
誰にとっても、見つけやすく、読みやすく、使いやすいWebサイトへ。
アクセシビリティは、信頼性、ユーザビリティ、フォーム改善、SEO、Web運用品質にもつながる重要な設計要素です。既存サイト診断から新規構築、JIS試験支援、CMS運用ルール整備までご相談ください。
