Spinning an accessible Web

COMMENT

I always feel a certain degree of scepticism when it comes to the concept of universality in Web design. My intuition and usability experience tell me, that a good universal solution does not really exist.

Any universal Web site, intended for use by both able and disabled people, can be easily improved, if we optimise it specifically for each target audience. On the other hand, we designers don't usually consider what is best and optimal for the disabled audience. Frequently, disabled people are just out of the picture when it comes to design and any provisions for that audience are generally an afterthought. Ironically, designers and Web masters may find themselves in need of better Web accessibility -- repetitive strain injury (RSI) hits the best of us.

This is just a short overview of the Web accessibility field and it is not intended to replace any official accessibility recommendations and guidelines.

Who are the disabled and how do they use a computer?
A partial list of audience disabilities that Web designers should consider includes: blindness; low vision; colour blindness; physical and motor disorders; cognitive, neurological and learning disorders; and epileptic seizure disorders (triggered by visual blinking).

Blind people hear textual information through a synthetic voice (text-to-speech) software. They also may use Braille output hardware. People with low vision usually increase system fonts. For example, they may use big yellow fonts on a black background. They may also use screen magnification software. People with physical and motor disabilities usually use special hardware like a head-mouse or a head-pointer, specialised keyboards, or voice recognition software.

How to improve accessibility of Web sites
Below is a list of my top 12 Web accessibility tips, sorted by project management importance:

  • Use CSS for layout, instead of ‹table›.
  • Use ‹table› for Excel-like information only, not for layout.
  • Define all font styles via CSS.
  • A page must be logical and readable with CSS disabled.
  • Use text structure via ‹H1›, ‹H2›, ‹P›, ‹STRONG›, etc.
  • Use text presentation via ‹B›, ‹CENTRE›, etc.
  • Use meaningful links or link "title" attributes, not just "click here".
  • Use meaningful alternative image attributes.
  • Do not use blinking text because of photosensitive epilepsy.
  • Do not use pop-ups.
  • Do not use moving text.
  • Use an icon in addition to red colour in error situations.
  • Take note: This is not a full list. Please refer to W3C accessibility guidelines 1.0 for a more complete list.

    Talkback

    Just wanted to clarify - in your list of 12 tips you say:

    "Use text presentation via ‹B›, ‹CENTRE›, etc."

    I'm assuming you really meant to say something along the lines of "Do not determine text presentation via <B>, <CENTER>, etc..." as those tags:
    1. are strictly presentation based, and text formatting and visuals should be done with CSS, and,
    2. they provide no semantic logic or structure to the document.

    27 Feb 04 12:55 Reply

    Post your comment

    In order to post a comment you need to be registered and logged in

    Log in or create your ZDNet UK account below

    Will not be displayed with your comment

    By signing up for this service, you indicate that you agree to our Terms and Conditions and have read and understood our Privacy Policy. Questions about membership? Find the answers in the Membership FAQ

    ZDNet UK Live

    GreyCells

    @malca Define quality. I'm sure there are a few who can tell the visual difference between h264 and ogg/on2 in the lab. Probably a few more who can...

    8 minutes ago by GreyCells on Sting in the tail for web's video codec search
    GreyCells

    @malca: Define quality. I'm sure there are a few who can tell the visual difference between h264 and ogg/on2 in the lab. Probably a few more who...

    8 minutes ago by GreyCells
    PeterI

    While I can see where you're coming from here, however downloading the standalone sp2 from MS isn't that difficult (It's the first hit in google...

    20 minutes ago by PeterI on The Agony of Reloading Windows
    ABridgwater

    Adrian ZDNetUK BLOG: "Specialised Police Simulation Software Fits The Bill" http://bit.ly/biT0iU

    ABridgwater

    ... and now for my cheesiest ever pun headline in a ZDNetUK blog

    youefou

    Why not say thanks for pointing out weaknesses and ridicule him for "ufo cover-up"? its a win win ! this is all major theater.

    2 hours ago by youefou on McKinnon review court date set
    malca

    Having one standard would be much better but not if that one standard means lower quality video.

    2 hours ago by malca on Sting in the tail for web's video codec search
    J.A. Watson

    Hi Jake, I like your definition. I would add "Free to support, in whatever way you see fit and appropriate, or not." jw

    3 hours ago by J.A. Watson on Free Software Definition condensed
    Tezzer

    From what I've read here and elsewhere Viacom stands to lose very heavily from this spat. They have already lost all public credibility since it...

    4 hours ago by Tezzer on Google, Viacom trade blows in YouTube copyright spat
    Tezzer

    Still finding it difficult to get around the site. Some articles/comments seem to have reply links and some don't - only a link to the poster.

    5 hours ago by Tezzer on ZDNet UK: faster, smarter, still IT all the way
    Tezzer

    Unfortunately the real problem here is that a very small number of very big companies want to make a great deal of money out of this. Every house...

    5 hours ago by Tezzer on It's high time we had a manifesto for fibre
    dava4444

    this spam bot is exasperating

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    :D I think the server exchange does slow down a bit round 5 to 7/8 pm but I find I mostly get 3 to 4 MBps on downloads and by that time there...

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    night before last

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    5MBps, I saw 5.8

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    honestly I do get

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    thank you for the support. ..but in

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    if you download a BIG file from the MS site then THAT is your *true* speed.

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    Hi Fat Pop Do Wop!

    9 hours ago by dava4444 on I'd Rather Have a Bigger Byte Than a Little bit...Broadband
    dava4444

    it filters the word 'aittude' mis spelled intentionally

    9 hours ago by dava4444 on How to build a GUI for a toaster

    Featured white papers

    Achieving PCI Compliance for:Privileged Password Management & Remote Vendor Access

    For multi-store outlets, including retail, banking, grocery, gas, hospitality, convenience stores and others, reducing (or avoiding) the cost of in-store system support and maintenance while maintaining compliance with PCI and other requirements has become a strategic challenge.

    Download now

    Web 2.0 Security Threats: How to Protect Your Enterprise Network

    Speaker: Dr. Chenxi Wang, Principal Analyst, Security and Risk Management, Forrester Research, Inc. As Enterprises are increasingly connected to the Internet and as hard organizational boundaries are fast disappearing, security professionals are facing fresh challenges in Enterprise computing.

    Download now

    MindManager - Tutorial for New Users - Short

    This tutorial is for new MindManager users and teaches you how to get started, by creating maps, reading maps and organizing your information.

    Download now