How To Make A Web Site/page More Accessible To Those With Handicaps Using Css Positioning?
2010-01-07 at 09:27 am hugegeI need to know how CSS positioning can make a Web page or site more accessible to those with handicaps. Links to the information would be wonderful, thank you!
It’s not necessarily just CSS… there are several things that come into play when you’re talking about accessibility.
Positioning with CSS is a way to work *around* accessibility, to make a site look better for those without disabilities… and can often be avoided by choosing simpler layouts.
A couple of pointers (most of which don’t involve CSS *at all*):
Make fonts readable, not fancy (maybe a little of both)
Indicate how fonts can be resized
Use clear contrast (dark font, light background, in a non-clashing scale.
If you’re using forms, give each field a tabindex.
Make sure contents are placed before anything else; if necessary, allow for a link to switch between contents and navigation (and back) – that’s also good for SEO, by the way – a bonus.
Don’t use images instead of text.
Don’t have a page rely on JavaScript to display contents or perform actions – screen readers can’t always deal with it.
Don’t use Flash.
Check out: http://www.w3.org/WAI/http://www.at.ufl.edu/accessibility/acce…http://www.hobo-web.co.uk/tips/43.htmhttp://www.webcredible.co.uk/user-friend…
Also, never confuse “accessibility” with “usability” – although the two are closely related.http://www.useit.com/alertbox/
http://pagesperso-orange.fr/jjcortes/ind…
This site has great examples.
Click on the links to change the CSS in the first paragraph