Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. 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>

  2. 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.

  3. Remove Regular expression validators and the respective code in code behind.

  4. 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>

  5. Test with Screen Reader NVDA.
    Link to download NVDA - https://www.nvaccess.org/download/

Info

Highlight important information in a panel like this one. To edit this panel's color or style, select one of the options in the menu.

\uD83D\uDCCB