About the Blog:

This blog is dedicated to all the front-end and UI developers who wants to excel their skills in CSS, HTML, JavaScript, jQuery, Ajax, Reactjs, Angularjs, Front-end standards and in Rich User Experiences. In this blog, we are sharing some useful tips and tricks along with the code snippet examples which will help you to build responsive and user friendly websites/web applications.

Saturday, October 27, 2007

10 Quick Tips to Make Accessible Web Sites

The following ten "Quick Tips" summarize key concepts of accessible Web design. These tips are not complete guidelines; they are only excerpts of concepts from the Web Content Accessibility Guidelines 1.

10 Quick Tips

The links in the Quick Tips below mostly go to the techniques documents that provide implementation guidance - including explanations, strategies, and detailed markup examples.

1. Images & animations: Use the alt attribute to describe the function of each visual.
2. Image maps: Use the client-side map and text for hotspots.
3. Multimedia: Provide captioning and transcripts of audio, and descriptions of video.
4. Hypertext links: Use text that makes sense when read out of context. For example, avoid "click here."
5. Page organization: Use headings, lists, and consistent structure. Use CSS for layout and style where possible.
6. Graphs & charts: Summarize or use the longdesc attribute.
7. Scripts, applets, & plug-ins: Provide alternative content in case active features are inaccessible or unsupported.
8. Frames: Use the noframes element and meaningful titles.
9. Tables: Make line-by-line reading sensible. Summarize.
10. Check your work. Validate. Use tools, checklist, and guidelines at http://www.w3.org/TR/WCAG

No comments: