[program-l] Re: web layout
- From: "Barry Jennings" <bajenni@xxxxxxxxx>
- To: <program-l@xxxxxxxxxxxxx>
- Date: Thu, 20 May 2010 13:10:58 -0700
I've found that just poking around with the Jaws cursor gives me pretty much
everything I need. You can get the X and Y pixel coordinates of anything Jaws
can see. Some intelligent use of tables including the Alignment attributes
will generally give you a pretty decent layout.
From: David Lant
Sent: Thursday, May 20, 2010 12:29 PM
To: program-l@xxxxxxxxxxxxx
Subject: [program-l] Re: web layout
Hi,
Does it not help to change the JAWS display option for web pages to Screen
Layout, instead of Simple Layout? At least that ought to indicate whether
something appears to the left or right of something else, shouldn't it?
All the best,
David
David Lant
Applications analyst
MCPD Enterprise Application Development 3.5
MCTS ASP.NET 3.5, ADO.NET 3.5, Windows Communication Foundation 3.5, Windows
Applications 3.5
From: program-l-bounce@xxxxxxxxxxxxx [mailto:program-l-bounce@xxxxxxxxxxxxx] On
Behalf Of David Reynolds
Sent: 20 May 2010 12:46
To: program-l@xxxxxxxxxxxxx
Subject: [program-l] Re: web layout
Ian,
Many thanks for this. I'm well up on the CSS front, and use it exclusively to
decide layout. At the moment, I've got a logo which jaws reads as being before
a table, but I need to know whether it appears to the left or right of the
table. |I've alt-tagged it to describe the picture. Currently, jaws tells me
about the picture, then reads the table. I've used float in CSS to make the
picture appear where I think it should. I think you may be right, and it may be
a case of relying on sighted testers to tell me what is happening.
Thanks for writing,
David.
--------------------------------------------------------------------------------
From: program-l-bounce@xxxxxxxxxxxxx [mailto:program-l-bounce@xxxxxxxxxxxxx] On
Behalf Of Ian Sharpe
Sent: 20 May 2010 12:19
To: program-l@xxxxxxxxxxxxx
Subject: [program-l] Re: web layout
Hi David
How have you created the web pages? Ideally, you should be using DIV tags and
CSS to lay out the page exactly as you want it to be set out. In which case, in
an ideal world, you shouldn't need to check where things are. However, we don't
live in an ideal world and the various ways that even the latest browsers
conforman to CSS means you still cannot always rely on a page looking the same
in all browsers. Historically, this has been the main reason why web authors
have resorted to the use of tables for layout.
If you layout is simple (ie something like a header and two or 3 columns) you
should be able to reliably use CSS to create a liquid layout which will look
the same in most of the leading browsers and there are lots of example on the
web if you google 2 column liquid layout CSS. If it's more complicated than
that, and much as though I hate myself for even suggesting it, if you want to
guarantee a page looks the same in all browsers, you should perhaps consider
using tables.
I would however add one word of caution. People often change the font size in
the browser for viewing web pages and also use screen with different
resolutions which will both affect how the browser decides to lay out a page.
So even if images or text are in a particular position when you test the site,
they are likely to be displayed differently to others using different browsers
and configurations.
By adopting accessibility guidelines to create your pages, you will improve
your sites ability to handle these differences and improve accessibility. If
you are going to be doing this sort of thing more often then I would strongly
recommend taking a look at the W3c WCAG together with techniques for conforming
to these checkpoints.
I would however always recommend that if it is important for your site to look
good and you are not entirely confident of using CSS to create a layout that
looks good, get a sighted friend to look at it and see what they think. They
don't have to be a web designer. Most people have a reasonable expectation of
how a page should ook and when it looks easy on the eye. In general, keep your
pages consistant, clean (not cluttered) and don't try to cram too much
information on one page.
Hope this helps.
Cheers
Ian
--------------------------------------------------------------------------------
From: program-l-bounce@xxxxxxxxxxxxx [mailto:program-l-bounce@xxxxxxxxxxxxx] On
Behalf Of David Reynolds
Sent: 20 May 2010 11:32
To: program-l@xxxxxxxxxxxxx
Subject: [program-l] web layout
Hello all,
I'm developing web pages in html, and the problem I'm having is that I'm having
difficulty verifying the layout. Where are images placed, is the image to the
right or left of the text. Is the page the correct width. I currently can't
find a way in jaws to verify this kind of information. If anyone has any tips,
please let me know.
Many thanks,
David.
__________ Information from ESET Smart Security, version of virus signature
database 5131 (20100520) __________
The message was checked by ESET Smart Security.
http://www.eset.com
__________ Information from ESET Smart Security, version of virus signature
database 5131 (20100520) __________
The message was checked by ESET Smart Security.
http://www.eset.com
__________ Information from ESET Smart Security, version of virus signature
database 5131 (20100520) __________
The message was checked by ESET Smart Security.
http://www.eset.com
__________ Information from ESET Smart Security, version of virus signature
database 5131 (20100520) __________
The message was checked by ESET Smart Security.
http://www.eset.com
__________ Information from ESET NOD32 Antivirus, version of virus signature
database 5133 (20100520) __________
The message was checked by ESET NOD32 Antivirus.
http://www.eset.com
__________ Information from ESET NOD32 Antivirus, version of virus signature
database 5133 (20100520) __________
The message was checked by ESET NOD32 Antivirus.
http://www.eset.com
Other related posts:
