ウェブサイトの品質に関するチュ...login
ウェブサイトの品質に関するチュートリアル
著者:php.cn  更新時間:2022-04-01 15:28:35

ウェブアクセシビリティ (WAI)



障害のある人が利用できるウェブサイトは、ユーザーフレンドリー(アクセスしやすい)ウェブサイトと言えます。

障害者とは、障害または健康状態の悪いユーザーを指します。


Web Accessibility Initiative - WAI

WAI (1997 年に W3C によって開始) は、障害を持つ人々がコンテンツをよりアクセシブルにする方法について、Web 開発者、クリエイター、デザイナーが使用するための一連のガイドラインです。

これらのガイドラインはアクセシビリティを目的としていますが、より多くのブラウザ (音声ブラウザ、携帯電話、ハンドヘルド デバイス) や、困難な環境 (非ハンドヘルド、強い光、暗闇、視覚障害、騒音) で作業するより多くのユーザーが Web コンテンツを利用できるようにすることにも役立ちます。 、など)。


WAI はあなたのウェブサイトにとって重要ですか?

はい。

何百万人もの障害のある人が毎日インターネットを利用しており、さらに 100 万人以上の人が貧弱なブラウザ機器を使用しているか、困難な環境で働いています。

あなたの Web サイトに、調整可能なフォント サイズ、テキスト説明付きのグラフィック、簡単なナビゲーションなどが欠​​けていると、人々はあなたの情報にアクセスできなくなります。

実際: あなたのウェブサイトはこれらの人々の権利を奪っています。

Web サイトのユーザビリティを向上させる理由は他にもあります。

  • は Web サイトの評判とイメージを高めることができます

  • ユーザーの満足度を向上させることができます

  • 訪問者数を増やすことができます

  • は訪問数を増やすことができます訪問者がサイトに費やす時間

  • は、再訪問者の数を増やすことができます

  • また、障害のない人々の使いやすさを高めることができます

  • グラフィックをオフにした訪問者の使いやすさを高めることができます

  • を使用できます古いデバイスの使いやすさが向上

  • ウェブサイトが最も急速に成長している人口統計、つまり高齢者に対応できるようになります


調整可能なフォント サイズを使用します

ユーザーが安心して使えるように、相対的なフォント サイズを使用してください ブラウザ メニューを使用してデフォルトのフォント サイズを変更する機能。

読めますか?

読めますか?

読めますか?

読めますか?

lamp.gif ブラウザメニューの「表示 - 文字サイズ」を選択すると、フォントサイズを変更できます。


「alt」属性を使用します

alt 属性を使用すると、画像 (および他の要素) に対応するテキストを提供できます。

例:

<img src="../style/images/banana.jpg" alt="バナナ">

ブラウザによっては画像が表示できない場合がございます。具体的な理由は次のとおりです:

  • ユーザーが画像表示をオフにしている

  • ブラウザはグラフィック表示をサポートしていないミニブラウザである

  • ブラウザは音声ブラウザである(視覚障害者や部分的に視覚障害者が使用するため)晴眼者)

alt 属性を使用すると、ブラウザは少なくとも画像に関する説明を表示または読むことができます。

PHP中国語ウェブサイト