WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: How do screen readers render html (can layout of page be implied from screen reader presentation)

for

Number of posts in this thread: 3 (In chronological order)

From: Birkir RĂșnar Gunnarsson
Date: Sat, Aug 28 2010 1:18PM
Subject: How do screen readers render html (can layout of page be implied from screen reader presentation)
No previous message | Next message →

Hello listers

I am wondering if anyone can give me a link or overview on how a
screen reader, in the absence of specific techniques such as tab
order, renders an html page.
Is it always from left to right, top to bottom of the page?
If I see a group of links at the beginning of my Jaws page, can I
reasonably assume it is in the top left corner of the page as
renderred on the screen in my favorite web browser?
I am trying to Google this but find nothing concrete about it.
If anyone has an article or knowledge about this it'd be very valuable.
Thank you
-Birkir

From: Bevi Chagnon | PubCom
Date: Sat, Aug 28 2010 2:00PM
Subject: Re: How do screen readers render html (can layout of page be implied from screen reader presentation)
← Previous message | Next message →

Hi Birkir,
It depends upon how the webpage was designed.

Scenario #1:
If the webpage was designed according to today's standards for "good
coding," then it uses CSS (cascading stylesheets) to render the page's
elements wherever the designer wants them on the page.

The underlying content that you read with a screen reader follows the
sequence of code in the actual file, maybe something like this:
1 Skip nav
2 Navigation
3 Main story content
4 Footer

But through CSS, a web designer can have those elements appear anywhere on
the page and they will be read by sighted people in any order they want. For
example:
1 they probably won't see Skip Nav at all. It will be invisible to them, or
not visually distinctive on the page.
2 Navigation might be on the left or right side of the content.
3 Content could be in the middle of the page or to the left, right, or
whether the designer wants to put it.
4 It's safe to assume that footers appear at the bottom of the page, but
there's no law about that!

Conclusion:
Your screen reader reads the content in the order in which it appears in the
code file.
But sighted visitors will have those elements all over the page, left,
right, top, bottom, middle.

So there's no correlation between the sequence you hear from your reader and
what I see on the page, and we'll have a tough time talking together about
this webpage!

And to answer one of your questions, no, you cannot imply the layout of a
page designed with CSS from a screen reader's presentation.


Scenario #2:
If the webpage was designed according old techniques, namely using tables
for layout, it will read the content to you from the upper left cell of the
table to the lower right cell, reading horizontally across the cells unless
you tab down and read from top to bottom in a column.

Conclusion:
Yes, you can somewhat imply the layout of a page designed with tables from a
screen reader's presentation. For example, you'll at least know that cells
at the end of a row are on the right side of the page.

Scenario #3:
If the webpage was designed in the early days of the Internet, there wasn't
much we designers could do, so the sequence you hear is the sequence we see
in the page layout.

There aren't very many webpages like this around anymore, but every once in
a while I still find one on some obscure website.

--Bevi Chagnon

From: Rakesh.Paladugula@cognizant.com
Date: Sun, Aug 29 2010 10:03PM
Subject: Re: How do screen readers render html (can layout of page be implied from screen reader presentation)
← Previous message | No next message

Hi Birkir,
Screen reader does not behave as screen reader as the name represent for webpages. A screen reader infact reads the source code of the webpage and stores in a buffer. It takes out all the tags and give the exact information to the user without the code.
Eg: If there is a code is written in the html page as <h1> W3c-WAI</h1> a screen reader reads the code and remove the tags <h1></h1> in its buffer. In its place it adds heading level 1 and present the information as "Heading level 1 W3c-WAI".
And as the screen reader reads the source code, it presents the information which it encounters first in the source first and so on.
eg:
If I see a group of links at the beginning of my Jaws page, can I
reasonably assume it is in the top left corner of the page as
renderred on the screen in my favorite web browser?
No, it might not be. It will be only the first set of links that are in your source document.

I might not be the best. Senior listers may help you better.
Hope it helps.
Thanks & regards
Rak
First we shape our tools, then our tools shape us.

-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Birkir RĂșnar Gunnarsson
Sent: Sunday, August 29, 2010 12:46 AM
To: WebAIM Discussion List
Subject: [WebAIM] How do screen readers render html (can layout of page be implied from screen reader presentation)

Hello listers

I am wondering if anyone can give me a link or overview on how a
screen reader, in the absence of specific techniques such as tab
order, renders an html page.
Is it always from left to right, top to bottom of the page?
If I see a group of links at the beginning of my Jaws page, can I
reasonably assume it is in the top left corner of the page as
renderred on the screen in my favorite web browser?
I am trying to Google this but find nothing concrete about it.
If anyone has an article or knowledge about this it'd be very valuable.
Thank you
-Birkir