記事アーカイブ
(全462件 : 32/47ページ)

フォームの入力要素には <label> 要素でラベルを付ける

フォームの各入力要素には、ラベル (項目名) を配置するべきですが、「ただ書いてあればよい」わけではありません。<label> 要素を用いて、セマンティックに (マシンリーダブルな形で) マークアップしましょう。

プレースホルダーとは、入力フォームの記入欄 (テキストボックスやテキストエリア) の中に記述することができる、入力に関するヒントを示したテキストです。このプレースホルダーのありかたについて、考えてみたいと思います。

ユーザビリティのガイドラインとして、サイトマップのページを設けることは必須である、という話を聞いたことがある人も多いと思います。果たして本当に必須なのか、それがないとユーザビリティが阻害されるのか、考えてみたいと思います。

Web コンテンツ本文を画像ファイルによって表現しているサイトを時折見かけますが、その問題点について考察します。

ロービジョンの人が抱える多種多様な「見えにくさ」を、疑似的にシミュレーションできる Google Chrome のアドオンがありますので (「NoCoffee Vision Simulator」といいます) ご紹介します。

Firefox ではアドオンを追加することによって、キーボード操作によるセクション間の移動 (見出し要素間の移動と WAI-ARIA ランドマーク間の移動) が可能になっています。

Google で「天気」と検索すると、現在地または任意の地域の天気予報が SERP (検索結果ページ) の冒頭に表示され、スマートフォンではスライダーが表示されます。このスライダーについて、ユーザビリティの観点から簡単に考察します。

Web コンテンツで音声を用いる場合 (ポッドキャストなど)、アクセシビリティ上の配慮として「代替コンテンツ」(実質的にはトランスクリプトと呼ばれる、テキストによる書き起こし) を用意することが求められます。

Web コンテンツとして動画を用いる場合、その映像 (視覚によって伝わる情報) に対しては、アクセシビリティ上の配慮として代替コンテンツ/音声トラック/音声ガイドを用意することが求められます。

動画のキャプション (字幕) には、発話 (セリフ) 以外にも様々な情報 (効果音や状況説明など) が含まれます。こういった様々な情報をどう書き分けるのか、その表記スタイルについて考察します。