本文へ移動
ご相談

一度の診断だけでは、更新後の使いやすさまで守れません。改善から、更新後の確認まで支えます

20年以上の開発経験を持つエンジニア、Section 508 Trusted Testerが対応します。実際に操作して問題を確かめ、コードを修正。更新時にも問題を見つけられる仕組みづくりを支援します。

v2.3: 更新で「カート」がアイコンだけになると、読み上げは「ボタン」だけに。公開前のチェックで、この問題を検出します。

このページで試す

表示中:読み上げ内容

画面の配置や色を使わず、スクリーンリーダーが読み上げる内容を順に確認できます。

このページの読み上げ内容を、上から順に表示しています。スクリーンリーダーでは、見出しやランドマークを手がかりに、必要な箇所へ移動できます。

自動チェックだけでは見つからない問題

自動チェックを通っても、使えないことがあります

✓ 以下の例は、いずれも自動チェックでは問題なしと判定されます

  • ✗ フォーカスの枠が、背景に埋もれて見えない。

  • ✗ エラーは出る。でも直し方がわからない。

  • ✗ ダイアログを開いても、フォーカスは背後のページに。

  • ✗ 注文は完了しても、読み上げでは伝わらない。

それぞれの直し方を見る

アクセシビリティウィジェットについて

ウィジェットの追加だけでは、解決できません

オーバーレイウィジェットを追加

✗ 「WCAG AA準拠」のバッジが付いていても、ボタンの名前は空のまま。利用者から指摘されるまで、問題が残ってしまいます。

コードで修正

✓ コードを修正し、ボタンの操作内容が伝わる名前を付けます。スクリーンリーダーでも、その名前を読み上げられます。

コントラスト不足は最も見つけやすい問題です。無料のチェッカーで数秒でわかるのに、今でもウェブで最も多い不具合のひとつです。

ウィジェットやスキャンツールを導入済みの方へ:まだ残っている問題を確かめる

ご相談から、修正後の確認まで

  1. 1

    範囲

    対象ページ、確認する操作、テスト方法、納品内容を決めます。

  2. 2

    テスト

    自動チェックと、実際の操作による検証を組み合わせます。

  3. 3

    報告

    問題の内容、利用者への影響、具体的な修正方法をまとめます。

  4. 4

    修正

    デザインを保ったままコードを修正します。開発チームが対応する場合はその支援をします。

  5. 5

    再テスト

    合意した修正箇所を確認し、結果を記録します。

テストの進み具合を確認できます。

専用のクライアント画面に、担当者の名前と、これまでに終わったチェックの数が表示されます。日程が確定すると、レポートの完成予定日も表示されます。テストが終わると、共有前の最終確認中であることが分かります。

迷っている場合は、短いビデオ通話で、実際に作業する担当者と直接ご相談ください。

購入・アカウント画面

担当:(テスト担当者の名前)

32項目中18項目を確認済み(56%)
完成予定日
10月17日
テスト中のクライアント専用ページの表示例です。結果を記録するたびに、確認済みの項目数が更新されます。

サービスを見る ご相談後の流れ

何を直すか、
どう直すかが分かる。

クライアント専用ページで問題の内容を確認し、修正について相談できます。修正後は、合意した範囲で再テストをご依頼いただけます。

レポートのサンプルを見る

不適合 サイト全体の問題

キーボード操作

4.A テストした全ページ · メインメニュー 2.1.1

メニューの開閉に、クリック操作しか受け付けないdiv要素を使っています。Tabキーで選択できないため、キーボードではメニュー内のリンクに移動できません。

本来の動作
すべての機能をキーボードだけで利用・実行できること。
次の対応
開閉にはHTML標準のbutton要素を使います。メニューの開閉状態を属性にも反映し、表示したリンクへキーボードで移動できることを確認します。
レポート全体を見る

必要な範囲から、明確な料金で。

重要な操作や、いくつかのページからご依頼いただけます。テストを始める前に、作業内容と総額をご確認いただきます。

料金と対象範囲を見る
テスト料金の目安(米ドル)
最初のページ・テンプレート料金の目安 $149
異なる構成のページ・テンプレートを追加料金の目安 $99
共通テンプレートのページ・簡単な補助ページ料金の目安 $49

大規模なサイトや組織向けのご依頼は、個別にお見積もりします。

URLの数だけでなく、レイアウトやコンポーネント、画面の状態、操作の流れを確認して作業範囲を決めます。複雑な操作やログイン後の画面は個別にお見積もりします。コードの修正と再テストは、お見積もりに含まれている場合を除き別料金です。

テストしたい内容を教えてください

サイトのURL、特に確認したい操作、ご希望の納期、ログインの要否などをお知らせください。

テストについて相談する