Resources to help make your online resources accessible | ICT4IAL
How to make your online resources accessible
- Provide metadata. Labelling resources with relevant vocabulary or accessibility features makes it easier for the user to find relevant and accessible information.
- Use responsive web design, which allows the content to adapt to the end users’ output device.
- Create your website according to the User Centered Design (UCD) guidelines.
- Provide a site map. Give users a sense of where they are within your website.
- Use navigation mechanisms consistently.
- Provide a breadcrumb to determine where users are (navigation).
- Allow links and headings to be navigated using the Tab key. Provide keyboard shortcuts to important links.
- Provide ways to help users to find content. Include a search feature on each page.
- Offer a logical order of links and headers for users to navigate.
- Divide your information into manageable blocks.
- Use style sheets to control layout and presentation. Organise your documents so they may be read without style sheets.
- Create a style of presentation that is consistent across pages. Give each page a structure by using predefined headings. Your headings should follow a logical order.
- Include alternative text descriptions (alt text) for images.
- Check colour contrast with free tools.
- Allow all page functionalities to be device independent, meaning they can be used through a keyboard or voice control for example.
- Ensure that moving, blinking, scrolling or auto-updating objects or pages can be paused or stopped.
- Ensure the keyboard focus is not lost when a page refreshes.
- Include a Skip Navigation feature on each page.
- Separate information and structure from presentation to enable different presentations.
- Use a semantic structure for title, heading, quotations, block quote emphasis, list.
- Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group.
- For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
- Ensure that equivalents for dynamic content are updated when the dynamic content changes.
- Check your web pages for accessibility issues using a three-step process:
- Manual check.
- Automated check using free resources provided below.
- Test by trusted users of assistive technology, like screen readers, screen enlargement software and voice-input dictation.
- Test your pages in a speech browser.
Lascia un commento