WebAIM - Web Accessibility In Mind

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)

for

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


-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Angela French
Sent: 23 March 2012 20:16
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] 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)

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 =
messages to = EMAIL ADDRESS REMOVED =