フォーム入力要素の注釈のマークアップ | Accessible & Usable
公開日 : 2013年4月16日 (2020年8月30日 更新) カテゴリー : アクセシビリティ Web サイトのフォームの中には、入力要素 (<input> 要素、<textarea> 要素、<select> 要素) のすぐ上か下に、注釈を付け加える場合があります (たとえば、入力フォーマットを指定したい場合などです)。 入力要素に注釈を付け加えた例 (パスワードの入力フォーマットの指定) この際、セマンティックに (マシンリーダブルな形で) 入力要素と注釈を紐づけるマークアップをしておくと、なおよいでしょう。たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素にフォーカスが当たったときに、その要素に紐づいた注釈も併せて音声読み上げされる、といったことが期待できるからです。 「aria-describedby」を用いて入力要素と
入力フォームの操作性、機種による違いにご注意！ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
入力フォームの操作性、機種による違いにご注意！|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ 入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。 今回は携帯の十字キーの操作性にフォーカスしてみる。 このページの操作性は？ チェックボックスやラジオボタンなどを組み合わせたシンプルなページを用意した（サンプルページはこちら）。HTMLソースは以下の通り（一部抜粋）。 テキスト1<br /> <input type="text" name="t1" value="" /><br /> テキスト2<br /> <input type="tex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
