Webアクセシビリティ - WCAG準拠

Webアクセシビリティ - WCAG準拠

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。


オフラインでもオンラインでも、誰もが参加できる世界は、より良い場所になります。Zohoでは、ユーザーのためにそのような世界を実現する第一歩として、拡張アクセシビリティ機能を提供します。
Infoアクセシビリティ機能は、標準フォームの種類でのみ利用できます。
拡張アクセシビリティ機能について詳しく見る前に、アクセシビリティの基本を確認しましょう。

アクセシビリティとは

アクセシビリティとは、能力や障がいの有無にかかわらず、誰もが利用できるように製品、サービス、環境を設計・開発する取り組みを指します。アクセシビリティにより、誰もが平等にアクセスし、操作できる機会を得られます。特定の利用者の妨げとなる障壁を取り除き、さまざまなニーズを持つ幅広いユーザーに対応する機能を提供します。
たとえば、建物のスロープ、エレベーター、広い出入口は、移動に制約のある人が空間を自由に移動するのに役立ちます。

Webアクセシビリティとは

Webサイトを訪れるすべての人にとって、オンラインフォームがどれだけ利用しやすいか考えたことはありますか？アクセシビリティとは、利用者の能力にかかわらず、誰もがコンテンツにアクセスして操作できる包括的な環境を作ることです。Webサイトやオンラインフォームでは、障がいのある人や支援技術を利用している人でも使えるフォームを作成することを意味します。
Webアクセシビリティには、さまざまなニーズを持つユーザーが直面する課題に対応する幅広い要素が含まれます。
  1. 認知：認知機能に障がいや制約のあるユーザーがWebコンテンツを理解し、操作しやすくすることに重点を置きます。
  2. 神経：神経系の疾患のあるユーザーに配慮し、オンラインでの利用体験を向上させます。
  3. 身体：身体に障がいのある人がデジタルコンテンツを操作・移動できるよう、Web操作画面を調整します。
  4. 発話：音声入力または音声出力技術を利用するユーザーに配慮し、Web上での操作を円滑にします。
  5. 視覚：視覚に障がいのあるユーザーや、スクリーンリーダーなどの支援技術を利用するユーザーがオンラインコンテンツにアクセスできるよう、機能やデザインを実装します。
  6. 聴覚：聴覚に障がいのある人や、代替の聴覚コミュニケーション手段を利用する人がコンテンツにアクセスできるようにします。
Webアクセシビリティは、恒久的な障がいのある人だけを対象とするものではありません。より幅広い利用者にも効果があります。
  1. 高齢者：年齢とともに変化する能力を考慮し、高齢ユーザーのニーズに対応したWeb体験を提供します。
  2. 一時的な障がい：骨折など、一時的な障がいのある人でもオンラインコンテンツを効果的に利用できるよう、そのニーズに対応します。

WCAG準拠とは

WCAG（Webコンテンツアクセシビリティガイドライン）は、障がいのある人がWebコンテンツによりアクセスしやすくするための国際的なガイドラインです。これらの原則には、オンラインフォームを含むアクセシブルなWebコンテンツをWeb開発者が作成するための具体的な基準と達成基準が示されています。 
フォームにおけるWCAG準拠とは、オンラインフォームを障がいのあるユーザーが利用できるようにするため、World Wide Web Consortium（W3C）が定めた国際標準に従うことです。アクセシビリティの議論では視覚障がいが注目されることが多いものの、Webアクセシビリティは、さまざまなニーズや能力を持つより幅広いユーザーに対応するものであることを忘れてはなりません。たとえば、高齢者や認知障がいのあるユーザーは、複雑な情報の理解、手順の記憶、複雑な操作画面での移動に課題を感じる場合があります。

アクセシビリティを考慮した設計がすべての人に役立つ理由

アクセシビリティを考慮して設計することは、障がいのある人を支援するだけではありません。日常のさまざまな場面で、すべての人にとってよりスムーズで使いやすい体験を生み出します。たとえば、スロープは主に車いす利用者向けに設計されていますが、ベビーカーを押す保護者や介助者、重いスーツケースや車輪付きの買い物袋を運ぶ人にも役立ちます。同様に、テレビの字幕は、聴覚に障がいのある人が会話を追って番組を楽しめるようにするだけでなく、騒がしい環境にいる人が映像の文脈を理解する助けにもなり、母語ではない言語で視聴している人が番組を楽しむ助けにもなります。これらは、あるグループのために設計されたアクセシビリティ機能が、結果としてすべての人にとってより包括的で使いやすい環境を生み出す例の一部にすぎません。アクセシビリティを念頭に置いて構築することで、誰もが参加し、活躍できる世界を作ることができます。

Zoho Formsをアクセシブルにすることが重要な理由

私たちの世界は、歩く、話す、見る、聞く、学ぶことを容易にできる人の能力を前提に作られていることが少なくありません。しかし、13億人が障がいとともに生活しており、その多くが労働力として積極的に貢献しています。では、職場は本当に包括的で、この多様で才能ある人々のニーズに応えられているのでしょうか。優れた才能や能力を持っていても、適切なツールや支援が不足しているために制約を受けている障がいのある人は少なくありません。

オンラインフォームをアクセシブルにすることが重要な理由は次のとおりです。
  1. 包括性：Webサイト上の情報やサービスへの平等なアクセスを促進し、すべての訪問者にとってより受け入れられやすい包括的な体験を提供します。
  2. より広いリーチ：アクセシビリティ上の障壁を取り除くことで、より幅広いユーザーがフォームを利用できるようになり、エンゲージメントや参加の増加が期待できます。
  3. 法令遵守：多くの地域ではWebサイトのアクセシビリティを義務付ける規制があり、これらの標準に従うことで法的な問題を避けることができます。

Info
WCAG準拠は、継続的な監視と改善を必要とするプロセスであることを覚えておくことが重要です。フォームを定期的に評価し、必要な調整を実施することは、すべてのユーザーが引き続きアクセスできるようにするために不可欠です。

Zoho Formsをすべての人が利用できるようにする方法

Webサイトを訪れるすべての人がオンラインフォームに平等にアクセスできるようにすることは、Webアクセシビリティの重要な側面です。

ユーザーが直面する課題

  1. スクリーンリーダーを使用する人：フォームの構造や目的を理解しにくく、混乱や不満につながる場合があります。ラベルの不足や不明確なエラーメッセージなど、アクセシブルでない要素があると、入力完了の妨げになる可能性があります。
  2. 認知障がいのある人：手順が不明確、レイアウトが複雑、情報量が多すぎるフォームは、認知面に制約のある人にとって理解や入力完了が難しくなる場合があります。
Zoho Formsには、障がいのあるユーザーにとって包括的でアクセシブルなオンラインフォームを作成するための機能が用意されています。使いやすいフォームビルダーにより、高度な技術知識やコーディングの知識がなくても、幅広いユーザーに対応したアクセシブルなオンラインフォームを作成できます。

Webアクセシビリティの原則

Webコンテンツのアクセシビリティを確保するための主要な原則は4つあります。それぞれの原則と、Zoho Formsでの適用方法を見てみましょう。

1. 知覚可能：情報とユーザーインターフェイス（UI）は、ユーザーが認識できる方法で提示する必要があります。

Zoho Formsでの適用方法
  1. 色のコントラスト：視覚に障がいのあるユーザーのために、テキストと背景色の十分なコントラストを、カスタマイズ可能なテーマビルダーで調整できます。
  2. 画像：フォーム項目内に画像を含める場合、すべての画像に代替テキスト（altテキスト）を設定し、画像の内容を明確に伝えることができます。
2. 操作可能：UIコンポーネントとナビゲーションは操作可能である必要があります。

Zoho Formsでの適用方法
  1. キーボードナビゲーション：Zoho Formsはキーボードで操作できるため、障がいのあるユーザーもフォームを効果的に利用できます。ブラウザーや項目の種類ごとのキーボードショートカットをご確認ください。
  2. エラーの識別と修正：ユーザーがエラーを識別して修正できるよう、明確なエラーメッセージが用意されています。これらはフォーム設定で自由にカスタマイズできます。

3. 理解可能：情報とUIの操作は理解できるものである必要があります。

Zoho Formsでの適用方法
  1. 明確で簡潔な言葉：さまざまな認知能力を持つユーザーにも理解しやすい、シンプルな項目ラベルとエラーメッセージが用意されています。これらはフォームの所有者が自由にカスタマイズできます。
  2. 説明：各フォーム項目に説明を追加できます。また、すべてのフォーム要素について明確で簡潔な説明とラベルを提供することを、ベストプラクティスで推奨しています。
  3. 論理的なフォーム構造：ユーザーがフォームを入力しやすいよう、明確な流れでフォームレイアウトを論理的に整理することを、ベストプラクティスでフォームの所有者に推奨しています。

4. 堅牢：コンテンツは信頼性があり、幅広い支援技術と互換性がある必要があります。

Zoho Formsでの適用方法
  1. 支援技術との互換性：Zoho Formsは、一般的に使用されているスクリーンリーダーやその他の支援技術と互換性があります。
Notes
メモ：Zoho Formsにはネイティブのスクリーンリーダーはありませんが、サードパーティ製のスクリーンリーダーと併用できます。データを保護するため、MacのVoiceOverやWindowsのNarratorなど、標準的なスクリーンリーダーの使用をおすすめします。

フォームをスクリーンリーダーに対応させることで、アクセシビリティを向上できます。スクリーンリーダーは、視覚障がいのある回答者向けの支援技術です。テキストを音声に変換することで、回答者がフォーム内をスムーズに移動し、操作できるようにします。
Build Accessible Forms

Zoho Formsで拡張アクセシビリティ機能を有効にする前に 

フォームを作成する際は、誰にとっても利用しやすいフォームにするため、以下の点に注意してください。
  1. フォームの構成と内容がスクリーンリーダー向けに最適化され、視覚障がいのあるユーザーがフォームに簡単にアクセスして入力を完了できるようにします。
  2. ラベルやボタンなどのフォーム要素を、障がいのあるユーザーが認識できるようにします。
  3. すべてのフォーム項目に、明確で簡潔なラベルを関連付けます。ラベルは項目の目的を正確に説明し、項目のすぐ上または横に配置してください。
  4. フォームの冒頭に明確で分かりやすい説明を記載し、各項目内にも必要に応じて補足テキストを追加します。これにより、ユーザーは必要な情報とフォームの正しい入力方法を理解しやすくなります。
  5. フォームの説明とエラーメッセージは、明確で分かりやすい内容にします。フォームの検証とエラー処理は、ユーザーがフォーム入力中に行った誤りを修正できるよう、直感的で有用な方法で実装する必要があります。
  6. 専門用語の使用は避けます。
  7. ユーザーの入力の流れに合うよう、フォーム項目を論理的な順序で配置します。これにより、ユーザーはスクリーンリーダーを使ってフォーム内を直感的に移動できます。
アクセシビリティに配慮したフォームを作成する際の主な3つのポイントを覚えておきましょう。
  1. 明確で説明的なラベル、分かりやすい説明、論理的な構成を使用して、スクリーンリーダーで利用しやすいフォームを作成します。
  2. コントラストの高いテキストと色の組み合わせを優先します。
  3. 直感的なキーボード操作
アクセシビリティに配慮したフォームを作成するためのベストプラクティスの詳細はこちら。