カナダのウェブサイトアクセシビリティガイドライン

2020年の時点で、常時約34.56百万人のカナダ人がインターネットを利用しています。国はまた、最も高い可用性率の1つを持っています。 96% インターネットにアクセスできる人口の.


ブロガーでもeコマースの販売者でも、コンテンツがカナダのアクセシビリティ法に準拠していることを確認し、ページにアクセスしたいすべての人がコンテンツにアクセスできることを確認する必要があります。.

つまり、障害者がウェブサイトに平等にアクセスできるように設計段階からのガイドラインに従う必要があります。ウェブサイトのファイル圧縮、ホスティング効率、全体的なユーザーエクスペリエンスなどのサイトの最適化は、障害のある訪問者がコンテンツを見て、聞いて、理解し、対話したり、コンテンツに貢献したりできるように処理する必要があります.

利用可能な最高のWebホスティングがあることを確認することで多くの問題が解決されますが、自分で行うことを学ぶ必要があるいくつかのことがあります。

ウェブサイトのアクセシビリティとは何か、なぜそれが重要なのか?

アクセシビリティは、優れたユーザーエクスペリエンス(UX)を保証する手段ですが、それだけではありません。ウェブサイトのアクセシビリティは、視覚、聴覚、言語の障害、神経学的状態による永続的な障害を持つ人々、および通常の相互作用を困難にする可能性のあるさまざまな方法でインターネットにアクセスする人々を対象としています.

画面が小さく、キーボードを使用しない古いシステムとデバイスを含む.

アクセスガイドラインに従うようにウェブサイトを設計すると、一時的に障害のある人、高齢者、接続に問題がある場所に住んでいる人、状況が制限されている人(スペースの多い場所でコンピューターやその他のデバイスを使用している人など)も役立ちます。オーディオコンテンツのまぶしさや制限の.

ウェブサイトのアクセシビリティの重要性に関するインフォグラフィック

出典:DMA.org.uk

障害を持つ人々がWebをどのように使用するかを念頭に置くことは、熱心な視聴者を集めるために非常に有益です。.

インターネットが本当にオープンで誰にとっても使えるようにするために, アクセシビリティのためにあなたのウェブサイトを最適化することは不可欠です. 実際、これはカナダの法律であり、15歳を超える600万人以上が何らかの障害を抱えて生活しています。.

障害者のアクセシビリティをカバーするいくつかの異なる規制があります。これらの法律は、教育資料やウェブサイトのコンテンツを含むすべての出版物に適用され、一部はデジタルメディアに厳密に適用されます。私たちの目標は、カナダ人向けのアクセシビリティガイドラインと法律の概要を提供し、ウェブサイトを作成する方法をカバーすることです。法令順守を維持しながら、視聴者全員が本当に利用できる.

簡素化されたカナダのWebアクセシビリティ法

デジタル時代が到来する前でも、障害を持つカナダ人はいくつかの法律によって保護されていました。それらの法律の多くは州全体で本に残っていますが、それらは市民の現在のニーズにさらに適用するように更新および修正されています.

すべてのカナダ人がWebアクセスがもたらす利点に確実にアクセスできるようにするために作成された新しい法律もいくつか作成されました。.

世界中の従業員と市民がデジタルテクノロジーに同じ方法でアクセスできるようにするために長年にわたって継続的に改正されている国連障害者の権利に関する国連条約を通じて、世界で最も早い法律の1つが私たちのところに来ています.

ウェブサイトのアクセシビリティのさまざまな側面

ソース:newtarget.com

米国はまた、身体能力に関係なく、すべての市民が技術への平等なアクセスを確保できるように最前線に立っています。 1973年の彼らのリハビリテーション法は1998年に更新されました。その508条は、連邦政府機関に、障害を持つ人々がすぐに利用できるように他の米国市民が享受するのと同じ電子情報技術(EIT)を作ることを要求しています.

ウェブサイトがカナダ国外に到達している場合は、この508のチェックリストを確認して、コーディング、プラグイン、スクリプトがその修正条項に記載されている基準を満たしていることを確認することをお勧めします。非公式ですが、法律に定められた508ガイドラインに基づいています.

南部の近隣諸国に負けないように、全国のカナダの立法府が独自の一連の規則とアクセシビリティ基準を作成しました。最初の1つは1985年のカナダ人権法の改正で、インターネットアクセシビリティのガイドラインを提供するために2016年に改正されました.

障害のあるオンタリアン法(AODA)のアクセシビリティ

この法律の一環として、50名を超える従業員を抱えるオンタリオ州のビジネスオーナーは、民間か非営利か、学校、および公共部門の組織が、1月1日までにWCAG 2.0レベルA – AAガイドラインを満たすためにWebサイトコンテンツを作成または更新する必要があります。 2021.コンテンツは、テキスト、画像、ビデオ、またはサウンドとして定義されます.

2020年に登場するAODAでは、2025年までに新規または既存の公共、学校、およびビジネスのWebサイトに段階的に変更する必要があります。これには以下が含まれます。

  • アクセシブルなトレーニングおよび教育資料の作成
  • 聴覚障害者のキャプションと視覚障害者の学生とスタッフ向けの説明を含むアクセシブルなビデオを作成する
  • すべての学校図書館の資料にアクセスできるようにする
  • アクセシブルなフィードバックメカニズムとフォームの作成
  • リクエストに応じてアクセス可能な緊急資料を作成する

雇用主はまた、すべてのトレーニングマニュアル、社内コミュニケーション、評価、緊急対応情報にアクセスできることを確認する必要があります。上記のいずれかの場合に違反すると、次の範囲の罰金が科されます 200〜15,000ドル, ウェブサイトの所有権/環境および非準拠の重大度に応じて.

アクセシブルなカナダ法(法案C-81)

新しい法律の1つであるこの法律は、2018年に科学スポーツ大臣および障害者によって提案されました。その目的は、ウェブサイトの開発者およびデザイナーにガイダンスを提供し、障害を持つ市民および住民の包含を促進することです.

2019年6月21日にRoyal Assentに続いて投票され、基本的にWCAGと同じ要件に従います。これらのガイドラインを遵守および維持しなかった場合の罰則により、最高 $ 250,000.

マニトバン法(AMA)のアクセシビリティ

AMAは、オンタリオ州の法律と同じタイプの保護とアクセスを確保するために、2013年に州によって可決されました。障害者のマニトバンへのアクセシビリティを提供するためにウェブサイトの作成者、発行者、およびビジネスを必要とする5つの標準セットに基づいて構築されています.

これらには、プリントのサイズが含まれます, コントラスト, とAODAおよびWCAGと歩調を合わせた言語の使用.

ノバスコシアアクセシビリティ法

この法律は2017年に法律に可決されましたが、その一部はまだ開発中です。ノバスコシアは、すべての政府のWebサイトをWCAG規格に準拠させることにより、「模範を示す」アプローチを取っています。それらは、12のWCAG標準のそれぞれの要件に依存するコンプライアンスのタイムテーブルを適用することにより、他の州とは異なります.

違反した場合の罰金は、 $ 250,000. 州はまた、Web開発者が要件を満たし、罰則を回避できるように助成金を提供します.

関連する法案、法律、規制

ウェブコンテンツアクセシビリティガイドライン2.0(WCAG 2.0)は、ウェブデベロッパーや設計技術者がコンテンツへのアクセスを無効にするためのアクセシビリティポイントを組み込むのに役立つ一連の標準です。アクセシブルなWebデザインの12の基準を管理する、認識可能、操作可能、堅牢、理解可能な4つの原則に基づいて構築されています.

デジタルアクセシビリティアイコン

他の州を対象とする工事には、いくつかの立法行為もあります。最新の1つは、ブリティッシュコロンビアクセシビリティ法(Bill M 219)です。これは、2024年のアクセシビリティ戦略で定められたガイドラインに基づいています。.

この法律の最初の読みは2018年5月でしたが、まだ法律ではありません。他のカナダの州に続いて、ほとんどの他の州は独自のアクセシビリティ規則と法律に取り組んでいます.

ウェブサイトをアクセスしやすくするためのベストプラクティス

国連から地方自治体や事業主に至るまで、誰もがウェブコンテンツにアクセスできるようにすることは、その恩恵を受けることができる、またはその利用を楽しむことができるという懸念事項です。.

Webサイトを作成するとき、Webデザインへのアクセスを構築し、Webサイトがアクセシビリティツールとデバイスをサポートしていることを確認することに加えて、より満足のいくエクスペリエンスを提供し、ブランディングを支援し、顧客の忠誠心を育む.

それはまた、障害者、高齢者、そして農村地域に住む人々が他の人々と同じテクノロジーを楽しむのを助ける社会的包摂の基盤を提供します.

アクセシビリティガイドラインの問題の1つは、最大数の人々がテクノロジーを快適に使用できるようにするプロトコルと手順の標準化されたセットを作成することの難しさです。.

これにより、当社の優れた技術革新者の何人かが集まり、一連の統一された標準を作成して、さまざまなデバイスとコンピューティング環境にわたって最大限のアクセシビリティを確保しました。.

すべての潜在的なWebサイト訪問者に確実にサービスを提供するために、ユーザー補助機能をWebサイトに組み込むためのガイドラインとベストプラクティスを提供できることを誇りに思います.

Webアクセシビリティインフォグラフィック

ソース:library.triton.edu

タイポグラフィと読みやすさ

これは、ウェブサイトデザインの主要な要素であり、間違いなく最も重要な要素です。フォントサイズと色、レイアウト、および全体的な構成の選択により、視覚障害者がWebサイトを読みやすく、ナビゲートしやすくなります。次のテキストガイドラインはWebAIMに基づいており、WCAGコンプライアンスを確実にするために作成されました。

  • 1つまたは2つの読みやすい大きなフォントを使用する
  • グラフィック内に埋め込むのではなく、実際のテキストを使用する
  • フォントと背景色の間に十分なコントラストがあることを確認してください
  • 相対的なフォントサイズを使用し、小さいフォント、派手なフォント、細かいフォントは使用しない
  • CAPS、太字、斜体フォントなどのバリエーションを制限する
  • まばたきや動きのあるテキストは使用しない
  • テキストの意味を伝えるためにフォントサイズ、色、またはスタイルのみを使用することは避けてください

アクセシブルな見出しの作成

ヘッダーは、視覚に障害のある訪問者が理解しやすい構造をコンテンツに提供するための最良の方法の1つです。フローと読みやすさを向上させ、明確な方向とナビゲーションオプションを読者に提供します.

W3組織は、サイズ、最適な配置、使用方法をカバーするHTMLヘッダーを作成するためのガイドラインを作成しました。最大のヘッダーはページの上部に予約する必要があり、段階的で連続的なサイズで段落とセクションを区別します.

コンテンツのレイアウト、色、画像

色覚異常は、最もエレガントにデザインされたWebサイトでさえ、配色を選択する際に注意深く考慮しないと見づらくなることがあります。色覚異常の形は1つではないため、1つのサイズの解決策はありません.

ただし、有意義なエクスペリエンスを確保するための一般的な経験則は、 背景に対して際立つテキストを選択する, そして使う 暗い色 明るい色合いに対して.

これは、コントラストを測定するツールを使用することが役立つ場合です。下記のリソースセクションにあります。画像は適切なサイズで、使用頻度が低く、適切なインデックス付けと説明のために代替テキストに含める必要があります。レイアウトや機能に影響を与えることなく、あらゆるタイプの画面でコンテンツのサイズを変更できるようにします.

アクセシビリティのための画像の最適化

ソース:kinsta.com/blog/

レイアウトに関する限り、すべての訪問者にとって、テキストの小さなブロックと適切なサイズのフォントを使用し、多くの空白を組み込み、箇条書きリストとヘッダーを使用してコンテンツを分割して定義することは、良い経験則です。コンテンツのタイプに絶対的に必要な場合を除いて、テーブルの使用は避けてください.

アクセシブルなビデオコンテンツの組み込み

ビデオに関しては、3つの主要な考慮事項があります。 キャプション, 説明, そして 転写. キャプションは、ビデオで話されている言葉と同期する必要があり、難聴のない人が聞くものと同じである必要があり、アクセスは単純なトグルボタンで実行する必要があります.

自動再生機能を備えたビデオを追加しないでください。目の不自由な人は、再生を停止するメカニズムを見つけることができない場合があるためです。.

筆記録はビデオ表示画面の下に配置し、読者が持っているような方法で構築する必要があります ビデオコンテンツの真の表現. つまり、表現は正確であり、重要なアクションや手がかりは筆記録に含まれている必要があります.

自動ビデオトランスクリプトニュース

ソース:telestream.net

音声解説により、視覚障害者が視覚コンテンツの本質を楽しむことができます。ナレーションが付いていないアクションや表現は、ビデオで発生するアクションを伝える明確で簡潔な方法で説明する必要があります.

キーボードのアクセシビリティの確保

最も基本的な入力方法の1つはキーボードです。Webサイトに本当にアクセスできるようにするために, マウスを介してのみ移動できるコンテンツがないことを確認してください.

キーボードのアクセシビリティは、タブ機能と一致するナビゲーションのテキストおよびその他の領域を作成することによってサポートされます。これにより、マウスなしでボタンまたはメニューを使用する際の問題を軽減できます。マウスを取り外してすべての機能にアクセスしようとすることで、各Webページでこれをテストできます.

アクセシブルなドキュメントの作成

ほとんどのWebサイトのコンテンツには、ドキュメントまたは何らかの形式のテキストが含まれており、ビジネスを行うためにカナダ人がデジタルで作成したドキュメントが多数必要です。 PDFファイルやその他の種類のドキュメントにアクセスできるようにするために、次のことを行う必要があります。

  • 簡潔で明確に提示する
  • ヘッダーやフローを強化するその他のフォーマットを使用する
  • 可能な限りリスト形式でコンテンツを作成する
  • スクリーンリーダーが正しい句読点を判断するのに役立つタグ言語
  • 画像を識別するための代替テキストを組み込む

アクセシブルなフォームの設計

ほとんどすべてのWebサイトには、Webサイトの購読、アカウントの作成、ヘルプデスクチケットの発行、または商品の販売を訪問者に求めるかどうかにかかわらず、何らかの形式のフォームが含まれています。コンテンツにフォームを追加するときは、フィールドを区別できるほど大きくし、各セクションに明確なラベルを付け、適切なフィールドの横にラベルがあることを確認してください.

指示およびその他の補助情報は 見つけやすく、理解しやすく、読みやすい.

ウェブサイトのアクセシビリティを改善するためのリソース

Webサイトの構築と設計に関するガイドラインに加えて、開発者がコンプライアンスを維持しながら、すべての人に使用できる美的に満足のいく機能的なWebサイトを作成するのに役立つ多くのリソースがあります。.

  • MS Wordを使用したアクセシブルドキュメント:これは最も普及しているデータ処理アプリケーションの1つであるため、このガイドでは、Wordドキュメントがアクセシビリティガイドラインを満たしていることを確認する方法について説明します。アクセシビリティを失わずにWord文書をPDF形式に変換するためのガイド、Adobe Acrobat Pro、InDesign、およびアクセスできないAdobe PDFファイルの修復に関するガイドもあります。.
  • 視覚障害者向けのWebサイトの設計:このガイドでは、SEOを使用してアクセシビリティを向上させ、スクリーンリーダーの設計を行い、色覚異常のコンテンツを作成する方法について役立つガイドを提供します。.
  • Waveアクセシビリティツール:ウェブサイトのアクセシビリティの問題を正確に評価する場合、これらのツールが役立ちます.
  • アクセシビリティビューア:このツールを使用すると、開発者はブラウザからAPIデータを表示および検査して、この情報が支援技術をどのように伝えるかを確認できます.
  • W3C Wiki:アクセシビリティテストに関するセクションでは、アクセシビリティテストを実施するタイミングと、最良の結果を得るためにどのように実施するかについてのガイダンスを提供しています.
  • WebAIMコントラストチェッカー:このツールを使用すると、前景色と背景色をテストして、WCAG 2.0のコントラスト基準を満たしていることを確認できます。.
  • DigitalGOV 508 Accessible Videos:508準拠のビデオプレーヤーの使用方法を示します.
  • NVDA(NonVisual Desktop Access):これは、Mac向けのVoiceOverツールに似た、対面式の無料のユーザビリティツールです。.
  • アクセシビリティ開発者ツール:開発者がWebサイトのアクセシビリティ問題をチェックするためのChrome拡張機能.
  • WebコンテンツのアクセシビリティとモバイルWeb:これは、モバイルプラットフォームでのアクセシビリティをテストするための優れたガイドです。モバイルウェブのベストプラクティスガイドと組み合わせて使用​​できます.

最終的な考え

コンプライアンスとは、設計にアクセシビリティを最初から組み込むことを意味します。ただし、アクセシビリティを考慮して設計しても、最初からやり直す必要があるとは限りません。上記のすべての提案とベストプラクティスはいつでもウェブサイトに実装できます.

ヒント: 高評価のウェブサイトビルダーのほとんどは、すでにアクセシビリティに密接に従っています。バックエンド管理に不慣れな場合は、自分ですべてを試す前に、上記のソフトウェアを確認することをお勧めします.

この情報とリソースへのリンクが、可能な限り最高のコンテンツとレイアウトを作成するのに役立ち、ページを移動するすべての人がそれを楽しむことができることを願っています。

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector