accessibility testing tutorial
アクセシビリティテストの完全ガイド：
Webアクセシビリティとは：
Webはすべての人に公開されており、テスター（人間でもある）であるため、すべてのユーザーがWebにアクセスできるかどうかを確認するのは私たちの責任です。これは、すべてのユーザーがアプリケーションにアクセスできるようにするために取り組んでいるため、ビジネスの成功に大きく貢献します。
これにより、ユーザーの満足度とビジネスも向上します。
このシリーズのチュートリアルのリスト：
- アクセシビリティテストガイド （このチュートリアル）
- アクセシビリティテストツール–完全なリスト
- WAT（Webアクセシビリティツールバー）チュートリアル
- WAVEおよびJAWSのアクセシビリティチェックツール
ほとんどのユーザーにとって、Webを介したインターネットの使用は簡単です。しかし、これは、課題のある別の人口統計セットを検討している場合には当てはまりません。このグループのユーザーにとっても、Webサイトにアクセスでき、使用可能で、便利であることが不可欠です。また、言語/文化/場所/ソフトウェア/物理的または精神的能力に基づいてユーザーを区別してはなりません。
学習内容：
- アクセシビリティテストとは何ですか？
- アクセシビリティと法
- ウェブサイトのアクセシビリティのテストに関する神話
- アクセシビリティテストの課題
- 重要性
- Webアクセシビリティはどのように測定されますか？
- 従うべき普遍的なWeb設計の原則
- アクセシビリティテストの実行方法–ステップバイステップガイド
- アクセシビリティテストチェックリスト/テストケース/シナリオ
- 結論
- 推奨読書
アクセシビリティテストとは何ですか？
すべてのユーザーがWebサイトに簡単にアクセスできることを確認するために、Webアプリケーションをテストすることを、アクセシビリティテストと呼びます。ウェブサイトがこの分野で実際に効果的であることを確認するのに役立つ専門的で専用のテスト部門は、「 Webアクセシビリティテスト 」。
最も重要なことは、アクセシビリティテストについても従うべき特定の法律とガイドラインがあることです。
アクセシビリティと法
- 障害を持つアメリカ人法 ： この法律は、公共の建物、学校、組織などのすべてのドメインで、すべての人がテクノロジーにアクセスできるようにする必要があると定めています。
- リハビリテーション法、セクション 504 およびセクション 508 ： セクション504は、職場、教育、その他の組織にアクセスするためのすべての障害者に対応し、セクション508はテクノロジーへのアクセスに対応しています。
- Webコンテンツアクセシビリティガイドライン： これらのガイドラインは、Webサイトのアクセシビリティを向上させるのに役立つ方法を提案しています。
ウェブサイトのアクセシビリティのテストに関する神話
神話1 ：高いです。
事実 ：予防は常に治療よりも優れているため、設計段階でアクセシビリティの問題を考え、コストを削減できます。
経験豊富なPDFのSQLインタビューの質問と回答
神話2： アクセスできないWebサイトをアクセスに変換するのは時間のかかる作業です。
事実 ：私たちは物事に優先順位を付け、基本的なニーズに取り組むことができます。
神話3： アクセシビリティは明白で退屈です。
事実 ：アクセシビリティは、ウェブサイトにテキストのみを含める必要があるという意味ではありません。画像を追加してより魅力的にすることもできますが、注意すべき点は、すべての人がアクセスできるようにする必要があるということです。
神話4 ：アクセシビリティテストは、視覚障害者および障害者を対象としています。
事実 ：ソフトウェアはすべての人に役立つため、このテストはすべてのユーザーを対象としています。
Aの課題 アクセシビリティテスト
以下はいくつかです アクセシビリティガイドラインが対処しようとする一般的な課題または困難：
| 障害の種類 | 障害の説明 |
|---|---|
| ビジョン 障害 | -完全な失明または色覚異常または視力低下 -視覚的なストロボや点滅効果の問題などの視覚的な問題 |
| 身体障害 | キーボードやマウスの使用が難しい |
| 認知障害 | 学習障害または記憶力の低下 |
| 識字障害 | 問題を読む、難しい単語を見つける |
| 聴覚障害 | -難聴や聴覚障害などの聴覚障害 -よく聞こえる、またははっきりと聞こえるのが難しい |
重要性
- 障害や課題を持つユーザーへの簡単で効率的なアクセス
- 市場シェアとオーディエンスリーチを拡大
- 保守性と効率を向上させます
- 既存および将来の法的要件を満たし、倫理に従うのに役立ちます
- 国際化をサポートする
- 低帯域幅ユーザーのアクセスを支援します。
最終的には、すべてが 「より良いビジネス–より多くのお金」。
Webアクセシビリティはどのように測定されますか？
Webのアクセシビリティは、によって作成されたWebアクセシビリティ標準の助けを借りて測定することができます W3C として知られている Webコンテンツアクセシビリティガイドライン（WCAG） 。他のいくつかの部門も独自のガイドラインを作成しましたが、これらも従います Web Accessibility Initiative（WAI） ガイドライン。
Webサイトのアクセシビリティの評価：
これには、次のような多くの要因が関係しています。
- コンテンツ
- サイズ
- コード
- マークアップ言語
- 開発ツール
- 環境
いつものように、プロジェクトの初期段階でWebアクセシビリティ技術を実装することをお勧めします。アクセスできないWebサイトを修正するには、追加の作業が必要です。
いくつかの簡単な例のテクニックは次のとおりです。
- ページタイトルの確認
- 画像テキストの代替（「代替テキスト」）
- 見出し
- コントラスト比（「色のコントラスト」）など。
「」を使用してアクセシビリティを判断することもできます。 評価ツール '- ある程度まで。代替テキストが画像に対して適切に記述されているかどうかなど、十分に評価できないことはほとんどありませんが、ほとんどの場合効果的です。
また読む => 30以上の最も人気のあるWebテストツール。
従うべき普遍的なWeb設計の原則
Webサイトは、ユーザビリティとアクセシビリティの原則に従うようにユニバーサルデザインする必要があります。誰もが独自の学習と処理のスタイルを持っているので、サイト/製品はこれに関係なく設計する必要があります。
以下に示すのは、ウェブサイトデザインのいくつかの基本的な標準原則です。
＃1）調整：
プロジェクトに含まれるすべての活動と各人は、互いに調整する必要があります。ウェブサイトは独自の、そして同様に設計されるべきであることに留意する必要があります W3C 標準。
＃2）施行：
責任ある組織であるため、アクセシブルなサイトを作成する責任を自分で負う必要があります。ユーザーがアクセス可能なサイトに責任を持つのではなく、そうする必要があります。
＃3）リーダーシップ：
誰もがこれらの原則を認識し、サイトへのアクセス中に問題が発生したかどうかを通知する必要があります。
＃4）アクセスの検討 ：
私たちは基準に従う必要があり、それに加えて、特別な能力のある人々のために組織が従う基準を考慮することができます。
＃5）技術的側面：
ウェブサイトは、すべての技術基準を考慮して設計する必要があります。
＃6）教育研究：
ウェブサイトにアクセスする際に直面するアクセシビリティと問題について調査する必要があります。これの助けを借りて、彼らが基準と問題を認識するようにスタッフに訓練が与えられるべきです。
＃7）社会的包摂：
すべての人間は、オンラインモードだけでなく、現実の世界でも平等に扱われるべきです。
この建物と一緒に、POURのウェブサイトが必要です。
ここで、POURは何を表すのかという疑問が生じ、その答えを以下に示します。
P erceivable：Webスイートの表示は知覚できるはずです。コンテンツは、すべてのユーザーのすべての観点から意味をなす必要があります。
または perable：ユーザーがサイトを簡単にナビゲートできれば、サイトは運用可能であると言えます。
U 理解できる：ウェブサイトに存在するすべてのものは、あらゆるタイプのユーザーが理解する必要があります。要するに、言語は簡単で複雑なものであってはなりません。
R やめる：テクノロジーの変化やユーザーのタイプに関係なく、コンテンツは堅牢である必要があります。
アクセシビリティテストの実行方法–ステップバイステップガイド
これは、手動および自動化のテスト方法を使用して実行できます。
手動による方法
アクセシビリティテスト用に市場で入手できるツールはたくさんありますが、熟練したリソースや予算の不足などの問題がある可能性があります。そのような場合は、手動テストを使用できます。
以下は、Webサイトのアクセシビリティを手動でテストするいくつかの方法です。
＃1）ハイコントラストモードを使用できます：
ハイコントラストモードを使用すると、Webサイトのコンテンツを強調表示できます。ハイコントラストモードをオンにすると、Webサイトのコンテンツが自動的に強調表示され、白または黄色に変わり、背景が黒になります。
ハイコントラストモードをオンにするには、検索ボックスでハイコントラストモードを検索します。
ここでは、テーマを選択するオプションが表示され、ドロップダウンからハイコントラストのテーマを選択します。
設定を変更すると、ブラウザは以下のようになります。
この後、コンテンツが適切に表示されているかどうかを確認できます。
＃2）画像にアクセスしないことによって ：
一時的にアクセスをオフにして、テキストがコンテンツを正当化するかどうかを確認できます。一部の人はアクセスできない場合や、画像の読み込みに時間がかかりすぎる場合があるためです。
以下の方法でブラウザへのアクセスをオフにすることができます。
インターネットエクスプローラ： (ツール)-> (インターネットオプション)-> (詳細設定)-> (画像を表示) （チェックを外してください）。
Firefox： Firefoxを開いて、 約 ： 設定 、アドレスバーに、以下のような出力が表示されます。
この画面が表示されたら、「」を検索する必要があります。 permit.default.image ’ 値を0-1から調整します。
＃3）キャプションの確認 ：キャプションが利用可能かどうかを確認し、それがかなり説明的であることを確認してください。 Facebookページで画像や動画の表示に時間がかかるリンクに何度も出くわしますが、キャプションは大いに役立ちます。
＃4）カスケードスタイルシート（CSS）をオフにする： CSS 基本的に、ドキュメントの表示を説明するために使用されます。これをオフにすることで、背景色、テキストスタイル、およびテキスト表示スタイルを確認できます。
＃5）キーボードを使用してみてください ：あなたがゲーマーまたは優れた専門家である場合、このテストはあなたにとってより簡単でなければなりません。マウスに触れないようにし、キーボードを使用してWebサイトにアクセスしてください。
「Tab」キーを使用してリンクを切り替えることができます。
「タブ」+「シフト」 あなたが前にいた場所に連れて行ってくれます。
＃6）フィールドラベルを使用する ：フォームに記入するときに便利ですが、 フィールドラベル テンプレートを表示しているときに表示されるものです。これを使用することにより、オンラインでサインアップまたは注文する際に必要な情報を入力できます。
＃7）フォントサイズを大きく変更する ：大きなフォントサイズと継続的なアクセシビリティチェックを使用します。
＃8）ナビゲーションをスキップする： これは運動障害のある人に役立つかもしれません。クリックすることで Ctrl +ホーム フォーカスをページの上部に移動できます。
＃9）PDFドキュメント： PDFファイルをテキスト形式で保存し、コンテンツの順序が維持されているかどうかを確認してください。
＃10）スタイルを無効にする： スタイルを無効にして、テーブルの内容が正しく整列されているかどうかを確認します。
＃11）コンテンツのスケーリング： 画像をズームアウトして、読み取り可能かどうかを確認してください。
自動アクセシビリティテスト
自動化はテスト分野で広く普及しているため、アクセシビリティチェックにも自動化を使用できます。自動テスト用のツールがいくつかあります。
＃1）aDesigner： これはIBMによって開発され、視覚障害者の観点からソフトウェアをテストするのに役立ちます。
＃2）WebAnywhere： スクリーンリーダーとして機能し、特別なインストールは必要ありません。
＃3）Vischeck： このツールは、さまざまなタイプのユーザーがアクセスしたときにどのように見えるかを想像できるように、さまざまな形式で画像を再現するのに役立ちます。
＃4）カラーコントラストアナライザー： 色の組み合わせをチェックし、視認性を分析します。
＃5）ヘラ： アプリケーションのスタイルをチェックし、多言語オプションが付属しています。
＃6）Firefox Accessibility Extension： Firefoxでは、その機能を拡張できます。
あなたはそれを開くために追加することができます Firefox->アドオン->アクセシビリティ拡張機能 。レポート、ナビゲーション、リンクテキストなどをテストするのに役立ちます。
クリックした後 拡張 検索のオプションが表示されます アドオン 。
＃7）TAWオンライン： それはあなたにソフトウェアがのガイドラインに従って開発されているかどうかをテストチェックするオプションを提供します WCAG 1.0 または WCAG 2.0 。また、分析のレベルを選択するオプションもあります。
＃8）PDFアクセシビリティチェッカー： PDFファイルのアクセシビリティをチェックします。
=>完全なリストの場合 このアクセシビリティテストツールの投稿を確認してください
アクセシビリティテスト チェックリスト/テストケース/シナリオ
以下に、このタイプのテストを実行する際に確認する必要のあるいくつかのポイントを示します。
- ラベルが正しく書かれ、配置されているかどうか。
- オーディオ/ビデオコンテンツが適切に聞こえる/見えるかどうか。
- 色のコントラスト比が維持されているかどうか。
- ビデオの制御アクションが正常に機能しているかどうか。
- メニューに短いキーが用意されている場合は、それらすべてが正常に機能しているかどうかを確認する必要があります。
- タブ間のナビゲーションが簡単な作業である場合は、タブを確認する必要があります。
- アプリケーションがすべての原則とガイドラインに従っている場合。
- 見出しが一意であり、意味と構造を伝えているかどうか。
- リンクテキストがあいまいさを作成するのではなく、コンテンツの説明で書かれている場合。
- 意味のあるマルチメディアキャプションが提供されているかどうか。
- 指示が明確に与えられているかどうか。
- 内容が明確で、簡潔で、理解できるかどうか。
以下は、Webサイトがアクセシビリティのために満たすべき重要なポイントです。
トレントファイルの使用方法
- リンクテキストは説明的である必要があります 。キーボードからタブボタンをクリックしてリンク間を移動することにより、視覚的に無効にされたユーザーアクセスWebページ。したがって、リンクの説明を適切に定義することが重要です。 Tabキーを使用して、ハイパーリンクにアクセスできることを確認します。
- 可能な場合は適切な写真を提供する 。写真は言葉よりも雄弁です。可能な限り、テキストに適切な画像を追加するようにしてください。写真は、識字能力に問題のあるユーザー向けのWebサイトのコンテンツを説明できます。
- 簡単な言葉を使う 。認知障害のあるユーザーは学習障害があります。文章をシンプルで読みやすくすることが非常に重要です。
- 一貫したナビゲーション 。ページ全体の一貫したナビゲーションも、認知障害のあるユーザーにとって非常に重要です。 Webサイトの一貫性を維持し、定期的にページを変更しないことをお勧めします。新しいレイアウトへの調整には時間がかかり、困難になる可能性があります。
- ポップアップを無視する 。スクリーンリーダーを使用してWebページを読むユーザーは、ポップアップが非常に不便になる可能性があります。スクリーンリーダーはページを上から下に読み上げ、突然ポップアップが表示されます。リーダーは実際のコンテンツの前に最初にページを読み始めます。視覚障害のあるユーザーを混乱させる可能性があります。
- CSSレイアウト 。 CSSベースのWebサイトは、HTMLコードベースのWebサイトよりもアクセスしやすくなっています。
- 大きな文を小さな単純な文に分割します。 視覚障害のあるユーザーは、Webページの情報を聞いて、それを覚えようとします。大きな文を小さな単純な文に分割することで、物事を簡単に思い出すことができます。
- マーキーテキストは使用しないでください。 光沢のあるテキストは避け、シンプルに保ちます。
つまり、アプリケーションがW3Cガイドライン、Webサイトの設計原則、およびアクセシビリティの原則に従って開発されているかどうかを確認する必要があります。そのためには、これらすべての原則を認識しておく必要があります。
ウェブサイト/アプリケーションの書かれた内容、設計および開発方法を検証および検証することにより、上記のチェックポイントを要約することができます。
また読む => Webテストの完全ガイド。
結論
アクセシビリティテストは、ソフトウェアのナビゲート、アクセス、および理解がいかに簡単であるかを簡単に説明しています。すべてのタイプのユーザーを対象としています。テスターは、全員の視点からテストを行う必要があります。
他のタイプのテストと同様に、このテストも手動で実行することも、自動化ツールを使用して実行することもできます。テスターの目的は、ガイドラインが満たされているかどうか、およびユーザーがソフトウェアをどれだけ簡単かつ使いやすいかを確認することです。
推奨読書= >> トップアクセシビリティテストサービスプロバイダー
このチュートリアルシリーズの次のパートでは、さらにいくつかのWebアクセシビリティテストツールとテクニックを紹介しますので、ぜひご利用ください。
いつものように、あなたの質問、提案、経験をコメントしてください。