Saturday 21 January 2012

Common Mistakes of Web Accessibility

Accessibility is often seen as a last thing to be concern when creating a website. In fact you can never create a successful web content without considering Web Accessibility. When a little attention is paid towards Web Accessibility many mistakes occur.  The Most common mistake made in Web Accessibility is failure to understanding what makes accessible content. To avoid web accessibility errors you should always remember one fundamental of Web Accessibility: What you see is not what you get

Compiling to Web Accessibilities guidelines does not only improve the visibility of website but also improves Public Relation and reduces the risks of legal actions since Web Accessibilities Polices are in action. As Web Accessibility focuses on creating the website flexible in order to meet different needs of users, it broadens the audience reach that increases the traffic to website. To learn more about Web Accessibility Techniques Visit Mariam Begum Web Development Guide.

In order to avoid Web Accessibility errors follow guideline provided below:
Inappropriate ALT attribute:   Web developers often insert long description of image, assuming that it will help screen reader users. But Alt text should always be short and concise. Always avoid inserting Alt text for decorative images so they are ignored by screen reader. As unnecessary Alt text can confuse screen reader users to work through pages. 

Click here- Never use Click here as link text as this doesn’t tells anything users about the link. Rather use a short but meaning text in order to give better understanding of what the link is about and also to ignore having unnecessary text in content.

Too Low Contrast- the contrast between background and text is an important factor to the readability of website. Therefore, always ensure good colour contrast is used and avoid using very similar colour for background and text for example background: dark grey and text colour: light gray.

Tables for Data- when tables are used to display data always give summary at the start of table. In order to aid screen reader users understand how table is related with content and relationship between cells. Always use CAPTION attribute to explain the nature of table.

Table for Layout- Never use table for layout rather use CSS Style sheet to style website content. Tables make it very complicate for screen readers to understand the page content. The tables are harder to maintain and also can bring search engine optimisation issues.

Tip- Use W3C Validator today to solve any Web Accessibility issues.

1 comment:

  1. Adhering to accessibility (WCAG is the formal body) comes in a few different flavours, and the necessity to follow one method or another can be quite difficult to achieve in this age of style over substance.

    JavaScript is a big-ish no-no for example, in one of the higher levels of obtaining WCAG certification, but if running an eCommerce site, for example, it is almost impossible to achieve (basically your site needs to be able to run with JavaScript turned off).

    The necessity to achieve some sort of WCAG compliance can depend on who you are developing for. In Australia for example, any Government (or associated) site needs to be WCAG compliant (to Level 1, last time I checked, which is the lowest level) which is fairly easy to achieve but still requires careful preparation and coding.

    Achieving this compliance also becomes more difficult depending on the development tools. I work with many Visual Studio developers and they just love using tables for layout.

    Been a while since I looked into WCAG so the above might not be entirely accurate :P

    ReplyDelete

Please leave your comments: