To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  
   
 

Top 10 accessibility mistakes

Here's a nice top ten of things not to do when building accessible sites:

1. Don't use verbose ALT text. ALT text for information-based images should be short and succinct. Decorative images should never have ALT text.

2. Don't use random characters, such as vertical bars, to separate links

3. Don't insert text into form fields

4. Don't use access keys as they can override keyboard shortcuts for screen readers

5. Don't use table summaries (unless there isn't sufficient information provided about the table on the page)

6. Don't forget content organisation. Structure text properly with short paragraphs, headings, lists and plain and simple language.

7. Don't worry too much about writing accessibility help pages since they won't really be read

8. Don't agonise over acronyms and abbreviations

9. Don't change the tab order (unless you have a very good reason)

10. Don't forget to listen with a screen reader

Links:

Henrik Olsen - April 07, 2008 - via Usability In the News

 

COMMENTS

>> Decorative images should never have ALT text.

Just to clarify this, Decorative images should *always* have ALT text, but it should be set to blank ("").

If you don't set anything, e.g. don't mention the alt text in the IMG tag, then the user-agent will often just read out the filename, which is normally less than helpful.

I've seen sites with tables of sliced up images with horrible names such as "q73-small_r2_c7.gif", and no alt text. The screen reader sounded like it had gone haywire!

MicroAngelo Web Development, UK | April 08, 2008

 

Sponsor

Ad for TechSmith Morae


Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (106)  Usability testing (68)  Cost-justification and ROI (27)  User research (23)  Personas (19)  The design process (22)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (8)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (37)  Search (27)  Text (23)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (8)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (26)  Persuasive design (20)  Visual design (18)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (7)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 

Technology

Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 

Humour

Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (126)  Tips and guidelines (93)  Tools (97)  Books (47)  Audio and video (48)  Interviews (31)  Cases and Examples (27)  Talks and presentations (18)  GUUUI articles (11)  Primers (13)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI