How do the blind browse a site?
Hi all, I'm wondering if anyone here can help me to understand how a blind person browses a web site? I've heard talk of 'screen readers' but never encountered one and I'm currently in the early stages of building a website and would like to build as much accessibility into it as I can right from the foundations up. To this end I'd like to be able to simulate the experience a blind person would have visiting the site as part of our QA process but I don't really have much experience of this kind of thing.
Thanks in advance
One of the programs used is called JAWS
There is a Screen Reader Simulation page that lets you view the page as if you were using a screen reader:
There is also firefox plugin that works as a screen reader emulator:
Also look at the sticky at the top of the page in this forum:
Something to remember, accessibility-wise.
If there is text inside a form tag, and it is not a field value or inside a <LABEL> tag then it will be ignored by the screen reader.
Please enter Login name: <input type="text" name="user" id="user">
Text is not read by reader.
<label for="user">Please enter Login name:</label><input type="text" name="user" id="user">
"Please enter Login name" is read by reader.
Thanks folks that's some good stuff there - my site is developed in asp.net and for the most part I was lucky enough to have been trained in the early days of my career by someone who cared about the little things so I got into the habit of making 'label for' pretty much from day one but I didn't why it was important until yesterday
That screen-reader simulator you suggest sounds like exactly what I was looking for and I'll try the other suggestions too.
Really appreciate the input, thanks all
use consistent html from page to page. that way, even if your page is hard to use, a user knowing he has to jump ahead 20 links each page visit saves him ton of time. if each page is different, that predictability is lost. It's like the difference between cooking in your own kitchen versus a strangers. don't make them constantly "look" around.
sectionize everything. the idea is to group related info and features together so that a user can jump to a section, and then find the part they needed. imagine a grocery store without aisles or signs, how would anyone find anything?
like a store, use big signs to point to your most important sections.
h1s for nav, content and footer.
h2 for content sections
h3 for each paragraph (or two or three) of page content.
standard sections include headers, navigation, content, contact info, table of contents, and footers.
add a "skip to" menu, or use ARIA landmark roles.
don't use <br>, use <p> or <ul> tags.
don't put meaning less text ("click here", "more...") inside of links, use the text as a label for the content. ("download page", "NYT article about polar bears").
also, don't repeat yourself in link text, each should be unique; if not possible, use the title attrib to add meta info.
make the text of the navigation menu as short and direct as possible.
Place the most important word first, or asap, in all <H1-5>, labels, legends, and <A>s.
to wit: never label like:
Enter your name, Enter your address, Enter your zip...
realize that there is no skimming, or glancing: they have to wait for steven hawking to read the label to them before they decide if that's what they want.
the less they have to listen to, the faster and easier your site will be to use, which reflects well on you.
if you make a flowchart of how a screen reader user would navigate your site, keep in mind that H tags, legends, and links are the decision points.
blindness aside, more users have movement problems: how well can YOU use your site work without touching the mouse?
that test is easy, relevant, and free.
To add to rnd me's suggestions alt tags are also considered very important to the blind.
Here is a good article from zdnet I came across the other day.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread