Features incorporated in the Directorate of Youth Affairs And Sports website to make it universally accessible are:
- Icons: Text has been supplemented with icons to enable users with learning disabilities understand the information easily. Icons have been provided along with text labels for key navigation options as well as important features, such as print, email etc.
- Keyboard support for drop-down menus: Drop-down menus have been used to display the top navigation options and expand/collapse lists have been used to display the left navigation options across the website. Keyboard access has been provided to enable users with mobility and visual disabilities access the navigation options. Keyboard users can access the top navigation and left navigation options in the following manner:
Drop-down menus: Press the Tab key to navigate to the drop-down menu options, such as About Us, Meet the Ministers etc. Press Enter to Show/Hide the drop-down menu options and press the Tab key. Along with Tab key, screen reader user can access the drop-down menu options using the arrow keys. Further press the Enter key to activate the required option.
- Accessibility Options: Options to change the size of the text is provided.
- Descriptive Link Text: Brief description of a link is provided using descriptive phrases instead of just using words such as 'Read more' and 'Click here' as link text. Further, if a link opens a Website in a new window, the description specifies the same.
- Table Headers: The table headings are marked and associated with their corresponding cells in each row. This enables a screen reader to read out the column and row header of any cell for the user.
- Table caption and summary: Table captions are specified that act as labels, which indicate what data is provided in the table. In addition summary is specified to provide description for screen reader users to enable them understand the table information easily.
- Headings: The Web page content is organized using appropriate headings and subheadings that provide a readable structure. H1 indicates the main heading, whereas H2 indicates a subheading. In addition, appropriate headings have been provided to improve readability. For example, the left Navigation pane has been given a heading as Information About.
- Titles: An appropriate name for each Web page is specified that helps you to understand the page content easily.
- Alternate Text: Brief description of an image is provided for users with visual disability. If you are using a browser that supports only text or have turned off the image display, you can still know what the image is all about by reading the alternate text in absence of an image. In addition, some browsers display the alternate text in the form of a tooltip when the user moves the mouse pointer over the image.
- Explicit Form Label Association: A label is linked to its respective control, such as text box, check box, radio button, and drop-down list. This enables the assistive devices to identify the labels for the controls on a form.
- Keyboard Support:: The website can be browsed using a keyboard by pressing the Tab and Shift + Tab keys.
- Customized Text Size: The size of the text on the Web pages can be changed either through the browser, through the Accessibility Options page or by clicking on the text sizing icons present at the top of each page.
- Synchronized Captions: Captions have been added to enable users with hearing impairments access the audio/video content effectively.