Web Accessibility Checklist


A beginner's guide to web accessibility

Landmarks ARIA Landmark Roles are helpful landmarks that can be used by AT to navigate a website.
Note: When you validate html using landmark roles, you'll receive a warning stating these roles are redundant. In HTML5, several of the landmark roles are implicit via the native structural element which is supported by most modern desktop browsers with the exception of IE and iOS Safari. So, if you support IE and iOS browsers, you'll want to use the landmark roles. For more information, read Quick Tip: Aria Landmark Roles and HTML5 Implicit Mapping.





Focal content of document. Use only once.


Represents an independent item of content. Use only once on outermost element of this type.


Supporting section related to the main content even when separated.


Contains information about the document (meta info, copyright, company info, etc).

Add a `search` role to your primary search (how to implement).
Language Attribute Declaring a language attribute on the html element enables a screen reader to read out the text with correct pronunciation.

Specify a language with the lang attribute on the element.
Document Outline
Images
Javascript
Use unobtrusive Javascript (never use inline scripting).

Provide alternatives for users who do not have Javascript enabled and for environments where Javascript is unavailable.
Forms
Tab order of the form follows a logical pattern.

(e.g. )

An exception to this rule would be smaller forms with one or two fields (eg. search or log in forms)

Media (Audio and Video) Providing text alternatives makes the audio information accessible to people who are deaf or hard of hearing. This also goes for search engines who are deaf and hard of hearing as well.
Color and Contrast
Best done early in the process, by ensuring that the foreground and background colors of your site have sufficient contrast you will help make your site more readable for everyone. Contrast Ratio is one tool for checking the contrast of your colors for both standard vision and color deficient user.
Test for different types of color blindness.
Test against different types of color blindness with a tool like http://colorfilter.wickline.org/. If you are on a Mac, another option is Michel Fortin's, Sim Daltonism color blindness simulator.
Testing Navigating your site using a range of tools, such as just the keyboard or a screen reader, will help you understand how a blind, low-vision, or limited-mobility user will experience it.

5 comments:

Unknown said...

Thanks for your suggestions to make me select the course.
Keep posting.
International football coaching in hyderabad
Tennis Clinics in hyderabad

Karpagam Academy of Higher Education said...

Top College In Coimbatore
Best Arts and Science Colleges in Coimbatore
Best Engineering College in Coimbatore
Top Engineering College in coimbatore
Top Arts College in Coimbatore
Best Arts and Science College in India
Best Arts and Science College in TamilNadu
Top Arts College in India
Top B.Sc in Biochemistry College In India
Best Biochemistry College in Coimbatore
Top Bio technology College in Coimbatore
Best Bio technology college in India
Top Microbiology College In India
Best Microbiology College in Coimbatore
Top B.Sc Chemistry College in India
Best College for Chemistry in Coimbatore
Best Physics college in India
Top B.Sc Physics colleges in Coimbatore
Top B.Sc in Mathematics College In India
Best Mathematics College in Coimbatore

Karpagam College of Engineering said...

best engineering colleges in coimbatore
Top engineering colleges in coimbatore
autonomous engineering colleges in coimbatore
best automobile engineering colleges in coimbatore
top civil engineering colleges in coimbatore
Best electrical and electronics engineering college in coimbatore
Top Electronics & Communication Colleges In Tamil Nadu
best mechanical engineering colleges in tamilnadu
best computer science engineering colleges in coimbatore
best electrical and instrumentation engineering college in Coimbatore
best electronics and telecommunication engineering colleges in coimbatore
information technology colleges in coimbatore
m e vlsi design colleges in tamilnadu
top mba colleges in coimbatore
Best MCA colleges in coimbatore
top mechatronics engineering colleges in coimbatore
autonomous engineering colleges in coimbatore
top engineering colleges
best automobile engineering colleges in coimbatore
top colleges of automobile engineering in india

Ashish said...

Much impressed by this article.
Thanks for sharing.
John Deere Tractor

Ashish said...

Amazing article I really appreciate it.
Thanks for sharing.

New Holland Tractor