今すぐできるアクセシビリティ対策テーブルレイアウトを卒業しようこのページに掲載されている内容は、2010年に作成されたものです。今すぐできるアクセシビリティ対策アクセシビリティとはアクセシビリティとは、直訳すれば「近づきやすさ」になります。そこから、施設やサービスの利用しやすさ、情報へのアクセスのしやすさなどを指す言葉として使われています。広い意味を持っていますが、特にウェブにおいては、ウェブページの情報の得やすさ(ウェブアクセシビリティ)を指します。スタイルシートの書き方から使い方、ブラウザーごとの動きの差まで、ページレイアウト手法を習得します。ウェブページにアクセスするユーザーは千差万別です。視覚などに障害があってなんらかの支援ソフトなどを使っている場合もあります。しようというのがウェブアクセシビリティの基本的な考え方です。情報のバリアフリー化とも言われます。あらゆるケースに完璧に対応するのはとても困難ですが、少しでも考慮しておくと全然ちがう!というポイントも多々あります。いうことで今回はすぐにできる対策をご紹介します。属性はimg要素(など)の代替テキストとして、表示または音声で読み上げられます。ルール上は省略不可の必須属性です。重要なのは、視覚障害のある方への配慮です。スクリーンリーダーと呼ばれるような画面を機械音声で読み上げる支援ソフトは、このalt属性を画像の説明として読み上げます。そのため、ページ内で意味合いを持つ画像にalt属性を指定しない、または説明として不適切な内容は避けるべきです。見ると、インターネット利用時の課題の課題として、「代替テキストがない」「不要な代替テキストがある」という意見が多くあります。わかりやすい説明を入れておくとよいでしょう。わかりやすい見出しをつけるページ内の各項目にはわかりやすい見出しをつけておくとよいです。href="./03.html">link</a></li></ul></div>こうしておくことで、見出しが読み上げられるため、その項目が何であるかが明確になります。-9999px;などの方法でブラウザの表示領域から消します。(この方法にも議論の余地はあると思いますが...。)メインコンテンツは上部に配置するそのページで重要な項目はHTML文書内で上位に記述しておきます。視覚に問題がなければマウスやキーボードを使って「ざっと読み飛ばす」ことができますが、スクリーンリーダーは基本的にHTML文書を上から順番に読み上げていくため、そのページで言いたいことが早い段階で読み上げられるようにします。これは特にアクセシビリティという観点でなくても、結論や主張がなかなか出てこない文書はわかりづらいことを考えれば妥当かなと思います。大文字と小文字は区別する英単語を全て大文字で表記した場合、スクリーンリーダーで意図したとおりに読まれない場合があります。「Flash」と書けば「フラッシュ」と発音されますが、「FLASH」としてしまうと、「エフエルエーエスエイチ」と読まれてしまうかもしれません。これは略語は通常大文字でアルファベットでそのまま読むからです。OfficerはCEO(シーイーオー)といった具合。そこで、表記上すべて大文字で表したい場合はCSSで大文字に変更します。uppercase;}パンくずリストを用意するページ数、階層が多いサイトの場合、パンくずリストがあるとユーザーがサイト内で迷わないようにすることができます。作り方は以前の記事をご覧下さい。完璧なアクセシビリティを実現するのは非常に困難ですが、ちょっとした一工夫で大きく改善できるテクニックはたくさんあります。特殊な手法を使うのではなく、HTMLとCSSを正しく記述するだけでも効果は十分にはるはずです。機会をみて色々ご紹介したいと思います。)XHTML、CSSなどのWeb関連技術を得意とする。かぼちゃの煮物が嫌い。Twitter大切にします個人情報m-Schoolは、お客さまのプライバシーを守ります。3分コーディング今すぐできるアクセシビリティ。