Solutions Infini – Website Designing & Development | Web Hosting | Domain Registration | SEO | Online Marketing

1. Be consistent in your layout

When you are consistent in your layout, this makes navigation easier. This is especially important for people with disabilities because when navigation is easier, they have less difficulties to access your site.

2. Avoid using tables for layout

Many designers use tables for layout, while others consider this a bad practice. We are not going to argue if design with or without tables is better because each of them has its pros and cons but as far as web accessibility is concerned, tables are bad. Tables are non-linear and this creates a lot of problems for the devices that parse the page.

3. Don’t Use Deprecated Tags

Deprecated tags might not always be suppirted by all web browsers, thus not guaranteeing that your site is displayed correctly. Much like any language on Earth, HTML is evolving. With W3C leading the front, web development is going towards full separation between presentation and style:HTML formatting tags vs. CSS.

Deprecated tags are simply HMTL tags that are in the risk group of going obsolete. They shoud therefore not be used. Here is an extensive list of deprecated HTML tags.

4. Think Navigation

When you design for visually impaired individuals, a clear, visible and understandable navigation path is very important. The structure and names of each included navigation link is thus as important as the design.

Make sure you spend some considerable time figuring out what content your visitors are looking for and then via the navigation make it super easy to reach it. Use larger font sizes for the menu items and place your link menus clearly visible. Also skip flash to not only confuse the visually impaired, but to limit search engine indexing as well.

5. Write Simple

It is a known fact that the same text is more difficult to comprehend when you are listening to it than when you are reading it. For the visually impaired and audio dependent, the written language is thus vital. Avoid using long sentences and paragraphs and words that are difficult to understand.

6. Use relative font sizes

Relative font sizes give users more control over the size of the text they will display in their browsers which is why you should use relative font sizes whenever you can.

7. Use Sitemaps

Sitemaps are a necessity in any case but when web accessibility is concerned, they are vital. Sitemaps ease navigation incredibly and you must always include them in your sites

8. Consider Keyboard Shortcuts

Keyboard shortcuts ease navigation without the mouse.

9. Use textual descriptions for nontext elements

Any non-text element except spacer images and design graphics should have textual descriptions. This could be done in the <alt> tag or with a caption.

10. Use high contrast color combinations

High contrast color combinations are easier to read even by people without any visual impairment, so there is no reason to put for example light gray text on a white background.

11. Don’t use colors to convey information

It is not only the color blind who won’t be able to read pages where color is used to convey information. Use colors as decoration, not as a way to communicate with the user.

12. Don’t use flickering effects

It is not only ads and animations where your head spins because of all the flickering effects. Flickering is not only bad for people with visual disabilities but it is also irritating for many others, so there is no reason to use it in your designs.

13. Death to Frames

Frames are so last century! Even if frames were not a web accessibility sin, there is no point in using them. In case you absolutely have to use frames, provide an alternative noframes version for the modern user as well as for the impaired.

14. Use simple numbering for lists

Similarly to tables, long lists should be broken down in smaller chunks. You need to be especially careful with nested lists – nested lists 5 levels and deeper are difficult to follow even by academicians, not to mention by people with visual limitations.

15. Avoid using automatic redirects

Automatic redirects are disscussable because when you use them, it is quite possible that the user might have not finished reading the text and when he or she is redirected, this makes it more difficult for him or her to follow. Also, for slideshows, presentations, and similar stuff, don’t use automatic forwarding to the next slide.

16. Scripts and noscript versions

It is true that scripts can add a lot of functionality to a page but when due to various disabilities users can’t take advantage of this advanced functionality, scripts make no sense. Additionally, in many situations scripts simply can’t be executed and this is why you absolutely must take care that the noscript version of your pages has the same functionality as the scripted one.

17. Add a Skip-to-Main-Content link

For site visitors who do not navigate via the mouse but the keyboard primarily, a link to help them jump to your page’s main content is often appreciated.

18. Put the main content near the top

The top of the page is a crowded space because all important stuff (and ads) go there but since users with disabilities might not be able and/or willing to scroll down to see what’s there on the page, it is even more important to put the most important things near the top of the page.

19. Label form elements

When form elements have labels, this makes them more user-friendly but for users with disabilities this is more than friendly – it is vital.

20. Validate your pages against the W3C requirements