Skip to content

Instantly share code, notes, and snippets.

@vedranjaic
Created May 26, 2013 17:13
Show Gist options
  • Save vedranjaic/5653387 to your computer and use it in GitHub Desktop.
Save vedranjaic/5653387 to your computer and use it in GitHub Desktop.
txt: Accessibility checklist
01. <!DOCTYPE>
02. lang="…"
03. <title="…" />
04. <link rel="…" /* home, next, prev… */
05. skip to #main-content link
06. visual check /* color blindness */
07. NO "javascript:" links
08. <a href="…" title="…">
09. accesskey="…" /* samples below */
10. NO <a href="…" target="_blank">
11. <acronym title="…">ABC</acronym>
12. <caption> for calendars
13. <th> in table headers
14. summary="…" in tables
15. alt="…" in images / no alt="…" for decoration images /* longdesc="…" for complex images
16. relative font sizes /* em / % */
17. semantic headers markup - <h1>, <h2>, <h3>…
18. labeling <form> elements - <label for="ID"></label> <input type="…" name="…" id="ID"></input>
19. SEARCH /* <label> + accesskey="4" */
20. accessibility_statement.html /* accesskey="0" */
- INFO & CONTENT
- ACCESS KEYS (http://www.cs.tut.fi/~jkorpela/forms/accesskey.html)
- STANDARDS COMPLIANCE
- NAVIGATION AIDS
- LINKS (with titles)
- IMAGES (longdesc for complex images)
- VISUAL DESIGN (css, font…)
STANDARD ACCESS KEY ASSIGNEMENTS
S - skip navigation
1 - home page
2 - what's new page
3 - site map
4 - search facility on the site
5 - frequently asked questions (FAQ)
6 - help page/facility
7 - complaints procedure
8 - terms and conditions (including privacy statement)
9 - feedback page
0 - information about of accesskeys
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment