アクセシビリティの概要：パート3
公開: 2017-05-17アクセシビリティの概要の最初の記事では、知覚可能なサイトの標準について説明しました。 次に、サイトが運用可能であるための要件について説明しました。 アクセシビリティの概要の最後の記事では、アクセシブルなWebサイトの最後の2つの信条である理解可能で堅牢なものについて説明します。 理解できるように、表面的には、かなり自明に聞こえます。 しかし、堅牢ですか？ それは一体どういう意味ですか？ それが私たちがここで見つけていることです。
わかりやすいものから始めましょう。
理解できる
規格には、「ユーザーインターフェイスの情報と操作は理解できるものでなければなりません」と記載されています。 コンテンツの観点からは、それは「まあ、明らかに（目を転がす）」のように思えます、そしてあなたは正しいでしょう。 サイトが理解できるという原則は明確な概念である必要がありますが、氷山のように、表面にあるものと下にあるものは2つのまったく異なるものです。
サイトを理解できるようにするには、読みやすく、予測可能であり、ユーザー入力が含まれる場合は支援を提供するという3つの主要なポイントをカバーする必要があります。 ユーザーは、言語の観点からコンテンツを読み、サイトを予測可能な方法で動作させ（「ほとんどの」Webサイトの動作）、入力を求められたときに基本的な指示を与えることができる必要があります（連絡先のラベルを考えてください）。形）。
言語は理解しやすさの基準の大部分を占めています。 基本レベルでは、これはメインのHTML要素でlang属性を使用することを意味します。 WordPressテーマはこれをデフォルトで行う必要があります。 lang属性はAレベルの標準であり、第508条の法律で義務付けられています。 テーマがそうでない場合は、他のいくつかのアクセシビリティの問題に遭遇する可能性があります。 結果として、別のテーマを真剣に検討することをお勧めします。
理解しやすいサイトのより深刻な側面の1つは、フォーカスが適用されたときに何が起こるかです。 このシリーズの最後の記事でフォーカスについて多くのことを議論しましたが、もう一度取り組む必要があります。 要素がフォーカスを取得するとき、その要素のコンテキストは変更されるべきではありません。 これは、フォーカスを適用するだけでボタンをアクティブにすべきではないという科学的な言い方です。 キーボードを使ってナビゲートしている人の立場になってください。 Tabキーを押して次のリンクに移動すると、突然新しいページが読み込まれます。 何が起こっているのか分かりますか？
アクセシビリティの概要：パート1
アクセシビリティとは、耳にする言葉ですが、完全には理解できない場合があります。 これは、単語自体が少し混乱する可能性があるためです。 ルートワードであるアクセスは、コンセプトが好きなものに結びついているように見せます...
理解しやすさの基準、特にその予測可能性の側面が、予想されるボタンの動作が非常に重要である理由です。 ユーザーは、ボタンをアクティブ化（クリックまたはEnterキーを押す）するまでフォームを送信しないでください。 単にマウスを合わせるかタブで移動するだけで、CSSの状態変更にホバーまたはフォーカスを適用する以外の変更はできません。
予測可能性のもう1つの重要な要素には、サイトの設計が含まれます。 ホバー状態やフォーカス状態などは、サイト全体で一貫している必要があります。 これにより、ユーザー、特に視覚的な問題を抱えているユーザーは、状態の変化をより効果的に確認できます。 ボタンのテキストをすぐに読むことができない場合がありますが、色のコントラストの変化に気付くことで、要素にカーソルを合わせたり、焦点を合わせたりしたことがわかります。 これは優れたデザインであるだけでなく、優れたアクセシビリティでもあります。
この時点で、理解しやすさの基準の多くはAAAレベルであることに注意することが重要です。 それらは法律で義務付けられていませんが、これはそれらが考慮されるべきではないという意味ではありません。 たとえば、標準の3.1.5を取り上げます。リーディングレベルは、対象読者に応じてスライディングスケールで動作します。 その基準は、中学校の読解レベルを参照しています。 これは、ほとんどの現代アメリカの新聞の基準である約6年生の読解レベルに相当しますが、トピックによっては新聞でさえこの基準に準拠していません。
Web向けに作成するときは、消費者を念頭に置く必要があります。 ターゲットが博士号を取得している研究者である場合、コンテンツは同様のレベルである必要があります。 しかし、一般向けに書いている場合は、フレッシュキンケードリーディングスケールのようなものを考慮に入れる必要があります。 WordPressサイトにYoastSEOプラグインを使用する場合、フレッシュスケールテストが組み込まれています。これにより、受動態、遷移語、文の長さの内訳、評価が提供されます。 繰り返しになりますが、ターゲットオーディエンスを念頭に置いてください。 Yoastチェッカーは、一般の読者向けに書いていることを前提としています。 あなたの目標は、Yoastからのグリーンチェックではなく、視聴者のための質の高いコンテンツであるべきです。
理解しやすさの最後の重要な部分は、入力支援です。 少なくとも、これは2つのことを意味します。テキストエラーメッセージとフォーム入力のラベルです。 ユーザーは、各フォーム入力の目的を通知され、エラーが発生した場合はテキストで通知される必要があります。 これらは、法律基準で要求される2つのAレベルです。 GravityFormsやCalderaFormsなどの人気のあるフォームプラグインの1つを使用している場合は、単純なフィールドのエラーメッセージの部分ですでに説明されています。 それでも、要素にラベルが付けられていることを確認する必要があります。 適切なラベル付けは完全に独自のトピックですが、今のところ、適切な指示（名前フィールドの場合は「名前」、電子メールフィールドの場合は「電子メール」）を提供していることを確認してください。
壮健
アクセシビリティの概要：パート2
アクセシビリティの概要の最初の記事では、知覚可能なサイトの標準について説明しました。 この重要な最初のステップは非常に重要ですが、全体像からはほど遠いものです。 一度私たちが...
アクセシビリティの最後の信条は、デジタルコンテンツのサイト/部分が堅牢であるかどうかです。 具体的には、「コンテンツは、支援技術を含むさまざまなユーザーエージェントが確実に解釈できるように、十分に堅牢である必要があります。」 つまり、テクノロジーに関係なく、機能することを確認してください。 堅牢なサイトに関連する標準は2つだけで、どちらもAレベルであり、第508条の法律で義務付けられています。
堅牢なサイトとは、HTML標準に準拠したサイトです。 要素は完全に形成され、必要に応じて閉じられます。 <p>タグを開いた場合は、段落が終わったら閉じてください。 これは「まあ、明らかに」の別の例ですが、間違いが起こります。 公開する前に、HTML検証サービスを使用してサイトを実行します。 W3Cは無料のサービスを提供します。 それを使用して、エラーを修正してください。
堅牢なサイトのもう1つの側面は、WAI-ARIA（Webアクセシブルイニシアチブ–アクセシブルリッチインターネットアプリケーション）またはARIAが真に機能する場所です。 ARIAはそれ自体のトピックですが、要するに、必要な場合にのみ使用する必要があります。 一部のインスタンスでは、フォームラベルが表示されていない場合に、ARIAでフォーム要素にラベルを付けています。 そうすることで、フォーム要素が他にどのようにラベル付けされているかに応じて、理解しやすさの入力支援に関してもカバーされたままになります。
結論
Webアクセシビリティは、表面上は複雑なトピックのように見えます。 ある意味ではそうですが、多くの場合、解決策は単純です。 アクセス可能なサイトを持つことは、すべての潜在的なユーザーが楽しめるサイトを持つことです。 ビジネスの観点から、これはあなたの潜在的な顧客プールを深めます。 さらに重要なのは、人間の観点から、あなたは誰も排除していないということです。
今後数か月にわたって、この概要シリーズで紹介したトピックのいくつかについて詳しく説明します。 それまでは、基準を確認し、サイトを確認してください。 修正が必要なもののリストを作成し、標準レベル（A、AA、またはAAA）に基づいて優先順位を付けます。 自分で修正できない場合は、アクセシビリティコンサルタントを雇ってください。 彼らはあなたがあなたのすべての潜在的なユーザーのためにインターネットを改善するのを手伝うことを望んでいます。