A quick Web Accessibility Checklist

  1. Home
  2. /
  3. Web Accessibility
  4. /
  5. A quick Web Accessibility...
29 Jul

A quick Web Accessibility Checklist

Often we hear people asking how can they check for a website for accessibility and what needs to be checked. Here is a quick checklist and hope this would be handy to someone!

  • Is the link “Skip to main content” exist? Although, there are several other ways to achieve quick navigation by providing heading mark-up, aria land marks, it’s still easier to hit on one link to reach the main content.
  • Does the website provides any accessibility options, such as “Color options” “Font re-size option” etc? This would be good, if your target audience have learning difficulties or new to internet users, else, a help page with an article how one could use the existing accessibility options within the browsers would be helpful.
  • Does all the informative images have appropriate alternate text?
  • Does decorative images has given empty alt text i.e. alt=””?
  • Does the web page has appropriate heading structure?
  • Does the website has a site map?
  • Is acronyms provided with appropriate information?
  • Does all the form fields have associated labels?
  • Does the website uses Frames, if so, appropriate titles provided to frames?
  • Is all the functionality of the web page available via keyboard?
  • Does all the links have descriptive screen text?
  • If an audio content is present, is there a synchronized captions or a text transcript available?
  • If CAPTCHA is present, is it accessible to screen reader users and to Braille Display users? if not, is there an alternative method provided such as Audio CAPTCHA or logical questions based captcha
  • Is semantic mark-up is used to designate headings and lists
  • Are Table columns and rows have associated headers using “th” tags?
  • Does tables have descriptive table summary and caption?
  • Is structure of the web page is logical and meaningful?
  • Color alone is not used to convey the information
  • Is foreground and background color has enough contrast?
  • Is there a pause / stop functionality for moving, blinking or scrolling content?
  • The content and functionality should not have time limits, if necessary, user should be allowed to extend the time as per their choice. If the authentication expires, user should be able to re-authenticate and continue the activity without losing any data
  • Page has appropriate and descriptive page title
  • The language of the web page is identified using the HTML tag “lang” attribute
Srinivasu Chakravarthula

BySrinivasu Chakravarthula

Srinivasu is an Accessibility evangelist with about 13 years of experience in the industry. That experience has developed Srinivasu to treat Accessibility not just his day job, but something close to his heart.

11 Comments

Tweets that mention A quick Web Accessibility Checklist | LearnAccessibility.org – This is a platform to learn about Accessibility — Topsy.com

[…] This post was mentioned on Twitter by ? Rudy Mendes and Reinaldo Ferraz, LearnAccessibility. LearnAccessibility said: A quick Web Accessibility Checklist: Often we hear people asking how can they check for a website for accessibilit… http://bit.ly/bUq8Qd […]

 

WP Themes

Nice fill someone in on and this post helped me alot in my college assignement. Thank you on your information.

 

sanvin

Good checklist !
But, I’m not so sure for “Color options” “Font re-size option” that you can put them at the same level of priority compared with image alternative for example. Now with the modern browsers functions as zoom, no need to give Font-size option, and if you need complex color changes, you need specific software. They are not so important web site accessibility features !

 

WebAdmin

@Sanvin – Totally agree with you. Also, my intention is not to say these options are mandatory. Only reason, I prefer developer to provide these options are, not many user are aware of existing accessibility options provided by browser and OS. In fact, not many are aware of using CTRL Plus and Control Minus to increase and decrease font size. But your point is very much valid and thanks for being on my site.

 

Web Axe

I’ve posted comments about this post on my blog: http://weba.im/commquick

 

    WebAdmin

    Thanks WebAxe for inputs. We will update the post soon. Continue to help us.

     

Australia Web Development

Thanks for sharing your thoughts. What I like about iFrame is that it’s easy to implement. You only need to add a few lines of code to your web page to begin syndicating content from other sites or provide the iFrame code for visitors to syndicate content from your site to theirs.

 

WebAdmin

Thanks everyone for feedback! Now, we have updated the check list. Please view and write to us again with your valuable comments! Thanks for being on our portal!

 

Web Axe

Great updates, looks solid now!

 

Tweets that mention A quick Web Accessibility Checklist « LearnAccessibility.org — Topsy.com

[…] This post was mentioned on Twitter by Copious Ltd, LearnAccessibility. LearnAccessibility said: Thanks everyone for valuable feedback! we have updated the post "A quick Accessibility Checklist". Please read and com…http://lnkd.in/h72Q36 […]

 

Updated Web Accessibility Checklist – Perceivable | ServeOM Inclusion

[…] in 2010, we have published a Quick Web Accessibility Checklist that received a good response and we have also received a good feedback. It’s true that […]

 

Leave a comment

%d bloggers like this: