WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: can screenreader user please test expanding content?

for

From: Mary Stores
Date: Apr 6, 2011 8:03AM

Actually, JAWS 11 with Windows XP behaves the same way.

Mary

Quoting "Birkir R. Gunnarsson" < <EMAIL REMOVED> >:

> Angela
>
> To clarify what happens (IE8, Jaws 12 with latest update, Windows 7).
> I open the link and load the page.
> The page shows title, a heading level 1 sentence and then 4 links,
> each level 2.
> I just see the link text, no indication of any kind that these links
> represent anything special, other than that this is a link and a
> heading, so the natural tendency, for me anyway, is to hit enter on
> the link to see what happens.
> For each of the link I selected it and hit enter.
> There is no announcement of any changes, no autorefresh or cursor
> movement of any kind, but when I arrow down I see the text now until I
> come to the next link.
> The same event happens for all of them.
> I am just about to study ARIA myself so I cannot give you any smrt
> insight into how it would work for you, but I would imagine that some
> type of view or control (like treeview) could be used here with states
> equal expanded or collapsed.
> Another possibility would be to move the focus/cursor to the first
> letter of the displayed text, with Javascript.
> (but this can be confusing for screen reader users, I certainly don't
> like it when the cursor takes off on me and moves without me telling
> it to).
> Could you simply add text to the link that is hidden but tells screen
> readers something like (hit enter to expand text below this link)?
> None of these are fantastic ideas and I will be urious to see what the
> pros do, but at lesat now you know how the screen reader behaves, at
> least Jaws 12.
> hth
> -b
>
> On 4/5/11, Angela French < <EMAIL REMOVED> > wrote:
>> Thank you to everybody who tested the jQuery expanding content for me. I
>> should clarify that I did not create this page, but rather am looking for an
>> implementation of expanding content (content that will close/expanded for
>> sighted users) that will be completely accessible to screen reader users and
>> non-mouse users.
>>
>> What I am still unclear about is this: is the content discoverable without
>> any action by the screen readers user? My hope is that the fact that the
>> content in the divs is "hidden" would be transparent to the screen reader
>> user - in other words that it is already expanded. If it requires action by
>> the screen reader user, what is the best way to convey that action is
>> required? In this example, the developer used a background image of a plus
>> sign to indicate to sighted users that that content can be expanded. If
>> expanding the content requires action by the screen reader user, how do you
>> know that it is required, other than the fact that the headline has been
>> made into a link? When you click on it, what indication do you receive that
>> there is additional content present, or does the screen reader just continue
>> to read the page in a linear fashion?
>>
>> Thank you for any clarification you might provide.
>>
>> In case the link to the example is still needed, here it is:
>> http://www.sohtanaka.com/web-design/examples/toggle/bad.htm
>>
>> -----Original Message-----
>> From: Jeevan Reddy [mailto: <EMAIL REMOVED> ]
>> Sent: Tuesday, April 05, 2011 1:10 AM
>> To: WebAIM Discussion List
>> Subject: Re: [WebAIM] can screenreader user please test expanding content?
>>
>> Hi Angela,
>> The Markup is fine, still the symantics of this Jquery/CSS expanding
>> content is not conveyed to AT.
>> I've tested with NVDA V2011.1 on Firefox 3.6 and Windows 7.
>> it's working well with keyboard, but the screen Reader user has no idea what
>> was happened when he/she clicked on it, i.e wether it is expanded or closed.
>>
>> using well heading markup will help once the Screen Reader user used the
>> content couple of times. so i suggest you to convey the user the state of
>> hte widget. one way of doing it is ARIA. ofcourse older browser browsers
>> doesn't support ARIA still atleast some users can receive well accessible
>> information.
>>
>> On Sat, Apr 2, 2011 at 2:25 AM, Angela French < <EMAIL REMOVED> > wrote:
>>
>>>
>>> Hello,
>>> I am hoping that a screen reader user on this list would be willing to
>>> test the accessibility of this jQuery/CSS expanding content
>>> implementation.
>>>
>>> http://www.sohtanaka.com/web-design/examples/toggle/bad.htm
>>>
>>> Thank you very much,
>>>
>>>
>>> Angela French
>>> Internet Specialist
>>> State Board for Community and Technical Colleges
>>> 360-704-4316
>>> <EMAIL REMOVED>
>>> http://www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
>>>
>>>