The new ECI website is designed and developed with accessibility in mind, all visitors have equal access to, and can engage with, a site. The incorporated accessibility features comply with the international standards.
Features incorporated in the website to make it accessible are:
Skip to Main Content:
Quick access to the core content on the page is provided without going through repetitive navigation using the keyboard.
Screen Reader Access:
This will enable people with visual impairments to access the website using assistive technologies, such as screen readers. The information of the website is accessible with different screen readers.
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.
Identification of file type and file size:
Information about alternate file types, such as PDF, Word, Excel along with the file size has been provided within the link text to help users identify the same. In addition, icons for different file types have been provided with the links. This helps users in deciding whether they wish to access the link. For example, if a link opens a PDF file, the link text specifies its file size and file type.
Each page of the website contain a unique friendly URL
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 have specified that act as labels, which indicate what data is provided in the table. In addition, the summary is specified to provide the description for screen reader users to enable them to understand the table information easily.
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.
An appropriate name for each Web page is specified that helps you to understand the page content easily.
The brief description of an image is provided for users with a visual disability. If you are using a browser that supports only text or has 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, checkbox, radio button, and drop-down list. This enables the assistive devices to identify the labels for the controls on a form.
Consistent Navigation Mechanism:
Consistent means of navigation and style of presentation throughout the Website has been incorporated.
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.
Adjust contrast scheme:
The website provides different schemes to enable users with visual impairments, such as low vision and colourblindness to view the web page information with ease. Different contrast schemes include Standard, Black on Yellow.
User Control for content:
The dynamic image slider used on the homepage can be hidden and unhide by the user.