apeescape2.com
  • メイン
  • 収益と成長
  • モバイルデザイン
  • デザイナーライフ
  • 仕事の未来
ブランドデザイン

UXとWebアクセシビリティの重要性

Webアクセシビリティとは、ユーザーの障害に関係なく、すべての人が同じ情報にアクセスできるようにすることです。

による 世界銀行 、10億人(世界人口の15%)が何らかの形の障害を経験しており、米国だけで約5,700万人がいます。 (米国の人口の19%は、 米国国勢調査B ウレオ 2012年7月25日。)

身体的(麻痺や細かい運動制御の問題など)、感覚的(自閉症、難聴、失明など)、知的(ダウン症や発達遅延など)の4つの大まかにグループ化されたタイプの障害があります。 )、および精神疾患(統合失調症およびうつ病を含む)。多くの高齢者は、年をとるのに伴う問題を抱えており、アクセシビリティの宿泊施設からも恩恵を受けることができます。



Webアクセシビリティの重要性を過小評価しないことが重要です。 20年前はインターネットは技術オタクの場所でしたが、今では情報、娯楽、コミュニケーションの主要な情報源となっています。ショッピングから、友達との瞬間の共有、ニュースの閲覧、テレビ番組の視聴、仕事への応募、休暇の予約など、あらゆることに使用されます。それでも、障害を持つ人々にとっては、多くのWebサイトが彼らのニーズを考慮していないため、これらのものの多くにアクセスできないようにする障壁があります。インターネットの多くはまだ公共の場として扱われておらず、能力に関係なくすべての人がアクセスできるとは限りません。

ウェブサイトのアクセシビリティは、障害のあるユーザーにとって重要です。

s法人とc法人

Webアクセシビリティに関する神話

単に完全に無視されていない場合、アクセシビリティはWebデザインの最も無視されている側面の1つです。悪意のあるデジタルエージェンシーとその設計および開発チームによって過去20年間に広まった不正確なアイデアに悩まされています。中傷者は、アクセシビリティを優れたUXを備えたWebサイトを作成するための制限的かつオプションの部分と見なしているため、技術革新、法改正、および主要な人口動態の進化を認めることができません。 すべて ユーザー。アクセシビリティがそうではない理由に関するほとんどの議論 本当に 必要なのは、次の1つ以上のポイントを中心に展開することです。

1.「それは醜いです。」

完全なアクセシビリティには確かに デザイナー ウェブサイトやアプリケーションの全体的なルックアンドフィールに影響を与える可能性のあるいくつかの厳格なガイドラインに従うために、画像の代替テキストの説明を提供するなど、いくつかの改善はユーザーインターフェースに目立った影響を与えません。今日のテクノロジーを使用すると、トレンディでインタラクティブな魅力的な、 そして アクセス可能なウェブサイト;したがって、Webアクセシビリティはもはや負担と見なされるべきではありません。その上、アクセスできない醜いウェブサイトもたくさんあります!

2.「時間がかかりすぎ、コストがかかりすぎ、メリットがありません。」

確かに、アクセシビリティを組み込むことは必ずしも簡単なことではなく、ウェブサイトやアプリケーションの構想と開発の段階に費やす時間が増える可能性があります。ただし、サイトの改善と技術的な修復に費やす時間が短縮されます。コードがクリーンになり、バグが少なくなります。

デジタルプロジェクトの最初からアクセシビリティを考えることは、メンテナンスやカスタマーサポートを含む後のコストを抑えるのにも役立ちます。 SEOの観点から、アクセス可能なWebサイトは、より良いランキングを取得するのにも役立ちます。 Googleなどの検索エンジンは、スクリーンリーダーを使用する目の見えない人のように動作します。ページをスキャンする場合、ロボットはテキストのみを理解するため、コンテンツアーキテクチャと見出しを計画し、画像の代替テキストを提供することが重要です。

3.「誰も気にしません。」

この議論は、ウェブサイトにアクセスできるようにするために時間やお金を投資したくない企業やデザインエージェンシーにとって主な議論になる傾向があります。彼らのデータを見ると、障害を持つ人々は彼らのウェブサイトにさえアクセスしていないようです。 (皮肉なことに、彼らがアクセスできない場合、どうすればよいでしょうか?)また、市場が小さすぎて問題にならないことも確信しています。

大きな障害を持つ人々は彼らの聴衆のごく一部かもしれませんが、シニアユーザーはどうですか?難聴や色覚異常のユーザーなど、「軽微な」障害と見なされるユーザーはどうでしょうか。衰弱性の片頭痛に苦しんでいて、明るい色に耐えられない、または11pxタイプで書かれたページを無限にスクロールする平均的なユーザーはどうですか? 「従来の」障害者とは見なされない多くのユーザーは、アクセスできないWebサイトに苦しむ可能性があります。

一方、実際の生活と同じように、テクノロジーをアクセシブルにすることはすべての人に利益をもたらします。騒がしいバーのテレビやベビーカー用の車椅子用スロープのキャプションを検討してください。

4.「オプションです。」

ええと、実際にはそうではありません。多くの国では、サービスや製品を提供する際に障害者を差別することを違法にする法律があります。したがって、理論的には、障害を持つユーザーがWebサイトにアクセスできないためにコンテンツにアクセスできない場合、デジタル差別を正当に訴える可能性があります。そしてこれら 訴訟 毎年より頻繁に発生しており、多くの場合、企業の決済に数百万ドルの費用がかかります。

ApeeScapeデザインブログを購読して、eBookを受け取ります

Webアクセシビリティを気にする理由

1.法令遵守

米国では、アクセシビリティ要件は1990年に制定されたアメリカ障害者法に記載されています。当時は主に実店舗に関するものであったため、ウェブサイトやアプリケーションを対象にするかどうかについて裁判所は分かれていました。 2017年には、米国だけで800件を超える訴訟が連邦裁判所に提起されたため、訴訟の脅威は現実のものです。

Facebookはそのことで賞賛されていますが 共感 ラボ アクセシビリティに関するポリシー、他の企業はそれほど幸運ではありませんでした。 Netflixは、盲ろう者のためのさまざまな団体から何度か訴えられてきました。最終的には、すべてのプログラムに字幕を追加するなど、すべてのユーザーにコンテンツへの平等なアクセスを提供する必要がありました。

Netflixは、プログラミングにクローズドキャプションを追加することで、障害を持つユーザーのWebサイトのアクセシビリティを改善しました

Netflixは、聴覚障害者向けのいくつかの協会から訴えられ、すべてのコンテンツにクローズドキャプションを提供することに同意しました。

2.評判の向上

障害のある人を受け入れる企業は、それからのみ恩恵を受けます。ウェブサイトやアプリを完全にアクセス可能にする取り組みは、評判にプラスの影響を与え、すべてのユーザーの社会的責任とケアのイメージを作成します。

C ++学習プロジェクト

アクセシビリティ機能を追加する過程で、シリコンバレーの巨人は、ゲームに革新をもたらすことを躊躇せず、テクノロジーと革新的な新機能に数百万ドルを投資します。たとえば、Facebookは現在、人工知能を使用して、視覚障害のあるユーザーにオブジェクト認識テクノロジーを介した自動代替テキストを提供しています。この機能により、Facebookで毎日共有される20億枚の写真を十分に楽しむことができます。このアイデアは主に、アクセシビリティチームと協力している盲目のソフトウェアエンジニアであるMattKingから生まれました。 Facebookは、オンラインと実社会の両方で、障害を持つ人々にとって友好的な企業であることにコミットしていることを示しています。

Facebookは、EmpathyLabを介してアクセシビリティを設計することへのコミットメントを示しています

Facebook EmpathyLabで働いているブラインドソフトウェアエンジニアのMattKing。

3.新規顧客の獲得

障害を持つ人々の80%以上が、障壁のためにサービスプロバイダーを信頼しないことを決定しました。これは、Webアクセシビリティの低下が最大の理由の1つです。ほとんどのブランドで無視されることが多いため、障害を持つユーザーは、よく考えられたユーザーエクスペリエンスを提供する企業に、より多くのお金を費やすことをいとわないでしょう。この特定の市場の購買力は巨大です。

アクセシビリティの改善は、現在の顧客を引き離すことはありませんが、新しい顧客を引き付け、コンバージョンを改善します。障害のあるユーザーを認めることで、ユーザーの権利が重要であり、ビジネスが評価されていることをユーザーに知らせることができます。

障害の種類とさまざまな障害に対するアクセシビリティを改善する方法

さまざまな永続的および一時的な障害があり、ユーザーはさまざまな課題に直面し、さまざまな解決策を模索しています。すべての人に同じコンテンツを提供するには、すべてのニーズに対応する必要があります。

1.感覚障害

視覚と聴覚の問題が最も一般的な感覚障害ですが、他にも影響を受ける障害がいくつかあります。高齢者、色覚異常または難聴の人、多くの自閉症のユーザーです。

聴覚障害のあるユーザーの場合、ウェブサイトやアプリにアクセスできるようにするための1つのステップは、テキストのトランスクリプトとビデオのキャプションを実装することです。それらは聴覚障害者にとって必須であるだけでなく、聴覚にも役立ちます。

Ofcomによるアクセシビリティに関する調査によると、クローズドキャプションを使用する人の80%は、聴覚障害者でも難聴者でもありません。これは、すべての人に役立つアクセシブルな機能の典型的な例です。

視覚障害に関しては、ほとんどのガイドラインがあらゆるタイプのユーザーにも役立ちます。色覚異常の場合でも片頭痛に苦しんでいる場合でも、対照的な色(テキストと背景)を使用してくれたデザイナーに感謝します。誰もがより大きな相対的なフォントサイズ(ピクセルではなくem)とサイズを調整するオプションの恩恵を受けます。これは、シニアユーザーに特に高く評価されている機能です。

目の不自由なユーザーの場合、JAWSやWindow-Eyes for Windowsなどのスクリーンリーダーのおかげで、ウェブサイトが表示されない場合があります。 Mac用VoiceOver 。そのようなプログラムはコンテンツを声に出して読みます…そして彼らはそれをすべて読みます。

ページ内を簡単に移動できるように、必ず「 メインコンテンツにスキップ 」オプションを使用すると、ナビゲーションメニュー全体が連続して数回読み取られるのを防ぐことができます。

異なる見出しを使用してページを正しく構成します(1つのみ)

、次にレベルをスキップしないでください)、すべての画像のテキストの説明を含め、複雑なテーブルを避け、テキストのハイパーリンクを慎重に選択します。リンク先を適切に説明する必要があります。「ここをクリック」するだけでは、関連情報が提供されないため、スクリーンリーダーのユーザーには効果がありません。

Voiceover for Macにより、目の不自由なユーザーがWebにアクセスできるようになります

VoiceOver for Macは、画面上の各要素の聴覚的な説明を提供します。

2.運動障害

一部のユーザーは、マウスまたはトラックパッドを永続的または一時的に使用できない場合があります。したがって、キーボードを使用してサイトを閲覧するには、「タブ」または「矢印」キーを押すだけです。

キーボードを使用するだけでWebサイトを完全に体験できるようにすることは、Webアクセシビリティに実装する最も簡単で安価な機能の1つです。ほとんど作業を必要とせず、マウスを抜くかオフにするだけで確認できます。ブラウザは、Tabキーを押すと、Webページ上のクリック可能なアイテムを自動的に選択します。これにより、アクセシビリティが大幅に向上するため、開発チームがそれをオフにしないようにしてください。

3.認知障害

学習障害、ダウン症、ADHD、失読症、およびユーザーが年をとるにつれて時々起こるものを含む他の認知障害を持つユーザーは、明確なコンテンツと一貫したUIから大きな恩恵を受けるでしょう。したがって、論理インターフェイス(同様のアクションの同じ色、フォントの組み合わせ、単純なアニメーション、参加を求められたときの視覚的なヒントなど)を構築し、見出しを使用してコンテンツを整理し、さまざまな部分をすばやく識別してください。

c / c ++プログラミング

ルールとパターンを設定し、定義された設計原則に従うことで、ユーザーはより速く移動し、ナビゲーションエクスペリエンスの驚きを回避できるため、全体的にスムーズで理解しやすくなります。サイトまたはアプリケーションのUIを簡素化および標準化すると、ユーザーエクスペリエンスが向上する傾向があります。 すべて ユーザー。

Webアクセシビリティテストのヒント

1.ガイドラインに従う

すぐに利用できるアクセシブルなウェブサイトを作成するための国際的なガイドラインがあります:ウェブコンテンツアクセシビリティガイドライン(WCAG)。 W3Cプロセスを通じて開発されたWCAG(現在 WCAG 2.0 )Webコンテンツのアクセシビリティのための単一の共有標準を提供します。

主に開発者、設計者、およびアクセシビリティの専門家を対象としたすべてのWCAGドキュメントは、Webサイトをよりアクセスしやすくする方法を説明し、知覚可能、操作可能、理解可能、および堅牢という4つの原則に基づいて構成されています。この一連の推奨事項により、適合レベル(A-最小、AA-満足、またはAAA-エクセレント)に到達できます。

すべてのWCAG標準の実装には時間がかかりますが、基本から始めると、さまざまな障害を持つユーザーにとってWebサイトをより使いやすくすることに大きな影響を与える可能性があります。

2.オンラインまたは支援技術で確認します

ウェブサイトがアクセシビリティガイドラインを満たしているかどうかを確認するためにオンラインで利用できるツールがあります。 W3cの公式バリデーター 。オンラインツールは主にWebサイトの技術的側面をチェックするため、すべてのアクセシビリティの問題を見つけることができない場合があることに注意してください。スクリーンリーダーなどの支援技術を使用してWebサイトをテストすることは、Webサイトに本当にアクセスできることを確認するための重要なステップです。ただし、これらはどちらも手頃な価格で開始できますが、実際のユーザーフィードバックに取って代わることはありません。アクセシビリティが真剣に優先事項と見なされる場合は、さまざまな障害を持つユーザーをユーザーテストプロセスに含めることが重要です。

WebアクセシビリティをチェックするためのW3Cバリデーター

3.ユーザーテスト

に障害者を含める UXテストプロセス 立ち上げ前の新しいウェブサイトやアプリにとって重要です。ユーザーエクスペリエンスが実際に楽しいかどうかについて、最も関連性の高いフィードバックを提供します。信頼できる人と手を携えて仕事をする UXデザイナー さまざまな障害に応じてテストシナリオを準備するのは誰か。

アクセシビリティコンプライアンスを取得することはもはや選択肢ではありません

アクセシビリティは、日常生活の多くがオンラインで行われ、世界の人口が増加し、高齢化するにつれて、ますます大きくなる大きな問題です。 2050年までに、高齢化する世界人口は2倍になると予想されています。人口統計のその変化は、年齢と密接に関連する多くの障害が増加することを意味します。

これは簡単な作業ではありませんが、アクセシビリティを無視し続ける企業は、すでに顧客を失っており、今後数年間でさらに多くの損失を被り、結果として収益が大幅に減少することを理解する必要があります。他のマイノリティの認識が進んだ世界では、アクセシビリティの権利が人権であることを否定することも、彼らの公共のイメージと評判を損なうことになります。

そのことを念頭に置いて、企業がウェブサイトやアプリを作成する際の重要な価値としてアクセシビリティを採用するのが早ければ早いほど、障害のあるユーザーを無視しない企業として認識されるのも早くなります。彼らはより多くのトラフィックを獲得し、ひいてはより多くのコンバージョンを獲得するでしょう。 Webアクセシビリティの重要性を認識することは、双方にメリットのある状況です。

•••

AWS認定を取得するのにどのくらい時間がかかりますか

ApeeScapeデザインブログの詳細:

  • eコマースUX–ベストプラクティスの概要(インフォグラフィック付き)
  • 製品設計における人間中心の設計の重要性
  • 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
  • モバイルインターフェースのヒューリスティック原則
  • 予測的デザイン:魔法のユーザーエクスペリエンスを作成する方法

基本を理解する

ユーザーアクセシビリティとは何ですか?

ユーザーアクセシビリティは、感覚障害、身体障害、および認知障害を持つユーザーの機能を妨げる可能性のある障壁をWebサイトから取り除く慣行です。これには、ビデオにクローズドキャプションを追加したり、視覚障害のあるユーザーのために要素間に十分なコントラストがあることを確認したりすることなどが含まれます。

Webサイトをアクセシブルにすることが重要なのはなぜですか?

Webは、障害や障害に関係なく、すべての人が利用できるように設計されています。 Webサイトにアクセスできない場合、かなりの数の訪問者へのアクセスが遮断されます。 Webアクセシビリティは、Webコンテンツアクセシビリティガイドライン(WCAG)に準拠していない企業にとっても法的な問題になる可能性があります。

アクセシブルなデザインの定義は何ですか?

アクセシブルデザインとは、視覚障害のあるユーザーに適切な視覚的コントラストを確保したり、ビデオにクローズドキャプションを追加したりするなど、感覚障害、身体障害、および認知障害のあるユーザーの機能を妨げる可能性のある障壁をWebサイトから取り除くことです。

生体認証セキュリティ–パスワードなしの認証または流行の鍵?

モバイル

生体認証セキュリティ–パスワードなしの認証または流行の鍵?
SRVB暗号システムから始める

SRVB暗号システムから始める

データサイエンスとデータベース

人気の投稿
Linuxカーネル開発の25年を祝う
Linuxカーネル開発の25年を祝う
空の状態–UXの最も見過ごされている側面
空の状態–UXの最も見過ごされている側面
ARKitデモ:拡張現実映画制作
ARKitデモ:拡張現実映画制作
Xamarinを使用したクロスプラットフォームアプリの構築:Android開発者の視点
Xamarinを使用したクロスプラットフォームアプリの構築:Android開発者の視点
チャットボットUX–デザインのヒントと考慮事項
チャットボットUX–デザインのヒントと考慮事項
 
Docker入門:DevOpsの簡素化
Docker入門:DevOpsの簡素化
AWSでのTerraformによるダウンタイムゼロのJenkins継続的デプロイ
AWSでのTerraformによるダウンタイムゼロのJenkins継続的デプロイ
サバイバルメトリクス:起動時のバーンレートを把握する
サバイバルメトリクス:起動時のバーンレートを把握する
RESTアシュアードvs。 JMeter:RESTテストツールの比較
RESTアシュアードvs。 JMeter:RESTテストツールの比較
ApeeScapeは、人材経済をさらに推進するために一流のリーダーシップを活用します
ApeeScapeは、人材経済をさらに推進するために一流のリーダーシップを活用します
人気の投稿
  • 最高のc ++チュートリアル
  • anglejsプロジェクトを開始する方法
  • Pythonでクラスを宣言する
  • ビジネス戦略のためのデザイン思考
  • ビットコインアルゴリズムとは何ですか
  • サーバーとしてラズベリーパイを使用する
カテゴリー
データサイエンスとデータベース 投資家と資金調達 人とチーム 製品の担当者とチーム エンジニアリング管理 収益と成長 分散チーム 革新 Uxデザイン Webフロントエンド

© 2021 | 全著作権所有

apeescape2.com