WAI-ARIAをasp.netの検証コントロールで動的に追加するには？

私はASP.NET Webフォームを持っており、RequiredFieldValidator、RegularExpresionValidatorなどのいくつかのasp.net検証コントロールがあります。スクリーンリーダーが画面を適切に読むことができるように、フォームをアクセス可能にする必要があります。検証に失敗した場合、WAI-ARIA属性'role' = 'alert'と'aria-atomic'： 'true'をそれぞれの検証コントロールに追加する必要があります。合格。しかし、私はこれらの属性を追加する方法が不思議であり、検証コントロールにWAI-ARIAを追加するにはいくつかの助けが必要です。私のWebフォームのHTMLは以下の通りです：WAI-ARIAをasp.netの検証コントロールで動的に追加するには？

<asp:FileUpload ID="Fileupload" runat="server" /> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
ErrorMessage="Please select a zip file to upload!!!" 
ControlToValidate="Fileupload" ForeColor="Red" Display="Dynamic" > 
</asp:RequiredFieldValidator> 

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
    ErrorMessage="Only zip file is allowed!!!" ForeColor="Red" 
    ValidationExpression="^.+(.zip|.ZIP)$" ControlToValidate="Fileupload" 
    Display="Dynamic"> </asp:RegularExpressionValidator>

出典

2017-10-18 Simant

あなたはこの

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" WAI-ARIA="'role'='alert'"

のようなバリデータに追加することができ、生成されるHTMLはこの

<span id="RequiredFieldValidator1" wai-aria="'role'='alert'">Please select .. </span>

出典

2017-10-18 08:50:43 VDWWD

のように見える私はNVDAのスクリーンリーダーを使用していますし、スクリーンリーダーが検証エラーメッセージを読み取ることができないので、あなたが近づいた方法は私のために働いていません。 – Simant

次に、 'wai-aria'属性がHTMLに存在するので、なぜ読み込まないのかを理解する必要があります。スパンを読むことはできませんか？またはjavascriptで表示される要素ですか？ – VDWWD

送信ボタンをクリックすると、検証メッセージが表示されますが、NVDAは何も読み取らなかった。実際のサンプルがあれば、それは多くの助けになるでしょう。ありがとう。 – Simant

WAI-ARIAをasp.netの検証コントロールで動的に追加するには？

答えて

関連する問題