textbox - テキスト ボックス ラベルを表示する必要がない場合に Web アプリケーションのアクセシビリティを処理する方法

Question

私のWebアプリケーションにはテキストボックスがありますが、特定の目的のためにラベルを割り当てたくありません。ただし、アクセシビリティを提供するには、ラベルをすべてのテキストボックスに関連付ける必要があります。この場合、テキストボックスにラベルを付けずにアクセシビリティを処理する方法は?
前もって感謝します！

Answer 1

できると思います<input aria-label="my label here" />。この方法では、ラベル属性/追加の DOM ノードを持つ必要はありませんが、スクリーン リーダーは依然として aria-label テキストを読み上げる必要があります。<label>または、タグを使用して CSS で非表示にすることもできます。