フォーム入力要素の注釈のマークアップ | Accessible & Usable公開日 : 2013年4月16日 (2020年8月30日 更新) カテゴリー : アクセシビリティ Web サイトのフォームの中には、入力要素 (<input> 要素、<textarea> 要素、<select> 要素) のすぐ上か下に、注釈を付け加える場合があります (たとえば、入力フォーマットを指定したい場合などです)。 入力要素に注釈を付け加えた例 (パスワードの入力フォーマットの指定) この際、セマンティックに (マシンリーダブルな形で) 入力要素と注釈を紐づけるマークアップをしておくと、なおよいでしょう。たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素にフォーカスが当たったときに、その要素に紐づいた注釈も併せて音声読み上げされる、といったことが期待できるからです。 「aria-describedby」を用いて入力要素と
