Webページを入手しやすくさせる8つの先端

2008年3月18日{4か月、22日前に。} (Anish Blon著掲示されて)

網の入手の可能性簡単な事は網の開発プロセスの間にウェブ開発者によって最も頻繁にunnotedである。 従って、事のリストはここにあるウェブ開発者が開発の間に大事にするべきである。

網の入手の可能性はウェブサイトをすべての能力および不能の人々によって使用可能にさせることの練習を示す。 場所が正しく設計され、開発され、そして編集されるとき、すべてのユーザーは情報および機能性への同等のアクセスを有することができる。
Wikipediaから取られる抄録

1. 構造HTML

ほとんどの開発者はグラフィカルプレゼンテーションに注意を払い、頻繁に文書の構造を無視する。 構造的にの上で印が付いているHTML文書は異なった環境に合わせることができる。 それ故に、HTML文書はそれがstylesheetなしで読むことができるように構成されなければならない。

2.アンカーおよびリンク

リンクは網に網をされる何である。 1つは意味を持ったリンクを提供し、リンクがテキストによって基づくブラウザでまた入手しやすいことを確かめるべきである。

例えば

<aのhref= " mypage.html "のtitle= "私のページ" >My Page</a>

3. 非原文データのための代わりとなるテキスト

イメージのような非テキストデータにテキストの代わりを提供するためには簡潔に意味を記述するためにALTの属性を使用できる。 また長い記述のためのLONGDESCの属性を利用できる。

例えば

<imgのsrc= " banner.gif "のalt= " Altテキスト"のlongdesc= "長いdesc "/>

同様に、1つはイメージリンクを使用して注意深いべきである。 テキストの等量なしで、スクリーンの読者はリンクを表示できない。 ALTの属性の息子の使用はスクリーンの読者がリンクテキストにアクセスすることを可能にすることができる。

4.テーブル

続く先端はテーブルをレイアウトのために使用した場合心に留めておかれるべきである:

  1. テーブル、TD、またはTHの要素の幅の属性は通常不必要、文書の入手の可能性を妨げることができる。 従って、1つはCSSを使用してすべての属性を制御するべきである。
  2. 列およびコラムヘッダーは明瞭に目に見えるべきである。 コラムヘッダーのために、THはTDよりもむしろ好まれる。 テーブルの内容を記述するためにキャプションかタイトルを提供することはより意味を持ったようにする。

5.クライアント側の台本を書くこと

JavaScriptのように台本を書いているクライアント側はすべてのブラウザによって支えられないし、時々ユーザーはそれを不具にすることができる。 それ故に1つはWebページが使用可能な原稿支えられなかったりまたは消えないであることを確かめるべきである。
1つは台本を書いているクライアント側に内容を運行するか、または見るために頼るべきではない。 JavaScriptは使用されるとき、頼るべきではない。

6.色

ある古いブラウザは色の名前を支えない。 色は形態の#rrggbbか#RRGGBBで16進法の三重項によって常に指定されるべきである。 私達は色の使用によって示される情報がそれなしで利用できることを確かめるべきである。

例えば

<styleのtype= "テキストかcss " >

 ボディ{

   : #000000;

   背景: #ffffff;

}

</style>

7. テキストはブラウザを基づかせていた

文書がグラフィックの不在をのようにいかに見えるか見るためにオオヤマネコのようなテキストによって基づくブラウザのWebページを模倣しなさい。

8.確認

HTML文書の確認はほとんどの重要な部分である。 validatorは書類型定義に対してHTMLの構文法が正しいことを保障するために文書HTMLの点検する。 間違いがあるかどうか点検するためにあなたの文書を認可しなさい。

  1. W3CによるWebページの確認サービス
  2. セクション508網Accessibilty
私達をしおり: 新しいWebページを共有し、発見するための社会的なしおりの場所。
  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • DZone
  • Google
  • TwitThis

任意ポスト


コメントか質問を掲示しなさい



  1. (要求される) (要求される)

  2. (要求される) (要求される) (出版されない)


English flagDutch flagFrench flagGerman flagJapanese flagPortuguese flagRussian flagSpanish flag

"));