アクセシビリティ.規則!


"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." - Tim Berners-Lee, W3C Director and inventor of the World Wide Web


ウェブは現代の生活に革命をもたらし、人々を連れてくる場を平らにした.しかしながら、等しいアクセスはアクセスの公平に等しくありません.平等?エクイティ?違いは?私が2つについて好きである類似物は自転車のそれです.あなたがみんな同じ自転車をあげると言いなさい.それは平等です.しかし、誰もが異なっている.我々は、同じ自転車はすべての人に合うつもりはないので、異なるニーズを持つ人々の美しく様々なグループです.子供は子供自転車を必要とします、若干の人々は小さい自転車を必要とします、一部の人々は背の高い自転車を必要とします.三輪車に乗る人もいる.何人かの人々は、彼らの手でつつく.一部の人々は、再生自転車を使用します.誰もが自転車を取得するが、その自転車は、個々に合う.それは公平だ.🚲💨
これまで以上に、それは非常に、アクセス可能な、利用可能な、包括的なユーザーインターフェイスを作成することが重要です.アクセシビリティを作成するだけではなく、サイトやアプリケーションのコンテンツには、それは我々が開発レベルに取り組む必要がある何かは、すべてのユーザーと全体的に包括的に含まれているすべてのユーザーのための効率的な製品を作成し、設計する必要があります.これはあなたのプロセスではなく、私たちがコーディングする必要が唯一の方法ではありません!
アクセシビリティはあなたのサイトをよりユーザーフレンドリーにします、それはユーザーのための補助技術で正接で働くことができる主流アクセシビリティ能力を提供します.それはあなたのサイトやアプリケーションをより聴覚的、認知的、神経学的、物理的、音声、またはWebとの相互作用に影響を与える視覚的な違いを持つ人々に適応することができます.これらの指導原則を利用することによって、我々は、彼らが等しくアクセスすることができて、移動することができて、ウェブサイト、アプリケーションと彼らのツールに貢献することができるように、障害を持つ人々のための不均一なユーザー経験に対処することができます.
アプリケーションをよりアクセス可能にするいくつかの重要な方法

代替テキスト
イメージのための
  • ALTテキストは、イメージを記述します.これはスクリーン読者によって読まれます.Altテキストを提供することは、ユーザーがページをより包括的にするために彼らのイメージのために彼ら自身の記述的なテキストを提供しているユーザーと、近年社会的メディアに関してより人気がありました.代替テキストは、画面の読者によって読み取られ、明確かつ簡潔に説明する必要があります.また、ユーザーがロードする必要がなく、画像の説明があるので、低速のインターネット接続を持っている場合に便利です.それが純粋に装飾的であるイメージであるならば
  •     alt = " "
    
    Altテキストでスクリーンリーダーがその上に光沢を持つことができます.
    ボーナス:ALTテキストはSEOに役立ちます!
    *フリップ側にビデオ/聴覚コンテンツのキャプションを提供する!

    クリアヘッダー、リンク、およびテキスト
  • ヘッダー:スクリーン読者は線形です、そして、それがあなたがあなたのページをはっきりして意味がある方法で構造化するのを確実にするキーであるように、上から下へ行きます.これはH 1、H 3などにH 1から行くページの階層を記述する構造的な見出しを含んでいます.これらは「見出しレベル1」としてユーザに読まれます.また、ユーザーのために読んで、理解するのがより簡単であるように、見出しはまた、グループ内容にスタイルを整えられなければなりません.

  • リンクテキスト:URLが何をするつもりか、「ここをクリックする」または「より多くを読む」と言うものを作成するのを避けるべきであることを記述しなければなりません.支援ソフトウェアのリンクを介してそれらのリストを作成することによってナビゲートすることができます.

  • 良いリンクを作るためのヒント
  • スクリーンリーダがユーザに完全にそれらを読むので、URLを避けてください.
  • のキーワードを使用し、簡潔に
  • はそれを内容に統合するが、テキストの文脈からうまく読まないようにする.
  • それが何かをダウンロードするつもりであるか、そして、それがダウンロードするかどうか、
  • は指定します.
  • は同じ目的地へのリンクで繰り返していません.

  • コントラストはキーです:いくつかのFOLXはバックグラウンドからテキストを区別するためにコントラストが必要です.他の用途において、明るい色(高い輝度)は、より低い輝度と比較して読みにくい.色を使用して、ユーザーに情報を中継し、情報を識別する色知覚に依存しないでください.

    ラベルを利用!
  • 全体的に一貫したスタイル、命名規約、およびレイアウトは、サイトをよりユーザーフレンドリーにするのに役立ちます.簡潔な見出しとコンテキスト手がかりを使用して、ユーザーがどこに彼らのアプリケーションにしてナビゲーションを支援するかを判断することができます.
    アクセシビリティは、私の個人的な難聴の経験のために重要です.しかし、私はこのトピックを研究し始めたとき、より広い意味でアクセシビリティについてほとんど知りませんでした.私が知っていたいくつかのものは、スクリーン読者と字幕のように、しかし、私がそうすることができるより多くのより多くのウェブが私が簡単なブログ柱でカバーすることができるようにすることであり、私はまだこれにとても新しいです!
    私が学び続けている間、他の人の経験を心に留めておくことは、最後により良い開発者になるでしょう.あなたがウェブを作る上でどんなヒントを持っているならば、/よりアクセス可能なアプリは以下のコメントをドロップしてください!
    キーソース
    W3C Accessibility Guidelines
    How People with Disabilities Use the Web