アクセシビリティの専門家の皆様、こんにちは。
Web サイトでjtemplateを使用していますが、w3c Web アクセシビリティを渡すのに問題があります。問題は、jtemplate (jtemplate だけでなく、他のほとんどのクライアント テンプレート) が非表示の <textarea> をテンプレート ホルダーとして使用することです。また、W3c アクセシビリティ標準によると、すべてのテキストボックス/テキストエリアには関連付けられたラベルが必要でした。
これらのテキストエリア テンプレートは表示されないため、非表示のラベルを関連付けても意味がありません。それについてもっと良い方法を提案できますか？
よろしく、BC
私はスクリーン リーダーのユーザーで、次の例を IE でまとめて、ラベルとテキスト領域がどのように読み取られるかを示すウィンドウのジョーを作成しました。簡単にまとめると、非表示のテキスト フィールドにラベルを追加すると、関連付けられたテキスト フィールドなしでラベルが読み上げられるため、スクリーン リーダーのユーザーに害を及ぼすことになります。
<html>
<head><title>testing</title></head>
<body>
<form>
<label>This is a useless label since the screen reader won't read the text box</label>
<textarea rows="10" cols="30" style="display:none">
This will not be read by a screen reader
</textarea>
<label>This is a useful label since the screen reader will read it along with the text box</label>
<textarea rows="10" cols="30" >
This will be read by a screen reader
</textarea>
</form>
</body>
</html>
スクリーン リーダーのユーザーからテキストを非表示にする方法、またはスクリーン リーダーのユーザーがテキストを利用できるようにする一方で他のユーザーにはテキストを非表示 にする方法については、http: //webaim.org/techniques/css/invisiblecontent/#intro を参照してください。基準を満たしているが、アクセシビリティに問題のあるサイトを作成します。標準を使用するとアクセシビリティが向上しますが、それが保証されるわけではありません。これを標準からの必要な逸脱として文書化することをお勧めします。他の選択肢としては、スクリーン リーダーのユーザーに害を及ぼすが、技術的にはサイトが標準を満たすようにするラベルを追加するか、別のライブラリを使用するようにサイトを書き直すことです。
その検証の問題は無視します。このエラーがあっても、コードは有効です。