はじめに
良い一日。 アクセシビリティは多くのIT専門家によく知られている言葉だと思います（この分野で教育を受けていないため、私はアマチュアです）。 一部の人々にとって、アクセシビリティは、アクセシビリティの抽象的な概念としてよく知られています。 誰かが毎日彼と一緒に働いており、誰かが毎日それを使用しています。
私たちの世界では、肉体的に本格的な人々に加えて、障害者（障害者）、より頻繁にフィリピン人と呼ばれる人々が不自由です。 どこにいても出会えます。 公園を歩いたり、大きなスーパーマーケットで食料品を買ったりする車椅子ユーザー。 杖を持った盲目の男が、すべて同じ公園を歩いて、彼に知られているルートで仕事をします。 あなたが彼と話すまで、非常に頻繁に普通の人と区別できないろう者。
記事のタイトルから明らかなように、物語は盲人に関するものです。 住民は公共交通機関に盲人が乗って、お店に行って公園を散歩するという事実に慣れていますが、多くの人々にとって、日常生活でコンピューターを使用していると考えるのは信じられないことです。 問題はすぐに発生します。何も表示されない場合、どのように使用しますか？ 彼らはどうやってマウスカーソルを見てインターネット上の記事を読むことができますか、彼らがそれを全く見ないときにどうやってテキストをタイプすることができますか？ 答えは非常に簡単です-耳で。
私は誰かがこれについて知っていると信じています、そして、今日、すでにそのような人々はかなりたくさんいます。 少なくともここ、Habréには、盲目のユーザーとコンピューターとの相互作用の一般的な原理が言及されている記事が既にありました。 貴重な時間を費やさないために、この記事の本質を説明します。
繰り返しになりますが、記事のタイトルから明らかなように、本日は視覚障害者によるインターネットの使用について、具体的にはWebページでのナビゲーションの重要な要素について説明しています。
叙情的な余談
スマートフォンで公共交通機関に座っている若者は、身をかがめ、画面を見つめています。 この写真は多くの人に馴染みがあります。 現在、これらの着席者の半数以上がWorld Wide Webを利用しています。 私たちの惑星の現代の住人は、電子メール、あらゆる種類のポータル、フォーラム、その他の通信プラットフォーム、情報源なしにはできません。 視覚障害者も情報を必要としますが、ある程度までは普通の人以上のものが必要です。 また、視覚障害者はフォーラムでコミュニケーションを取り、記事を読んで、YandexとGoogleに愚かな質問をし、YouTubeビデオを視聴し、ニュースフィードとメールを表示します。 彼らは多くの日常業務を行っており、オフィスで働いている人なら誰でも慣れています。
盲人にとって、情報へのアクセスの問題は常に存在し、存在し、存在するでしょう。 今日では、World Wide Webから最大のシェアを獲得しています。 特定の人々にとって興味深い多種多様なポータルとリソースがあります。 情報は、その有益性と有用性だけでなく、利便性とアクセシビリティによっても区別されます。
見た目ほど単純ではありません。
これは非常にシンプルで便利で迅速な方法でサイトのアクセシビリティと読みやすさを向上させるためです。 残念なことに、Runetページの半分には見出しがまったくないか、まったくありませんが、サイト全体の見出しという形でしかありません。
見出しはかなり前に発明されました。 これは、注意を払う必要がある情報のブロックを強調表示する非常にシンプルで便利な方法です。 その見出しと、たとえばこの記事を始めるために何かに「タイトルを付ける」ための見出し。
視覚障害者にとって、サイト上の見出しの存在が非常に重要なのはなぜですか？
ここでは、ブラウザのWebページとブラインドの相互作用の原理を少し説明する必要があります。 ページ要素内を移動するための主要なツールは、キーボードの矢印です。 カーソルを移動します。 カーソルは、常に表示されるわけではないフレームです。 マウスはまったく動きません。
サイトの一般的な構造は次のとおりです。垂直または水平メニュー、コンテンツ領域、右メニューまたは追加リンク領域、地下室。 目が見える人がネットワーク上で目的のページを見つけると、コンテンツエリアの情報に直接移動し、読み始めます。 一方、盲目の人は、ページを最初から最後まで直線的に表示し、キーボードの上下矢印を使用してページに沿って移動します。 一般に、サイトのメニュー全体、左の列のすべての情報を読むのは面白くありません。人はすぐに探している情報、読みたい記事に行く必要があります。 見出しはこれに役立ちます。
キーボードの特定のキーを押すと、ページヘッダーをすばやく移動したり、リストを別のウィンドウに表示したりすることもできます。
見出しを使用すると、記事やページの領域をすばやく移動できます。 非常に便利で時間の節約になります。
見出しは多くのサイトに視覚的に表示されますが、実際には見出し用にCSSでフォーマットされた段落です。 段落のdiv要素とspan要素はまったく発声されず、それらに含まれるテキスト情報のみが発声されます。 つまり、すべてが見出しのように設計されている視覚原理に基づいて構築されたページでは、迅速なナビゲーションを実行することは不可能になります。 視覚障害者は、多くの無駄な情報をすばやくスクロールするのに多くの時間を費やす必要があります。 そして、発声テキスト、リンク、ボタンに加えて、システムがすべてのフォームフィールド、グラフィックス、フレームのリスト、および他の多くの要素を発声することを想像してください。 これらの多くの要素はすべて、関連情報を持つ音声メッセージで示されます。つまり、スクロール情報の数が大幅に増加します。 そのようなサイトで必要な情報を読むことを望まないことは非常に多くあります。なぜなら、あなたがそれに到達する限り、何でも読むのは恥ずべきことだからです！
非常にわかりやすい例では、歩く必要はありません。 ここで、このページをご覧ください。キーを1つ押すだけで、関心のある情報に移動します。カーソルはサイトの上部を迂回し、この記事の「タイトル」という見出しの第1レベルになります。 次に、矢印の付いたテキストに移動して読み始めます。
別の例を示します。 記事のリストが掲載されているこのリソースのページには、多くの異種情報があります。 これらは非常に長いページであり、Habrの記事の見出しが視覚的な記号だけで設計されていると想像してください！ どんな便利なリソースでも！ 非常に印象的な量の情報が通過するため、視覚障害者にとっては読みにくいでしょう。 また、見出しがある場合は、単にスクロールして、興味深い記事を選択して読むだけで、ページ全体を1分以内に知ることができます。 見出しがない場合、ページの要素数が1,000を超えるため、1ページに慣れるのに最大で30分かかります。
言いたかったこと
この記事では、重要な情報を強調したり、ページのセクションを強調したりするために見出しを使用する必要性に、WebデザインとWebサイトのレイアウトに携わる人々の注意を引きたいと思います。 これは、数千人の視覚障害者にとって非常に便利なナビゲーションツールであり、サイトのオーディエンスの半分を占める場合があります。