Accessibility Issues - Fix

Owned by Saman Khan, created
Last updated: Oct 02, 2024 by Noreen Dertinger
1 min read

The aim of accessibility is to make the applications usable by people with disabilities.

Some examples might include:

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

 Instructions

In order to make the application accessible we can do the following steps.

  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/