タグ

web標準とaccessibilityに関するRAVERAVERのブックマーク (2)

  • アクセシブルなサイトにするための26のステップ

    Webmaster World.comのエントリー「アクセシブルなサイトにするための26のステップ」の意訳です。 26 Steps to a More Accessible Website スキップリンクは、キーボード操作をしている人のために目に見えるように設置する、というのにはなるほど、と思いました。 Altのテキストと代替の内容 画像にはAltを記述し、代替の内容を記す。 動画のキャプションや概要 動画の内容・概要・サマリーなどを記す。 「ここをクリック」は使用しない リンクには的確な情報を含める。 リンクの間のスペース 隣接したリンクには、区切りを設置する。 JavaScriptで記述したリンク リンクの記述は、JavaScriptに依存させない。 lang属性の使用 lang属性を使用して、使用言語を明示する。 アニメーションは使用しない ユーザーの気を散らせない。 色に依存しない

    アクセシブルなサイトにするための26のステップ
  • 窓の杜 - 【NEWS】Web上の文字の読みやすさを判定する「カラー・コントラスト・アナライザー」

    Webページ上の文字の読みやすさをW3C(World Wide Web Consortium)の基準で判定する「カラー・コントラスト・アナライザー」v2.0 日語版が、10日に公開された。Windows 2000/XPに対応するフリーソフトで、現在(株)インフォアクシアのWebサイトからダウンロードできる。 「カラー・コントラスト・アナライザー」は、Webページの配色を支援するソフト。文字色と背景色の組み合わせを指定すると、W3Cが定める基準をもとに、指定条件下での文字の読みやすさを判定してくれる。判定対象の色はカラーパレットから選択したり、16進数のRGB値などで指定できるほか、内蔵のカラーピッカー機能を利用してデスクトップ画面上の色を取得することも可能。 判定基準は2種類あり、色差と明度差を測定する方法か、輝度のコントラスト比を測定する方法を選択できる。判定結果は配色のプレビューとと

  • 1