ユーザー名とパスワードのフィールドを持つアプリケーションに単純なログインページがあります。 私のアプリケーションはJAVAによって開発され、Primeface UIフレームワークを使用します。W3Cバリデーターのコード検証が、aria-required属性のために失敗しました
usernameフィールドにPrimefacesのinputText(p:inputText)を、パスワードフィールドにPrimefaceのパスワード(p:password)を追加しました。
ページがブラウザでレンダリングされた後、コードはおそらく以下のようになります。
<div class="text">
<label for="email">E-mail: </label>
<input type="text" id="email" name="email" size="20" aria-required="true" /> *
</div>
<div class="text">
<label id="passwordCtrl" for="last">Password: </label>
<input type="password" id="passwordCtrl" name="password" size="20" aria-required="true" /> *
</div>
私は以下に示すように、それは検証エラーメッセージを示す、https://validator.w3.org/にHTMLコードを検証してみてください。
を検証するためのコードを取得するには、右ページをクリックし、[ソースの表示]を選択し、コード全体をコピーして、W3Cのバリデータのコードを貼り付けます。2つのコントロールのうち、問題はinput[type="password"]
コントロールでのみ発生します。このHTMLコード検証エラーを処理するにはどうすればよいですか?これを達成する方法はありますか?
注: 私はPrimefaces UIフレームワークここではW3C HTMLチェッカー(バリ)の
JavaScriptを使用してその属性を追加する方法を説明するページがw3cウェブサイトにあります。https://www.w3.org/TR/WCAG20-TECHS/ARIA2.html – Archer
質問の最新の更新をご覧ください。 –