WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: float:right and screen reader support

for

From: Steven Faulkner
Date: Apr 1, 2010 7:27AM

I tested a simple test page containing the following code:

<span style="float:right">content A</span> <span>content B</span>

it results in the content being displayed as "content B content A".

JAWS 11 in virtual mode announced "content A content B".

in JAWS cursor (screen scraping mode) it announced "content B content A".

regards
Stevef

On 1 April 2010 13:09, Steven Faulkner < <EMAIL REMOVED> > wrote:
> hi Jennison,
>
> The main advice is ensure that the DOM order of content is logical and
> meaningful.
>
> regards
> steve
>
> On 1 April 2010 13:02, Jennison Mark Asuncion
> < <EMAIL REMOVED> > wrote:
>> Hello,
>>
>> Steve, you described the situation perfectly. Can I assume there is no way
>> to work around this given this is controlled in the DOM?
>>
>> Jennison
>>
>>
>> On Thu, 1 Apr 2010, Steven Faulkner wrote:
>>
>>> hi jennison,
>>>
>>> in what way doesn't it work?
>>> can you provide an example?
>>>
>>> my understanding is that if , for example, you have two pieces of
>>> content: A & B in the DOM. If A is floated to the right of B, so
>>> visually it is displayed as B & A then AT will generally ignore the
>>> float and announce the content as it is in the DOM: A & B.
>>>
>>> regards
>>> stevef
>>>
>>> On 1 April 2010 11:27, Jennison Mark Asuncion
>>> < <EMAIL REMOVED> > wrote:
>>>> Hello,
>>>>
>>>> I've been asked about the use of the CSS property float:right.
>>>> Specifically, it doesn't seem to work, particularly with the JAWS screen
>>>> reader, and as a result, it breaks linearization on pages where
>>>> this property is being implemented.
>>>>
>>>> I guess the first question is, is this issue isolated to JAWS and it works
>>>> with other screen readers? Has anyone come up with a work around and/or is
>>>> there another way to achieve the same result using a property other than
>>>> float?
>>>>
>>>> Any help is appreciated.
>>>> Jennison
>>>>
>>>>
>>>> Jennison Asuncion
>>>> Co-Director, Adaptech Research Network http://www.adaptech.org
>>>> LinkedIn at http://www.linkedin.com/in/jennison
>>>>