Web アクセシビリティ: 基本

Web アクセシビリティとは何 ＆ なぜそれが重要ですか？

Web アクセシビリティは、あなたのウェブサイトすべてのインター ネット ユーザー （両方無効、非無効) に関係なくを使用してどのようなブラウジング技術にアクセスできることです。法の遵守に加え、アクセス可能なウェブサイトにあなたのウェブサイトとお客様のビジネスに大きなメリットを得ることができます。

あなたのウェブサイトはすべての異なるブラウズ技術で機能することができる必要があります。

最初、web アクセシビリティのおそらく最も重要な規則。誰も、それらのあなたのウェブサイトを持っている必要があります最新の Internet Explorer とすべてのプラグインのプログラムを使用しています。別のブラウズ技術は、それぞれ独自のアクセシビリティ要件を含めることができます。

* Lynx ブラウザー - テキスト専用のブラウザーとテーブル、CSS、画像、JavaScript、フラッシュまたはオーディオおよびビデオ コンテンツをサポートしていません

* WebTV - 560px 水平方向のスクロールの幅で利用できません。

* 画面の読者 - ページのコンテンツ内の HTML ドキュメントが表示される順序で読み上げる

* ハンドヘルド デバイス - 非常に小さな画面に JavaScript の大きいイメージのサポートの制限

* 拡大鏡 - わずか 3 ～ 4 単語が画面に一度に表示することができる場合があります。

* 低速接続 (56 kb) - 下ユーザー画像をより高速なダウンロード時間を有効にするオフにことがあります。

* 1600px 画面の幅 - 非常にワイド スクリーン

つまり、基本的にあなたのウェブサイトを誰もがアクセスできるように代替品を提供する必要があります。

* 画像 - ALT テキストの形で

* JavaScript - タグの

* - HTML 対応をフラッシュします。

* オーディオ ＆ ビデオ - 字幕と書かれた成績証明書を使用します。

強化された web サイトのアクセシビリティのため、またテーブルの CSS のサポートが削除されたとき、ページの外観注意してください。

あなたのウェブサイトがこれらのすべてのアクセス可能ですを確認することができます 2 つの良い方法があります。

* Opera ブラウザーをダウンロードしてオペラ (http://www.sitepoint.com/article/checking-just-browser) と web アクセシビリティのチェックには、この記事を読む

* Http://lynx.browser.org から Lynx ブラウザーをダウンロードしてあなたのウェブサイトのすべての部分を正常にアクセスできるかを参照してください。

フォームのすべての web ユーザーがアクセスする必要があります。

Web ユーザーがフォームに入力するときそれは素晴らしいことです。フォームに入力します。

製品を購入する * ニュースレターにサインアップ * 質問。

これらのあなたのウェブサイトの目標です ！サイトの訪問者はあなたのサイトに見えるかもしれませんが、彼は彼が見ているし、あなたのニュースレターにサインアップしようとしていますが好きなことを決定します。

...フォームに彼は離れてクリックして、潜在的な顧客を失うので彼にアクセスできません。ほとんどのフォームは、web 上からのアクセシビリティの問題に苦しみます。この 2 つの主な理由です。

* プロンプト テキストですが正しく配置されない * プロンプト テキスト フォーム アイテムに割り当てられているではない (プロンプトのテキストは 'コメント' 例、'名前'、'メール'、各フォームのアイテムの横に表示されるテキスト)

見つけるにしてください (http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/accessible-forms-1.shtml) フォームをアクセス可能にするには、この記事を詳細します。

それは、簡単迅速にあなたのウェブサイト上のコンテンツを処理するすべてのユーザーする必要があります。

一般に、web ページを読んでいません。我々 はスキャン、私たちできるだけ早く探しているものを見つけることを試みるします。通常のモニターには、私たちのテキストの残りの部分から際立ってアイテムを見てページをスクロール： 見出し、リンク、太字のテキストと行頭文字のポイント。非キーボードと視覚障害者のユーザー多くの場合ページ見出しまたはリンクの間を tab キーでスキャンします。

あなたのウェブサイトのアクセシビリティを確認するには、見出し、リンク、太字のテキストと箇条書きを使用し、彼らの説明テキストが含まれているかどうかを確認します。たとえば、'ここをクリックして、リンクのテキストを' を使用しません。

構造とプレゼンテーションは完全に分離する必要があります。

構造とプレゼンテーションを分離することによってあなたのウェブサイトにアクセスし、インターネットの将来のための準備になります: Pda、携帯電話、車のブラウザー、WebTV と 1600px の画面。

ドキュメントの構造は、方法は、通常ナビゲーション メニュー項目、見出し、サブ、段落、リスト、およびリンクの開催ですです。ドキュメントのプレゼンテーションは、エンド ・ ユーザーへのこれらの言葉とイメージの表示方法です。

このアクセシビリティ ガイドラインの背後にある主要な原則は、CSS とテーブルではなく web ページ レイアウトを使用してです。私たち CSS のリソース領域の CSS を使用して、web サイトのアクセシビリティを向上する方法を確認してください。

そこは構造とちょうどあなたの web ページで CSS レイアウトよりもプレゼンテーションを分離します。構造要素指示この HTML 要素の一覧を見ているし、体裁用です。最適な web アクセシビリティのため、少ない特定のユーザーにアクセス可能になることをあなたのウェブサイトを起こすことがありますように表象的な要素を使用しないでください。

エンド ・ ユーザーを web ページ上のコントロールが必要

Web のすべてのユーザーは、彼らが彼らを使用しているブラウザーの種類やハンディキャップまたは彼らがあります障害の種類によっては、インターネットを使用する方法についての固有の要件があります。コントロールをユーザーに戻す渡しあなたのウェブサイトのアクセシビリティを向上させるだろう、あなたのサイトの訪問者は、最高の方法であなたのウェブサイトを使用することができるそれらのスーツします。

このアクセシビリティ ガイドライン本文のサイズを変更できる、リンクを新しいウィンドウで開くしようとしているときに警告やページのコンテンツに直接ユーザーを受け取り、画面の上部にあるリンクを提供する可能性があります。