Web デザインと開発でデジタル アクセシビリティを提供する方法

誰かがあなたに、デジタル世界でのアクセシビリティの意味を定義してくださいと頼んだら、あなたはできますか? 不安を感じても、あなたは一人ではありません。

提唱者のタイラー・ダモアが初めて友人や家族に、自分がウェブアクセシビリティの分野で働いていることを話したとき、彼らは当初、彼が WiFi を販売しているのだと思ったそうです。 10 年以上前のことですが、世界がオンラインに移行し続けているにもかかわらず、デジタル アクセシビリティの概念は依然として新しく複雑に感じられます。

デジタル アクセシビリティは、素晴らしい Web サイトを構築することから始まります。 「地元企業に Web サイト サービスを販売するための 6 ステップ ガイド」をダウンロードして、クライアントへのアクセシビリティの提供を今すぐ始めてください。

Conquer Local Podcast の最近の 2 部構成のエピソードで、George Leith は、AudioEye Inc. のデジタル アクセシビリティの専門家 2 人、戦略的パートナーシップ担当副社長の Tyler D'Amore と、Accessibility Evangelist という驚くべき肩書きを持つ Alisa Smith と対談しました。

パート 1 では、ジョージとタイラーが、デジタル アクセシビリティとは何か、そしてそれが道徳的だけでなく、販売とコンプライアンスの観点からもなぜ重要なのかについて話し合います。 パート 2 では、George と Alisa が、ビジネスの Web プレゼンスを誰にとってもアクセスしやすくするために、今日から実践できる即効性のある方法について詳しく説明します。

デジタルアクセシビリティとは何ですか?

タイラー氏の優れた例えの 1 つを使用すると、デジタル アクセシビリティはデジタル世界の坂道であり、レールです。

「アクセシビリティ」という用語を単独で考えてみましょう。 スロープやレールのイメージに加えて、予約された駐車場や指定されたトイレの個室についても考えるかもしれません。 店舗、銀行、レストランなどの物理的な場所に関しては、ほとんどの人がこれらのタイプの宿泊施設に精通しています。 彼らは、障害のある人を含むすべての人にとってインクルーシブな生活を実現するために、なぜ自分たちが必要な部分であるのかを理解しています。

では、現在生活のどのくらいがオンラインで行われているか考えてみましょう。 銀行取引からショッピング、食品の注文に至るまで、e コマースの台頭により、世界はこれまで以上に Web ベースになっています。 また、他のスペースと同様に、Web サイトなどのデジタル ロケールも、誰もが使用できるように設計する必要があります。

オンラインでアクセスできない場合はどのようなことが考えられますか?

車椅子に乗った人が長い階段に面していると、物理的にアクセスできないことは容易に想像できます。 しかし、オンラインではどのように見えるのでしょうか?

• 視覚障害のある人が支援技術に最適化されていない Web サイトにアクセスしようとしている
• 失読症でセリフフォントの長いテキストを読むのに苦労している人
• 色覚異常を持つ人が、対照的な色のない Web ページを閲覧している
• 予期せぬ点滅コンテンツが原因でてんかんを患う人

このような場合、あらゆる階層の人々が否定的な経験をしています。 彼らは、独立して快適にオンラインで購入したり、あなたのビジネスについて学んだり、あなたのコンテンツに参加したりすることをブロックされています。

デジタルアクセシビリティが重要な理由

道徳的な観点から言えば、誰もが差別されることを望んでいないのは言うまでもありません。 しかし、それ以外になぜクライアントの Web サイトにとって重要なのでしょうか?

収益と競争力を高めるために

Web サイトを構築するときに Web アクセシビリティを考慮しないと、クライアントの視聴者、ビジネスの可能性、財務上の成長が制限されてしまいます。

しかし、実際にデジタルアクセシビリティ対策の恩恵を受けるのはほんの一部の人だけではないでしょうか?

タイラー氏によると、対応可能な市場全体はあなたが思っているよりも重要である可能性があります。 「人口の 20% が何らかの障害を抱えており、デジタル テクノロジーとの関わり方が変わることになるでしょう」と彼は言います。

そして、それは状況的または一時的な障害（accessCAN）さえ考慮していません。

「おそらく右腕を骨折したのでしょう」とタイラーは説明する。 「今はキーボードをまともに使うことができません…もしかしたら赤ちゃんを抱いているかもしれないので、何らかのテキスト読み上げ機能が必要になっています。」 結局のところ、アクセシブルな Web サイトを持つことは、すべての人に利益をもたらす可能性を秘めています。

「これらの機能はすべて、障害のある人のためのツールとして始まりましたが、ユニバーサル デザイン (CEUD) の観点から、誰でも使用できる機能であることが判明しました」とタイラー氏は結論づけています。

さらに、販売の観点から見ると、中小企業のクライアントに一連のソリューションを販売している代理店のオーナーまたはデジタル再販業者の場合、Web サイト設計の売り込みの一部としてデジタル アクセシビリティを含む Web サイトの設計と開発を提供することは、適切である可能性があります。重要な差別化要因となり、取引がより緊密になります。

法令遵守のため

物理的なアクセシビリティと Web アクセシビリティは現在同じ領域に存在しており、適応に失敗すると、ビジネスとクライアントに大きな法的リスクが生じる可能性があります。

建物を建設するための設計図を作成する場合は、前述のスロープやレールなどのアクセシビリティ機能を含めることが法的に義務付けられます。 同様の規制が現在、デジタル空間にも適用されています。 Web コンテンツ アクセシビリティ ガイドライン (WCAG) は青写真を提供します。 これらのガイドライン内には、国ごとに異なるさらなる区別もあります。

たとえば、米国では、米国障害者法第 3 編で、「民間の公共施設が障害のある個人を差別することを禁止しています」(ADA)。 そして現在、裁判官はウェブサイトがそのような場所であるとの判決を下している。

タイラー氏によると、大企業だけでなく中小企業のデジタル部門に対しても、毎年数万件のタイトル III の苦情が提出されているという。

この Web アクセシビリティ訴訟が起こされるのを待っているにもかかわらず、タイラー氏は「今日アクセスできるのは Web の 5% だけだ」と推定しています (AudioEye)。

デジタルアクセシビリティを提供する方法

それで、あなたは明日から始めたいと思っています。 アクセシビリティ エバンジェリストのアリサ スミス氏によると、競争上の優位性を高めてより多くの収益を獲得したい場合は、今すぐデジタル アクセシビリティを優先し始める必要があります。

20 年以上の経験を持つ Alisa は、障害を持つ人々からのフィードバックや洞察を定期的に収集し、チームがアクセシビリティ ソリューションを作成する際に戦略的な方向性を提供できるようにしています。 今すぐ実行できるいくつかの手順を次に示します。

ラベルボタン

ラベルのないボタンは、Web アクセシビリティ監査を実施する際に Alisa が遭遇する最も頻繁な問題の 1 つです。

「テキストを表示するボタンを Web サイトに配置する場合は、そのテキストがテキストの画像ではなくプレーン テキストであることを確認してください」と Alisa 氏は提案します。 「それがテキスト画像の場合は、Web サイトにアクセスする誰もがテキスト読み上げやスクリーン リーダーを使用してコンテンツを認識して理解できるように、代替テキストを提供する必要があります。」と彼女は続けます。

画像に説明を追加する

代替テキストについて言えば、代替テキストは、目の見えない人や視覚障害のある人がコンテキストを理解できるように画像にラベルを付ける方法です。 Web サイト上の画像に説明が付いていないと、ユーザーは良くても Web サイトの効果を最大限に享受できず、最悪の場合は完全に混乱して操作できなくなる危険があります。

Google はウェブ アクセシビリティを優先し、米国障害者法に取り組んでいるため、代替テキストは検索エンジン最適化 (SEO) にとっても不可欠です。

Alisa さんは、代替テキストを作成する際のもう 1 つのヒントを教えてくれました。それは、創造性を発揮し、適切なトーン、感情、または雰囲気を伝える言葉を使用することです。 「私たちは、すべての情報がページ上にあることを保証するのではなく、質の高いエクスペリエンスを目指しています」と彼女は言います。 たとえば、「ロマンチックなビーチで休暇を過ごすカップル」は、たとえその描写が技術的に正確であっても、「ビーチを歩く人々」とはまったく異なるイメージを描きます。

見出しを使用する

ページをざっと見て見出しに注目する頻度はどれくらいですか? もしかしたら、この記事を読んでいる間にあなたもそうしたかもしれません。 見出しの使用は一般的に情報を整理するのに良い方法ですが、デジタル アクセシビリティに関しては不可欠です。

色やフォント サイズによって Web ページ上の情報の階層を視覚化できない人は、見出しを使用すると、スクリーン リーダーなどの支援技術がページの下に向かうことで見出しをジャンプできます。

色を考慮する

ブランディングに関しては、流行性よりも機能性を考慮してください。

トーン・オン・トーンの Web サイト デザインは、現時点では見た目に美しいものかもしれませんが、視覚障害、失読症、または色覚異常のある人にとってはまったく読めない可能性があります。

• コントラストの高い色を選択する
• インタラクティブな要素 (リンクなど) のマーカーが色だけではないことを確認します。
• 重要な情報を伝えるために色を使用することは避けてください（つまり、何かが「良い」か「悪い」かを示すため）。

欠点を認識する (そしてそれを修正する計画を立てる)

最後に、透明であることが重要です。 現時点ではデジタル アクセシビリティについて完全に理解していなくても大丈夫です。 しかし、目の前にあるチャンスを認識し、行動計画の概要を示すことで、信頼を築き、改善に取り組むことになります。

これには、Web サイトにアクセシビリティに関するステートメントを含めたり、実行するアクションのタイムラインを含めたり、Web サイトの評価を開始したりすることが含まれます。

そしておそらく、Tyler D'Amore と Alisa Smith のおかげで、クライアントとその顧客にとってよりアクセスしやすいエクスペリエンスに向けて最初の一歩を踏み出すために必要なものがすでに揃っているでしょう。

タイラー・ダモアについて

Tyler D'Amore は、アクセシビリティ分野のリーダーであり、デジタル インクルーシビティの声高な提唱者です。 AudioEye Inc. の戦略的パートナーシップ担当副社長として、タイラーは ADA 関連のデジタル アクセシビリティ要件の法的および技術的要求を深く理解しています。 彼は国際アクセシビリティ専門家協会の会員委員会に参加しており、以前は委員長を務めていました。

アリサ・スミスについて

AudioEye Inc.のアクセシビリティ エバンジェリストであるAlisa Smith は、デジタル マーケットプレイス、自動車、金融サービス業界で設計、開発、品質保証に携わる 20 年のテクノロジー キャリアを持つ、熱心なアクセシビリティ推進者です。