web-dev-qa-db-ja.com

アクセシビリティと読み取り専用の入力フィールド

顧客の役割に応じて、いくつかの読み取り専用フィールドを持つフォームがあります。原則として、これらの入力には読み取り専用フィールドを使用します。

支援技術を使用したこのアプローチに問題はありますか?

他の問題や利点はありますか?

8
Víctor Herraiz

読み取り専用のテキストとアクセシビリティの問題は、スクリーンリーダーがWebページのフォームと対話する方法から発生します。

添付されていないフォームラベル、またはフォーム内にない要素を使用すると、ブラウザには表示されません。しかし、スクリーンリーダーがフォームに遭遇すると、「フォームモード」に切り替わります。このモードでは、スクリーンリーダーはフォーム入力要素と対応するラベルのみを読み上げます。 2つのフォーム要素の間に追加のプレーンテキストが挿入されると、スクリーンリーダーはプレーンテキストをスキップして、次のフォーム入力フィールドに直接移動します。

そのため、正しい方法はフォーム要素を使用することです。

これらは助けになるかもしれません:

7
Yisela