...
Visually impaired people using screen readers.
People with motor function impairments using the keyboard to activate website functionality.
People with hearing impairments relying on captions/subtitles or other text alternatives for audio/video content.
\uD83D\uDCD8 Instructions
In order to make the application accessible we can do the following steps.
...
Add TextMode="Date" in the text boxes we need to make accessible, as in the example below. <asp:TextBox ID="txt_OccurrenceDateFrom" runat="server" TextMode="Date" MaxLength="10" Columns="10" CssClass="form-control input-lg full-width"></asp:TextBox>
...
Remove the Calendar Widgets from the pages, as it would be a duplicate, the text boxes would have a Calendar when we add textmode=date.
...
Remove Regular expression validators and the respective code in code behind.
...
Add compare validators, I have researched, and these validators seem to be working best. <asp:CompareValidator id="dateValidatorFrom" meta:resourcekey="invalidOccurrenceDateFrom" runat="server" Type="Date" Operator="DataTypeCheck" Display="Dynamic" ControlToValidate="txt_OccurrenceDateFrom"></asp:CompareValidator>
TC - Web Accessibility Overview - Nov 15, 2024.pptx
Test with Screen Reader NVDA.
Link to download NVDA - https://www.nvaccess.org/download/WAVE extension for FireFox, Chrome, Edge