世界で最もアクセスしやすいウェブサイト

私たちの多くにとって、インターネットは明白です。 どの Web サイト ビルダーや CMS が見ているものを作成したかに関係なく、どこを見るべきか、何をクリックすべきか、すべてがどのように機能するかがわかります。 しかし、もしあなたが、世界中で 10 億人いる障害者のうちの 1 人だったらどうでしょうか? 彼らにとってインターネットを理解するのは非常に難しいのです。

特定の障害があるとインターネットがさらにわかりにくくなり、そこにアクセシビリティが登場します。

私たちは世界で最も人気のある Web サイトのいくつかを調べて、どの Web サイトがアクセシビリティ テストに合格したか、そしてどの Web サイトにはまだ多くの作業が必要かを調べました。

アクセシビリティが重要なのはなぜですか?

ウェブ アクセシビリティは、私たちが気づいていない形で、私たち全員に影響を与えます。 インターネットに依存する世界中の 10 億人にとって、インターネットがより使いやすい場所になるだけでなく、他のすべての人にとってもより良い場所になります。

目を細めなくてもテキストが読みやすくなります。 これにより、注文を完了する方法とリンクをクリックする方法が明確になり、朝一番に携帯電話を見て何が起こっているかを理解できることになります。

特定のアクセシビリティ ニーズを持つ人々にとって、それは Web サイトにお金を費やすか、他の場所に行くことを選択するかの違いになる可能性があります。 したがって、ブランドにとって、それはウェブサイトをより良くするという理由だけでなく、お金がかかる可能性があるという点でも重要です。

英国だけでも、ウェブサイトにアクセスできないことによる損失額（クリックアウェイ・ポンドとして知られる）は、2020年に117億5,000万ポンドでした。これは、企業がサイトをアクセスできない状態にするためにいくつかの簡単な変更を加えるだけで、経済が何十億ドルも稼げる可能性があります。標準。

アクセシビリティはどのようにスコア付けされますか?

Web アクセシビリティは、Web コンテンツ アクセシビリティ ガイドライン (WCAG) に基づいてランク付けされます。 現在のガイドラインである WCAG 2.2 は、Web 所有者に対し、コンテンツを見つけた人が利用できるようにするために何をする必要があるかを示しています。

サイトを次の 3 つの異なるカテゴリでスコアリングします。

A – 最低限のアクセシビリティ基準。

サイト内はキーボードで移動でき、罠に陥ることはありません。すべてのビデオにはキャプションがあり、形、サイズ、色によって意味が伝えられることはありません。

AA – 許容可能なアクセシビリティ。サイトが目指すべきもの。

色のコントラストはより高いレベルである必要があり、画像には目の見えないユーザーにその内容を伝える代替テキストが必要であり、ナビゲーションは明確であり、見出しはその下のコンテンツが何について話しているのかを説明する必要があります。

AAA – 最高レベルのアクセシビリティ。

色のコントラストは白地にほぼ黒である必要があり、ビデオには手話が必要です。注文に時間切れになることはありません。また、コンテンツの目的を説明する必要がある場合は常にツールヒントが表示されます。

ウェブサイトのアクセシビリティレポート - 誰が採点するのですか?

私たちは、世界で最も人気のある 200 の Web サイトに対してアクセシビリティ テストを実行しました (詳細については、このレポートの最後でご覧いただけます)。 これらのテストでは、色のコントラストから焦点を当てられる領域まであらゆるものを調べ、サイト アセットの合計スコアと、不合格になったアセットの数を示しました。

このスコアを使用して、何らかの障害を持つユーザーがサイトの何パーセントにアクセスできないかを計算しました。

もちろん、すべての障害に追加のアクセシビリティが必要なわけではありません。 たとえば、車椅子ユーザーはスクリーン リーダーを使用する必要がありません。 誰もがアクセス可能な Web サイトの恩恵を受けていますが、一部のインターネット ユーザーは、ほとんどのユーザーよりも Web サイトを必要としています。 以下にいくつかの例を示します。

失明

これはおそらく、アクセシブルなコンテンツに関して人々が考える最も明白な障害です。 視覚障害のあるユーザーは私たちが書いたものを読むことができないため、スクリーンリーダーに頼って文字を読み取ってくれます。 また、マウスを使用する可能性は低く、代わりにコンテンツ内をタブ移動します。

脳に疾患のあるユーザー

運動ニューロン疾患やパーキンソン病などの病気を抱えている人々は、筋肉の震え、けいれん、硬直などに苦しんでいます。 マウスを使用したり、コンテンツをクリックしたりすることが不可能であることがわかり、代わりにヘッドワンドを使用してサイトを移動する場合があります。 ヘッドワンドは頭に装着するデバイスで、指の代わりに長い棒を使ってキーボードをタップします。

学習困難

失読症などの学習障害や自閉症などの神経の多様性により、コンテンツが非常に読みにくくなることがあります。 文字がごちゃごちゃになったり、言葉が動いたり、長いコンテンツは頭痛やイライラを引き起こす可能性があります。

難聴

聴覚障害者はビデオコンテンツを聞くことができず、多くの場合、若い聴覚障害者は文字を読むのに苦労します。 ビデオには字幕または手話が必要ですが、言語はシンプルに保つ必要があります。

他のユーザーの目から見たインターネット

アクセシビリティが向上すると、Web サイトの機能が向上するだけでなく、Web サイトをさまざまな方法で操作する人にとって Web サイトの見た目も良くなります。 私たちは、世界で最も人気のあるサイトのいくつかが、視覚障害のある人が見た場合にどのように見えるかを模擬し、アクセシビリティがどれほど重要であるかを理解してもらいました。

トンネル ビジョンは、まさに期待通りの効果をもたらします。人々はトンネルを通して物事を見ているかのように見えます。 Amazon では、これにより膨大な量の商品が完全に見えなくなり、サイドメニューが存在しないかのようになります。

失読症になると、Google の大部分が読めなくなってしまいます。 読み書きや綴りが難しくなり、文字がごちゃごちゃで意味不明になってしまうことがあります。 Google のようなテキストがプラットフォームの大部分を占めるサイトでは、これは特に問題となるでしょう。

失明は世界中で 22 億人に影響を及ぼしており、Netflix もこのような状況になるでしょう。 表示されている線は、タブ オーダー (ユーザーがタブ キーを使用してサイト内を移動する方法) を示しています。一方、空の画像ボックスは、代替テキストがなければユーザーが「見る」すべてのボックスです。 タブ オーダーはページの下部で終了するため、ユーザーには上部に戻るオプションがありません。 イカゲームを見たくないですか？ 不運だ。

色覚異常にはさまざまな形があり、人によって異なる色に影響を与えます。 サイトによっては、見た目が少し違って見えるだけかもしれませんが、意味を伝えるために色を使用した場合、その意味はすべて失われてしまいます。 緑色のボタンがサインアップを意味し、赤色のボタンがキャンセルを意味することはわかるかもしれませんが、それは誰にとってもそれほど明確ではないでしょう。

白内障により、インターネットの体験がはるかにぼやけてしまいます。 テキストが不鮮明になり頭痛を引き起こす可能性があるため、高レベルの色のコントラストが非常に重要です。 Twitter のようなサイトでは、白​​内障によりユーザーはスクロールできなくなります。

最もアクセスしやすいウェブサイト

国立衛生研究所には最もアクセスしやすい Web サイトがあります

アクセシビリティスコア: AAA

私たちのレポートによると、毎年アメリカ人の医療に数十億ドルを投資している全国機関である国立衛生研究所 (NIH) は、インターネット上で最もアクセスしやすい Web サイトを持っています。 アクセスできないのはサイトの 0.18% だけであり、サイトを利用する人々にとっては素晴らしいリソースとなっています。

ヘルスケア Web サイトが多くの読者を惹きつけていることを考えると、そのコンテンツが誰でもアクセスできることが重要です。 NIH は、テキストと背景の高い色のコントラスト、クリックすると何が起こるかを示す説明リンク、サイト内を簡単に移動できる明確で一貫したナビゲーションによってこれを実現しています。

テストで見つかった唯一のエラーは、「無効な言語が指定されました」という 1 件のケースで、これはスクリーン リーダーが時折起動する可能性があるコーディング エラーです。 ただし、これはサイト全体で 1 回のみ表示されるため、全体的なパフォーマンスに影響を与える可能性は低いです。

アメリカ疾病予防管理センターの Web サイトは 99.82% アクセス可能です

アクセシビリティスコア: AAA

別の政府の保健ウェブサイトも、アクセシビリティに関して非常に高いスコアを獲得しています。 アメリカ疾病予防管理センター (CDC) は、ユーザーがアクセスできない Web サイトは 0.18% のみであり、すべての訪問者にとって明確なユーザー エクスペリエンスを提供しています。

NIH と同様に、これも障害のある人を対象とする可能性が高い Web サイトであり、アクセシブルなコンテンツが不可欠です。 明確なデザインと白い背景により、色のコントラストが低いというリスクがなくなり、ナビゲーションもシンプルになります。 要素はユーザーが期待する方法でレイアウトされ、すべての画像には代替テキストが含まれ、リンクは説明的です。

タイトルにリンクが含まれていると、人々がリンクを見つけるのが少し難しくなる可能性があるという警告があるため、2 位に落ちただけです。

英国政府のウェブサイトは世界で 3 番目にアクセスしやすい

アクセシビリティスコア: AAA

英国政府の主要 Web サイトである gov.uk の背後にあるチームは、コンテンツ デザインという用語を発明したと考えられているため、彼らの Web サイトが非常に優れたパフォーマンスを発揮するのは当然です。 コンテンツ デザインでは、ユーザーがコンテンツ内をどのように移動するかが重要で、人々が期待する場所に見つけやすい方法でコンテンツを配置します。 それが英国政府で起こったことは明らかだ。 この Web サイトには、アクセスできない機能は 0.20% しかなく、大量の詳細なコンテンツがわかりやすくレイアウトされており、探索しやすくなっています。 ここでも、白の背景に黒と濃い青のテキストが色のコントラストを際立たせ、説明的なリンクが豊富に用意されています。

アクセスが最も少ない Web サイト

アクセシブルなサイトとは異なり、これらのサイトはいずれもアクセシビリティ評価を獲得していません。 それらはすべてWCAGに対して失敗し、やるべきことがたくさん残されています。

ASOS の Web サイトはアクセスが最も困難です

アクセシビリティスコア: なし

ファスト ファッションをお探しなら、ASOS が他よりも豊富です。 ただし、何らかの障害や障害がある場合は、何も買えない可能性が高くなります。 同社の Web サイトの 21.38% という驚くべきことに、色のコントラストが悪い、画像の上にテキストが表示されている、ARIA (Accessible Rich Internet Applications) ラベルが欠落しているなどのエラーが発生し、障害のあるファッション ファンにとっては困難な経験となっています。

ラベルの欠落がサイトの問題の大部分を占めています。 ラベルはほとんどのユーザーには表示されませんが、これにより、支援技術を使用して誰でもポップアップやインタラクティブ要素などにアクセスできるようになります。 たとえば、販売バナーやコンテストのエントリー フォームが表示されます。

現時点では、ASOS はそれらを十分に提供しておらず、何百万もの潜在的な顧客を遠ざけています。

2022 年 5 月 3 日更新– 私たちの調査結果が出た後、ASOS は私たちの報告書に対応し、ウェブサイトを改善しました。 私たちのチームが ASOS.com ホームページを再評価したところ、アクセシビリティ スコアが大幅に向上したことがわかりました。

2022 年の新しいスコアは次のとおりです。

Instagram のログイン ページの 20.66% がアクセス不能

アクセシビリティスコア: なし

Instagram は最小限のコンテンツを備えた非常にシンプルなサイトであるにもかかわらず、インターネット上で 2 番目にアクセスしにくいサイトです。それは、ログインする前からのことです。Instagram のログイン ページは、代替テキストがないために苦労しており、画像を変更するとほとんど制御できません。オーバーレイされたときにテキストがどのように表示されるか。

Instagram フィードの 13.6% が読み取れない

アプリにアクセスすると、Instagram は引き続き苦戦します。 ほとんどがユーザー作成のコンテンツであるため、多くの画像は代替テキストなしで表示され、ストーリーは画像の上にテキストが移動してアップロードされます。どちらもアクセシビリティの悪夢です。

ただし、Instagram 自体で解決できる問題も数多くあります。 サイトのフォントと明るい灰色の背景の間のコントラストが低いため、サイトの大部分が判読できなくなります。また、ARIA ラベルが欠落しているため、ユーザーは再生ボタンや新しいストーリーのアップロードを確認できません。

Telegram のログイン ページはアクセシビリティ テストの 20.29% で不合格

画像クレジット: LoboStudioHamburg (Pixabay)

アクセシビリティスコア: なし

Telegram 自体が自由な会話のためのソーシャル メディア プラットフォームであり、通常のチャネルでは無視されていると感じている人々を惹きつけています。 しかし、視力の弱い人を惹きつけたいのであれば、やるべきことはある。 ログイン ページの色のコントラストが低いことが主な問題であり、視力が 20/20 でない人にとってはログインが困難です。

Telegram のフィードの 11.11% にアクセスできない

アプリを使用すると、視覚障害がある場合、画像を扱うのに苦労することになります。 これらには代替テキストが含まれていないため、視覚障害のあるユーザーは意味を理解できません。 ズームも無効になっており、近くのものを見る必要がある場合に小さなフォントを大きくすることができなくなります。

さまざまな分野にわたる最もアクセスしにくいサイトと最もアクセスしにくいサイト

私たちは、ファッション、銀行、電子商取引、エンターテインメント、そしてもちろんウェブサイトビルダーのウェブサイトを調査して、アクセシビリティにおいて最も優れているのと最も悪いのは誰かを明らかにしました。 一部の有名企業には、修正が必要なかなり大きな問題がいくつかあります。

LinkedIn は最もアクセスしやすいソーシャル メディア プラットフォームです

LinkedIn は仕事を見つけるのに最適な場所であるだけでなく、支援テクノロジーを使用する場合にも最適な場所です。 アクセスできないのはサイトのログイン画面の 0.34% だけです。説明的なリンク、優れた色のコントラスト、シンプルなレイアウトにより、ページは簡単に移動できます。

サインインすると、アクセシビリティは (ほぼ) 同様になります。 明確なデザインと一貫したナビゲーションによりサイトがナビゲートしやすくなっているため、アクセシビリティ テストに不合格となるフィードは 2.94% のみです。 アップロードした画像やドキュメントに代替テキストを追加することもでき、LinkedIn がアクセシビリティを真剣に考えていることがわかります。

LinkedIn が Pinterest を僅差で破って首位に立った。 アクセスできないのは写真共有プラットフォームのログイン ページの 0.95% だけで、メイン フィードの 3.19% ですが、サイト上にユーザーが作成したコンテンツがどれだけあるかを考えると、これは依然として素晴らしいスコアです。

3位は3.76%でRedditです。 しかし、ログイン ページのスコアは高いものの、実際のフォーラムは低調です。 そのうちの 13.98% はアクセスできず、ユーザーが作成したコンテンツ、ミーム、GIF などが支援テクノロジーの回避策となる地雷原となっています。

Instagram、Telegram、Facebook はすべてアクセシビリティ ルールに違反しています

Instagram は、ログインするのが最も困難なソーシャル メディア プラットフォームです。 この画像ベースのアプリはテキストの読みやすさや画像上のオプションの代替テキストに問題があり、世界中の 22 億人の視覚障害者にとってログイン ページの 20.66% が使用できない状態になっています。 飼料はわずかに改善されていますが、飼料の 13.6% がアクセスできないため、まだ多くの点が望まれています。

メッセージング アプリの Telegram は下から 2 番目で、ログイン画面の 20.29%、フィードの 11.11% がアクセス不能になっており、Facebook が判読不能な表彰台の最後の場所に残りました。 毎月 4 億 6,700 万人の訪問者を集める世界最大のソーシャル メディア プラットフォームであるにもかかわらず、ホーム画面の 16.14% がアクセス不能になっています。 実際のフィードははるかに優れており、失敗するのは 2.37% だけですが、サインインできない場合は、フィードを楽しむことはできません。

サイトのフォント (青い背景に白い文字) は、問題の始まりにすぎません。 色のコントラストの最小要件を満たしておらず、画像のアップロードに代替テキストが強制されておらず、いくつかの ARIA ラベルが欠落しているため、一部のユーザーにとってはナビゲートが困難になっています。

アクセシビリティの問題が最も多いソーシャル メディア プラットフォーム

Amazon Prime Videoは最もアクセスしやすいエンターテイメントサイトです

エンターテインメント サイトでは、コンテンツにアクセスできるようにするために字幕や音声説明が必要であるだけでなく、番組を簡単に見つけて再生できるようにする必要もあります。 Amazon Prime Video はこれを誰よりもうまく行っており、アクセスできないのはログイン ページの 0.72%、メイン サイトの 0.59% だけです。 ユーザーがすべてのセクションを移動できるようにするための明確なタブ オーダー、暗い背景に明るいフォント、説明的なリンクが使用されています。

これは、ログイン ページで 1.4%、アクセス不能なメイン サイトで 1.35% を獲得した HBO Max との競合を上回っています。ゲーム ストリーミング サイトの Twitch では、ログイン ページで 1.4%、メイン サイトで 2.19% のスコアを獲得しています。 エンターテインメント分野におけるプライム・ビデオの有力なライバルの一つであるNetflixが、何らかの形で復活した。 ログイン ページは非常にうまく機能し、テストに不合格になったのは 0.27% だけでしたが、メイン サイトの 1.79% は不合格でした。

SoundCloud は世界で最もアクセスしにくいエンターテイメント サイトです

SoundCloud では無料で音楽を聴けるかもしれませんが、障害のあるユーザーにとっては料金がかかります。 サイトのログイン ページの 31.42% がアクセス不能になっており、66 件のテキストが背景画像の上に使用されており、読みにくくなっています。 また、ARIA ラベル、フォーム ID、説明リンクがないため、誰の耳にも音楽とは言えません。 サインインしても状況はあまり改善されず、コンテンツの 14.92% はアクセスできないままです。

Steam は悪い本の 2 番目です。 このサイトではユーザーがオンラインでゲームをプレイできますが、画像に代替テキストがないこと、背景画像の上にテキストがあること、テキストの書式設定の問題が多数あるため、アクセシビリティをもう少し真剣に考える必要があります。現在、ホームページの 12.90%、コンテンツの 9.53% が立ち入り禁止で。

ロブロックスは3位です。 特定の障害を持たない限り、オンライン ゲームは子供にとって最適です。 サイトのログイン ページの 6.29% がアクセス不能で、特にラベルやツールチップのないフォームにアクセスできません。 フォームラベルがないと、視覚障害のあるユーザーはどこにどの情報を入れればよいのか分からず、楽しみに参加できなくなります。 メイン サイトのスコアは 1.13% と大幅に向上しましたが、そのコンテンツはすべて、そこにアクセスできないユーザーにとって無駄になります。

アクセシビリティの問題があるエンターテイメント サイト

Amazon のアクセシビリティが電子商取引の先頭に立つ

Amazon の小売サイトは市場で最もアクセスしやすいサイトですが、テストに合格したサイトはわずか 0.84% でした。 このサイトは白い背景と暗いテキストの恩恵を受けていると同時に、ユーザーがクリックできる説明リンクやメニューも多数提供しています。 ユーザー ジャーニーも信じられないほど効率的で、買い物かごに商品を追加してすぐにチェックアウトできるため、性急なタイムアウトのリスクが回避されます。

Dunelm は 2 番目にアクセスしやすい電子商取引サイトです。 家具小売業者のサイトのうちアクセスできないのは 1.01% だけであり、ユーザー ジャーニーは販売する製品と同じくらい快適になります。 このサイトでは画像の上にテキストが使用されていますが、それが明確に強調表示されているため、スタイルを損なうことなくアクセシブルな機能を提供できます。

Xfinity はリストの 3 番目です。 インターネット プロバイダーのサイトはアクセス不能な部分が 1.08% のみで、すべてのコンテンツが鮮明な白い背景で表示されます。

Smyths Toys は最もアクセスしにくい電子商取引サイトです

水色の背景に白のフォント、説明のないボタン、さまざまなフォント サイズが混在しているため、Smyths Toys のサイトが 18.80% アクセスできないのも不思議ではありません。 「今すぐ購入」というボタンは文脈を無視しては何も意味を持たないため、コンテンツをタブで移動している人が立ち止まってボタンをクリックする可能性は低いです。

次にひどいのはUnsplashです。 サイトの 15.56% がアクセス不能であり、代替テキストのない膨大な量の画像によって問題が強化されています。 このプラットフォームは写真家やデザイナーが自分の作品を共有するのに最適な場所ですが、画像の上にテキストが重ねられたり、タブ オーダーがわかりにくくなったりするため、障害のあるユーザーにとっては不快な体験になります。

ハルフォードは望まない3位の座を奪った。 この場所は自動車部品にとっては素晴らしい場所かもしれませんが、色のコントラストが悪く、アクセスできないスコアが 9.56% となっています。

アクセシビリティに関して最高の電子商取引サイトと最悪の電子商取引サイト

木曜日はデートに最適

障害を持つ恋人を探しているなら、thursday が最適な出会い系アプリになるかもしれません。 ただし、特に良いスコアを獲得した出会い系サイトはありません。 木曜日の 6.50% はアクセスできません。このスコアは、画像からテキストを削除し、色のコントラストを高めることで改善できる可能性があります。

Tinder が 6.77% のスコアで 2 位になりました。 ライトグレーの背景にダークグレーのフォントは決してアクセスしやすいサイトにはなりませんが、それを除けば問題ありません。 暫定的に右にスワイプします。

3 位は Grindr で、サイトの 8.27% がアクセス不能になっています。 明るい黄色のサイトに黒の太字が付いているため、非常に読みやすく、興味を持ちやすいサイトです。

バンブルの 14.34% にアクセスできません

バンブルは女性だけが最初に話せるアプリを開発し、インターネットのデートシーンに革命を起こしたかもしれないが、本当にアクセスしやすいプラットフォームを実現するにはまだ時間がかかる。 現状では、サイトの 14.35% は障害のある人は利用できません。 説明的なリンクやボタンがなく、最悪なことに、黄色の背景に白いフォントが使用されています。

たとえ完璧な視力があっても読むのは難しいです。

eHarmony は、サイトの 13.93% がアクセス不能であり、わずかに改善されています。 オリジナルの出会い系サイトの 1 つは、アクセシブルなコンテンツに関してはまだ時代に少し遅れており、動画の上にテキストが表示されると読むのは悪夢のようです。 その上、小さなライトグレーのフォントでは作業がそれほど簡単になりません。

アクセス可能な相手と出会った出会い系サイト

GoDaddy は、サイトのアクセシビリティにおいて最高の Web サイトビルダーです

次に、専門分野であるウェブサイトビルダーに移ります。 GoDaddy は確かに最大手の 1 つであり、Web サイトのアクセシビリティに関しても最高です。 アクセスできないサイトは 2.11% のみで、3.61% の Wix や 8.49% の Weebly よりも使いやすいです。

これらのサイトはすべて、優れた使いやすさと明確なナビゲーションを提供しており、顧客が能力のレベルに関係なくサービスを簡単にナビゲートできるようにしています。

WordPress と Squarespace は最もアクセスしにくい Web サイトビルダーです

市場の 2 つの主要プレーヤーであるにもかかわらず、WordPress (10.22%) と Squarespace (9.33%) は両方ともアクセシビリティに苦労しています。 どちらもエリアフォーカスに問題があり、弱視のユーザーがセクションを拡大してコンテンツを近くで読むことができます。 また、マウスを使用できない人が、コンテンツを理解するのに十分な時間コンテンツに留まるのにも役立ちます。

これらのサイトではどちらもフォーカスが問題であり、色のコントラストが低く、ARIA ラベルが欠落しているため、合計スコアが増加します。

アクセシビリティスコアを構築する必要があるウェブサイトビルダー

H&M、ナイキ、ノードストロームはいずれもアクセシビリティに優れています

H&M、Nike、Nordstrom などのファッション サイトはいずれも、サイトがアクセスしやすいように設計されており、ユーザーが自社の製品に簡単にアクセスできるようにしています。 H&M は、私たちのレポート全体で最高のスコアを獲得した企業の 1 つです。アクセスできないのはそのサイトの 0.38% のみで、主に ARIA ラベルがいくつか欠落していることが原因です。

Nike も優れています。同社のサイトの 1.68% のみがテストに不合格でした。 彼らは明るい背景の上に黒いフォントを使用し、画像に代替テキストを配置します。 「ショップ」ボタンを整理すれば、スコアはさらに高くなるでしょう。 ボタンに商品名を入れることで可読性が高まり、クリックする人も増える可能性があります。

アクセスできないのはノードストロームの Web サイトの 2.13% だけですが、これも良好な色のコントラストとシンプルなレイアウトの恩恵を受けています。

ファッションアクセシビリティ違反者はASOSだけではない

ASOS は私たちの調査全体で最もアクセスしにくい Web サイトですが、規制の悪い面に陥っている唯一のファッション サイトではありません。 サイトの 21.38% がアクセス不能ですが、Shein の 16.12% よりもわずかに悪いだけです。 このヨーロッパのファッション サイトのホームページは非常に混雑しているため、ユーザーが目的地を見つけるのが難しく、誰でも読むのが困難です。

ポップアップの量も難しいです。 最高のスクリーン リーダーはこれらに対処できますが、一部のスクリーン リーダーはスタックしてしまい、顧客が製品を閲覧できなくなる場合があります。

ファッションサイトはアクセシビリティが整っていない

Gmail は最もアクセスしやすい電子メール プロバイダーです

電子メールの受信箱は非常に簡単である必要があります。 特に Gmail がメインのプロバイダーの場合、空白の背景、明確な見出し、明確なリンクにより、メールを開いたり返信したりすることが簡単になります。 Google のメール プラットフォームにはアクセスできない機能が 3.17% しかなく、そのエラーの大部分は貧弱な ARIA ラベル付けによって発生しているため、支援技術を使用している場合には特定の要素が不明瞭になります。

Gmail は色のコントラストと読みやすさの点で優れたスコアを獲得しました。 白の背景に黒のテキストはこれ以上に読みやすく、整然とした受信トレイによりメッセージを簡単にナビゲートできます。

これは、サイトにアクセスできない機能が 3.84% ある live.com をわずかに上回っています。 これは、Live の前身である MSN Messenger からの大幅な改善です。MSN Messenger では、絵文字、吹き出しテキスト、振動チャットにより、最も熱心な 2000 年代の十代の若者以外には理解するのが困難でした。

Yahoo はサイトをアクセシブルにするためにやるべきことがある

電子メール業界における Gmail の最大の競合企業の 1 社は、アクセシビリティに関しては失望しています。 障害のあるユーザーは電子メール受信箱の 16.42% にアクセスできず、多くの電子メールが未開封のままになることになります。 濃い灰色の背景に黒いテキストは読みにくく、画像上のテキストは混乱を招く可能性があり、受信トレイにアクセスしようとしているときにポップアップする大量の広告は、一部のスクリーン リーダーに重大な問題を引き起こす可能性があります。

メールプロバイダーが読みにくいことが判明

最も一般的なアクセシビリティの問題

アクセシビリティの問題の中には、他の問題よりも頻繁に発生するものがあります。 すべてのウェブサイトのすべてのビデオに手話があれば理想的ですが、誰もがそれを実現できる予算があるわけではないことは理解しています。 ただし、これらの一般的な問題はすべて簡単に修正できるため、ビジネスがより多くの顧客を維持し、より多くの収益を得るのに役立つ可能性があります。

色のコントラスト

色付きの背景の上にテキストを配置する場合、目立つように十分なコントラストが必要です。 多くのサイトは、機能よりもスタイルを選択し、色付きの背景の上に色付きのフォントを配置するという罠にはまっていて、見えなくなる危険があります。

画像に代替テキストはありません

代替テキストは、視覚に問題がある人が画像を見るときに頼るものです。 これは、スクリーン リーダーが画像に表示されている内容を読み上げるもので、「箱の上に座っている猫」から「サイズ 12 の緑のボタンアップ ドレス」まで、何でも構いません。 代替テキストを使用しない場合、何百万人もの人々があなたの写真に気付かないでしょう。

リンクのアンカー テキストがありません

アンカー テキストは、リンクが存在するテキストです。たとえば、Web サイト ビルダーのレビューにリンクしたい場合は、「Web サイト ビルダーのレビュー」という単語がアンカー テキストになります。 アンカー テキストを使用せず、代わりに完全な URL をコンテンツに挿入すると、スクリーン リーダーが読みにくくなり、ユーザーがクリックしたくないように見えます。

説明のないアンカーテキスト

アンカー テキストには、クリックすると何が達成されるか、またはリンクがどこに移動するかを示す必要があります。 これにより信頼が構築されるだけでなく、ユーザー エクスペリエンスも向上します。 クリックするとどうなるかがリンクに示されていれば、クリックする可能性が高くなります。

説明のないリンクには、「詳細」や「ここをクリック」などの文言が表示されます。 ページを流し読みしているだけで、文脈を無視してこれらのリンクを目にした場合、そのリンクが何のためにあるのか理解できず、おそらくそれらに関与しないでしょう。

ナビゲーションリンクが多すぎます

いくつかの異なるオプションを表示するドロップダウン メニューは、ほとんどの Web サイト内を移動する方法です。 ただし、メニューの選択肢が多すぎると、どこに移動すればよいのか、何をクリックすればよいのかが分からなくなることがあります。

レストランのメニューのようなものだと考えてください。明確でシンプルなメニューがあると、食べ物の注文が簡単になります。 何百もの料理が載っているメニューには圧倒され、その料理が実際にどれだけ美味しいのか疑ってしまうでしょう。

空のフォームラベル

フォームに記入するとき、各ボックスに何を入れるべきかを知っておくと役立ちます。 通常、これはビジネスに住所を提供する際のチェックアウト ページに表示されます。 これらのフォームが空白のままだと、視覚障害を持つ人はどこにどの情報を入力すればよいのか分からない可能性があります。

タイムアウトは止められない

多くの Web サイトでは、時間通りに注文を完了しないとタイムアウトになります。 「申し訳ありませんが、セッションがタイムアウトしました」という画面が表示され、最初からやり直す必要がある場合があります。

それは誰にとっても煩わしいことですが、オンラインで物事を行うのに自然と時間がかかる場合は特にそうです。 マウスを使用できない人、文字が読めない人、目が見えない人は、同じ操作を実行するのに時間がかかり、タイムアウトを克服できず、サイトを使用できなくなります。

あなたのウェブサイトがより多くの人にアピールできるようにしたいですか?

結果をもたらすサイトの作成に役立つ、最適な Web サイト構築ツールを比較します。 美しくクリエイティブなポートフォリオが必要な場合でも、マルチレベルで安全性の高い製品購入プラットフォームが必要な場合でも、必要な仕事を行う Web サイト ビルダーを見つけるお手伝いをします。

10 億人の人々を疎外しないように、アクセシビリティに関するヒントを忘れずに確認してください。

方法論

この調査では、Chrome 拡張機能「Arc Toolkit」を使用して、150 以上の Web サイトのアクセシビリティをチェックしました。 このツールは、Web サイトのアクセシビリティをランク付けするために使用される個々のアセット、エラー、警告を調べます。 調査の公平性を保つために、ホームページのエラーのパーセンテージに基づいてランキングを作成し、最もアクセスしやすい Web サイトと最もアクセスしにくい Web サイトを見つけました。 最初にログインさせるソーシャル メディアとエンターテイメント Web サイトについては、ログイン ページのアクセシビリティを調査し、その後ホームページ (フィード) を個別に分析して、ホームページに直接アクセスする他の分野との調査の一貫性を保ちました。

免責事項: ソーシャル メディア フィードを見る場合、個人が投稿したすべてをソーシャル メディア サイトで制御できるわけではないため、詳細な分析ではエラーが高くなる可能性があります。 ただし、これらのサイトは、ユーザーが自分の画像に代替テキストなどを追加することを奨励し、サイトを誰にとってもアクセスしやすくする努力をすることができます。 ユーザーは他の操作を行う前にサインインする必要があるため、私たちのレポートではホームページとフィードの両方を調査しました。

最も人気のある Web サイトは、Similarweb によってデータから収集されました。 ここでデータソースを見つけてください。

この投稿はもともと 2021 年 11 月に公開され、2022 年 5 月 3 日に更新されました。