Hatena Blog Tags
はてなブログ トップ
Webアクセシビリティ
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Webアクセシビリティ

(ウェブ)
【うぇぶあくせしびりてぃ】

障害者や高齢者を含むすべてのユーザーに対するwebコンテンツへのアクセスのしやすさ。
2004年、W3Cがガイドラインを勧告。

かいつまむなら、

  • フラッシュのような技術は使わない（そこに書かれている情報を盲人用ブラウザが拾えなかったりする）
  • JavaScriptのような技術は使わない（盲人用ブラウザに対応しているかどうか不明だから）
  • TABLEをレイアウト目的に使わない
  • TABLEを本来の用途に使う場合、欄の説明をきちんと入れる
  • およそ可能な全てのタグにALT属性やTITLE属性を設定する
  • 「○○をするには<a href="url">ここ</a>をクリック！」のようなリンクは避ける。（盲人用ブラウザでは、「ここ」としか発音されず、その行き先がわかりにくい場合が多いから）

等々。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
expwakui's act•20日前

Webアクセシビリティを高める文章と構成のポイントを解説

「Webアクセシビリティ」はデザインやコーディングの文脈で話題になることが多い状況です。しかし、文章の書き方や構成の工夫も、アクセシビリティに大きく関わります。 この記事では、Webライターが執筆時に意識すべきアクセシビリティのポイントを、具体的な事例とともに紹介します。 Webアクセシビリティとは 一時的な利用制限にも配慮する デバイスや通信環境の違いにも対応する ライターも「伝わる文章」で支える Webアクセシビリティを高める文章と構成のポイント 誰にでも理解できる「わかりやすい文章」を書く 見出し構造を正しく意識する 画像の代替テキスト（alt属性）を正しく書く リンクテキストは内容がわ…

#Webアクセシビリティ#アクセシビリティ#記事作成#UX

関連ブログ

弁護士ドットコム株式会社 Creators’ blog•1年前

なぜボタンは button 要素で作るべきなのか、div 要素をボタンにすることを通して考える

この記事を読むとわかること なぜボタンを button 要素で作るべきなのか、その理由 どーーーーーしてもボタンを別の要素で作らなければいけないとき、何をすればいいか 答え button 要素を使ったときに得られる標準動作を捨ててまで得られるメリットがないからです。 HTML の標準に従って、適切な要素を用いて開発することが重要です。 そもそも HTML (HyperText Markup Language) は、ドキュメントの構造や意味を印付けして表すためのマークアップ言語です。 ボタンにはボタンであるという印、つまり button 要素を用いるのが理にかなっています。 button 要素の…

#HTML#アクセシビリティ#Webアクセシビリティ#動作検証
エニグモ開発者ブログ•2年前

自社サービスで必ず達成しておきたいウェブアクセシビリティ対応についてまとめました

こんにちは。株式会社エニグモにてフロントエンドエンジニアを務めています新井です。 こちらは Enigmo Advent Calendar 2023 および アクセシビリティ Advent Calendar 2023 の 14 日目の記事です。 はじめに：ウェブアクセシビリティとは？ 1. ページ内の見出しの最適化 2. リンクや状態の判別を色の変化だけで行わないようにする 3. キーボード操作時のフォーカスインジケーターは非表示にしない 4. クリッカブルな要素の実装には a タグまたは button タグを使用する 5. 画像の代替テキストの指定と装飾的な画像の取り扱い 6. フォームコント…

#HTML#CSS#JavaScript#Webアクセシビリティ#アクセシビリティ#Advent Calendar 2023#Webデザイン
note•4年前

記録：『Web24』というイベントに出ました

2つ前の記事で告知を出してた、Web24というイベントに、無事登壇（どちらかというとパネラー？）を果たした。あれからもう1週間経ってしまったとは……早い。 このイベントは「登壇者も主催、みんなで作る」をモットーに構築されていたため、参加後記をすべく特記を以下でまとめる。 まずは、参加いただいた方々、それに声をかけてくださった運営の方々にお礼申し上げる。 「アーカイブ配信なし」の試み 場外セッション「残り香的なもの」と言い残し UDトーク

#web24#a11y#アクセシビリティ#Webアクセシビリティ
note•5年前

わたしとWebアクセシビリティ

わたしは「Webアクセシビリティ」というものに、ライフワーク的に取り組んでいる。 と、言い切っていいはず。少し気恥ずかしいけれども、これまでそんなことを触れ回ったことはないので、そろそろ改めて記録するべきだと思って書いている。 これはポートフォリオの一部のようなものでもある。 というのも、イベントやセミナーにお呼びいただいて登壇などの機会が、ありがたいことに増えてきている（後述）。あるいは、何らかの場でコメントを求められたり、Twitterでイベント中のリアルタイムレポートを（偉そうに！）したり。 そんな時にふと、「出自のわからないヤツが四の五の言ってて、周りの人はどう思うのだろう……」と考え…

#a11y#アクセシビリティ#Webアクセシビリティ
クラウドワークス エンジニアブログ•5年前

クラウドワークスのフロントエンド活動を振り返る 2020

この記事はクラウドワークスアドベントカレンダー１日目の記事です。 クラウドワークスでフロントエンドの可能性を模索し続けている @yamanoku です。 アドベントカレンダーを今年もやっていきます。初日の盛り上げ手としてよろしくおねがいします。 フロントエンド活動の振り返りをしてみよう クラウドワークスでは現在、フロントエンド専属のエンジニアチームというものは存在しません。 その代わりにサーバーサイド（Ruby on Rails）も併せてフロントエンド開発するのが基本体制となっています。 各チームごとでのフロントエンド開発の悩みやノウハウといったものは存在するのですが、それらを全体を通してうま…

#フロントエンド#Vue.js#JavaScript#Atomicデザイン#Webアクセシビリティ