E-mail List Archives
Thread: Example of a page where underlying code order is different from appearance (where, for instance, a dialog box pops up next to control visually, but appears at the bottom of the page in ocde order)
Number of posts in this thread: 4 (In chronological order)
From: Birkir R. Gunnarsson
Date: Fri, Mar 23 2012 1:29PM
Subject: Example of a page where underlying code order is different from appearance (where, for instance, a dialog box pops up next to control visually, but appears at the bottom of the page in ocde order)
No previous message | Next message →
Hi guys
Anyone know of a page, preferably one that is out there, that does
this. I want to demonstrate it as part of a presentation.
If a mainstream page is not available, has anyone created such a page
(I can do it myself, but why reinvent the wonderful thing we call the
wheel?)
Also a page with bad color contrast or links that are not underlined
(although I have a screenshot of such a page, which I can use in a PP
slide).
I will donate my presentations slides back to w3C and anyone else who
is interested, once I have collected them and made my presentations.
Thanks to the W3C Education and Outreach group for good work.
Hans Hillen and co for their wonderful presentation on HTML and ARIA
(work shop) from CSUN, one that I borrow examples from (for demo
purposes)
and some of the bloggers here, whose quotes I want to borrow (with
full accreditation of course).
Keep up the good work.
-Birkir
From: Jennifer Sutton
Date: Fri, Mar 23 2012 1:33PM
Subject: Re: Example of a page where underlying code order is different from appearance (where, for instance, a dialog box pops up next to control visually, but appears at the bottom of the page in ocde order)
← Previous message | Next message →
It might be worth your time to look at this Before and After
Demonstration from the W3C. OIt may not have all you want/need, but
it may help.
http://www.w3.org/WAI/demos/bad/
Jennifer
At 12:29 PM 3/23/2012, Birkir R. Gunnarsson wrote:
>Hi guys
>
>Anyone know of a page, preferably one that is out there, that does
>this. I want to demonstrate it as part of a presentation.
>If a mainstream page is not available, has anyone created such a page
>(I can do it myself, but why reinvent the wonderful thing we call the
>wheel?)
>
>Also a page with bad color contrast or links that are not underlined
>(although I have a screenshot of such a page, which I can use in a PP
>slide).
>I will donate my presentations slides back to w3C and anyone else who
>is interested, once I have collected them and made my presentations.
>Thanks to the W3C Education and Outreach group for good work.
>Hans Hillen and co for their wonderful presentation on HTML and ARIA
>(work shop) from CSUN, one that I borrow examples from (for demo
>purposes)
>and some of the bloggers here, whose quotes I want to borrow (with
>full accreditation of course).
>Keep up the good work.
>-Birkir
>>>
From: Angela French
Date: Fri, Mar 23 2012 2:15PM
Subject: Re: Example of a page where underlying code order is different from appearance (where, for instance, a dialog box pops up next to control visually, but appears at the bottom of the page in ocde order)
← Previous message | Next message →
I just took a screenshot of a poor contrast error message on one of our internal apps. I would be happy to send you a jpeg.
Angela French
>Also a page with bad color contrast or links that are not underlined (although
>I have a screenshot of such a page, which I can use in a PP slide).
>I will donate my presentations slides back to w3C and anyone else who is
>interested, once I have collected them and made my presentations.
>Thanks to the W3C Education and Outreach group for good work.
>Hans Hillen and co for their wonderful presentation on HTML and ARIA (work
>shop) from CSUN, one that I borrow examples from (for demo
>purposes)
>and some of the bloggers here, whose quotes I want to borrow (with full
>accreditation of course).
>Keep up the good work.
>-Birkir
>>>messages to = EMAIL ADDRESS REMOVED =
From: Steve Green
Date: Mon, Mar 26 2012 4:45PM
Subject: Re: Example of a page where underlying code order is different from appearance (where, for instance, a dialog box pops up next to control visually, but appears at the bottom of the page in code order)
← Previous message | No next message
Some pages of the BBC website have a focus order that does not reflect the
layout. It is a huge website so the pages are built on a variety of
templates, not all of which are bad. However, the search results page is.
http://www.bbc.co.uk/search/news/?q=fish
The focus order starts with the logo and 'skip' links as expected, but it
then goes through all the links in the three columns. After that it jumps to
the search box and navigation links at the top of the page, then back down
to the footer links. I can't imagine who thought this was a good idea. Most
of the website was like this until recently. To make matters worse, the
focus indicator is not visible when some links have focus in Firefox.
Steve Green
Managing Director
Test Partners Ltd