Category: Resources

100 Point Checlist to Web Accessibility

Posted by – July 31, 2010

Make your site accessible, To help you achieve this I have put together a 100 point checklist.

The first 20 Points are available here for FREE.  A PDF with the full checklist will be available for download soon.

Checkpoint
1. Does Each page have a unique and helpful Title.
2. Does your site have a consistent layout.
3. Do all images have a ALT Tag with a helpful description of the image.
4. If your site has background music is it easily able to turned off by your visitor.
5. Are there Text based alternatives to any Flash based content.
6. Do all links contain accurate descriptions on where they redirect the user to.
7. Do the colors on your web site have appropriate contrast.
8. Do you have text based alternatives to any Java based content on your site.
9. Have you provided text based alternatives to any multimedia content on your web site e.g. videos, flash animations.
10. If you have used forms in your site do all the appropriate elements have labels.
11. Does your web site still flow logicaly if the user has style sheets disabled.
12. If you have used frames does each frame have an accurate title so it can be easily identified.
13. If data tables are present do you they have meaningful Row and column Headers.
14. Have you provided detailed descriptions of any table.
15. Have you used the clearest and simplest language for site content.
16. Have you Divided large blocks of information into more manageable groups where natural and appropriate.
17. Have you provided keyboard shortcuts for the appropriate links.
18. Have you provided the appropriate Metadata for each page.
19. Did you use style sheets to control layout and formating where appropriate.
20. Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported.

  • Share/Bookmark

Brower Wars (Part 1)

Posted by – July 30, 2010

Let the wars begin in today’s article we are going to look at the different web browsers available and what this means for accessibility.

To start off I thought we would look at what the Top 5 Web Browsers by Usage in April 2009 were:

1. Internet Explorer

2. FireFox

3. Chrome

4. Safari

5. Opera

If you are interested you can check out a Complete list of Web Browsers available at Wikipedia.

For those who are interested in understanding the differences between the different web browsers available today and the different features they currently offer check out the Comparison of web browsers article on Wikipedia.

So now we know what Web Browsers exist and what the difference are we will look at why this important in terms of accessibility.

A Key reason to make sure site is accessible is that with over 100 different Web Browsers available today you want to make sure your web site will work is most if not ALL of these browsers to give you largest possible audience for your web site.

So how do I make sure my web site will work in all these browsers? This is quite simple to make sure your web site will work in as many web browsers as possible and reach the largest number of visitors possible you need to make sure it complies with as many of the 12 Guidelines set out in the web content accessibility guidelines (WCAG) 2.0 as possible you can view the guidelines at http://www.w3.org/TR/WCAG20/ .

Stay Tuned for Part 2 of Browsers Wars in Early August 2010.

  • Share/Bookmark

The Law

Posted by – May 18, 2010

One of the Biggest reasons to make sure your web site is accessible is that in a lot of cases a certain level of accessibility is required and if your site does not meet these requirments you could be fined etc.

It would be impossible for me write an article that covers the legal requirements in terms of accessibility so instead I am going to post a few a key links below for you to do your own research.

USA

Canada

Australia

New Zealand

  • Share/Bookmark

Testing Your Sites Accessibility

Posted by – May 9, 2010

Once you made your site you probably want to know how accessible your site really is to this you have a few different options:

1. Test Using Web Based Automatic Testers, These are often Free and very easy to use however are not perfect and some things make not get picked up, However as a guide these a great point to start, A few of my favorite web testers are below:

2. Is to hire a Web Accessibility Consultant to test your site although most developers can build a accessible web site getting an external consultant to test your site is the best way to ensure it’s accessibility.

3. This is perhaps the most time consuming option to test your sites accessibility yourself, using different checklist and checking your page in many different browsers and computers to see how it loads.

  • Share/Bookmark

Easy To Understand Guidelines

Posted by – April 22, 2010

his summary is should only be used as a guide and has being rewritten in order to try and simply the guidelines and does not include substantial amounts of information as in the original document produced by Word Wide Web Consortium View The Original Document Now

Guideline 1: Where there are non-text objects in your web page make sure you provide a Text or audio equivalent e.g. Provide alt tags for images, Input fields (Form Boxes), Applet, and Flash.

Guideline 2: Do not have a web site that relies on color or has poor contrast between links, text and background. To test simply lower the screen resolution on your computer to 800 by 600 at 256 colors.

Guideline 3: By not using markup or Style sheets properly you make your web site very difficult for people using specialized software to navigate or understand. Where possible style sheet should be used to control layout and formatting. By doing this you make it easier for people using specialized software to navigate your site as formatting can be controlled using the browser.

Guideline 4: State natural language of document in the header so people screen reader or synthesizers can access the web easily and understand what the software is telling them. This can be done by placing a simple tag in the HTML header.

Guideline 5: Tables should not be used to layout web sites and only information that is truly suitable for tables should be placed in a table. When tables are used they should have the proper markup used as some screen readers and specialized software will not be able interpret the information properly.

Guideline 6: When using JAVA, Flash or other new web technologies ensure that there is a text equivalent for people who have these features turned off or appropriate software to support them uninstalled.

Guideline 7: Ensure that timed, scrolling or auto updating content can be stopped so that people using screen readers are able to have the content interpreted by the screen reader.

Guideline 8: Where imbedded content is used ensure the GUI (Graphical User Interface) of the object is accessible this can be tested by using the keyboard to access the object.

Guideline 9: Allow for users to be able interact with your web site using any number of input devices (Keyboard, mouse, voice, and more)

Guideline 10: Use solutions that are compatible with older web browser and older screen readers.

Guideline 11: “Use W3C technologies (according to specification) and follow accessibility guidelines. Where it is not possible to use a W3C technology, or doing so results in material that does not transform gracefully, provide an alternative version of the content that is accessible.” The above was obtained from the W3C Web Site.

Guideline 12: Provide information and the layout and context of your web site. e.g. Title Frames and pages appropriately, Do not provide large slabs of information where possible, label form controls.

Guideline 13: Provide simple and clear navigation including a navigation bar and a sitemap, site search facility to increase the chances of your site visitors finding what they are looking for.

Guideline 14: Provide clear and simple content (correct spelling and grammar) and avoid using industry specific technical terms.

  • Share/Bookmark

Useful Resources

Posted by – February 7, 2010

Well since this site cannot be the one and only resource available on the internet about Web Accessibility I thought I would share a few of favorite web sites.

W3C Web Accessibility Initiative

WebAIM

Wikipedia – Entry of Web Accessibility

Vision Australia – Australian Web Accessibility Policies and Guidelines

Section 508 The Road to Accessibility

IBM Accessibility

Australian Human Rights Commission – Disability Rights World Wide Web Accessibility

Of course there are probally thousands of web sites out there on Web Accessibility but there are the ones I have found most useful.

If you have any suggestions of other sites please feel free to add a comment to this post.

  • Share/Bookmark