[Accessibleweb] Re: Accessibleweb Digest, Vol 67, Issue 2

[Angela French]

Jeff -
I'm not sure what you mean in #1.  I believe the content is next to the
link.  Here is the code:

<h3 class="othernews"><span class="othernewsdate">09-05&nbsp;</span>
        <a href="#_09_05a"  onclick="expandItem('_09_05a');return
false;"> 
        Linked Title Here</a></h3>
        <div id="_09_05a" class="othernews">    
        <p>Content goes in here. </p>
        </div>


IN the javascript that changes the display property from "none" to
"block", this code was added in an attempt to bring focus to the div
content, but I don't think it does anything.

if (document.getElementById(item).style.display == 'block') {
		
		document.getElementById(item).focus();
		}

______________________________________________________

Hi Angela,

I don't have access to a screen reader to try out these options on the
computer I'm using, but there are 3 things to consider.

1.  The expanded DIV is being appended at the end of the DOM and then
being styled to visually appear next to the link.  Try navigating to
the end of the page, you'll probably hear it there.  To fix that,
insert the DIV into the DOM immediately following the link.

2.  Not all screen reader will always refresh their view of the DOM.
So, for some users, what is once hidden will remain hidden.

3.  I believe that most screen reader will not read content that has
display: none, but some might still read it.  This probably isn't so
bad since at least the content will be available, but to be useful it
should be placed in the correct place in the DOM (see 1).

-Jeff

On Wed, Oct 8, 2008 at 10:43 AM, Angela French <afrench at sbctc.edu>
wrote:

> Thank you Toni, but I still can't get JAWS to read the content of the

> expanded div. When I press the Enter key, the first line of the Title

> (the link) reads again and it never reads the content of the expanded

> div, even though visually I can see that the div expanded.  You say

you

> were able to read the links - but could you read the content of the

> expanded div?

>

>

> Angela,

>

> By pressing the JAWS key + F7 (insert key on number pad + F7) will

> provide

> the user with a list of all links on the page. Use the down arrow key

to

>

> read each link and then use the enter key to read the content of the

> link. I

> am pretty sure this should work for you. I was able to read your links

> quite

> easily when I went to your site.

>

>>

>>

----------------------------------------------------------------------

>>

>> Hello,

>>

>> I need to determine if expanding divs (using CSS

display:none/display:

>> block are accessible to screen readers).

>>

>>

>>

>> For example, please look here: http://mhtransformation.wa.gov at the

>> Other News items in the right hand column. The titles are links,

which

>> when clicked on, expand the div to reveal the content associated with

>> the title. With my demo version of JAWS, I cannot make the content

get

>> focus and be read. I am not a savvy JAWS user by any stretch of the

>> imagination though. Can someone please take a look and let me know if

> it

>> is accessible, or how that kind of functionality might be made more

>> accessible?

>>

>> Thank you.

>>

>>

>>

>>

>>

>> -------------- next part --------------

>> An HTML attachment was scrubbed...

>> URL:

>>

>

http://mailman2.u.washington.edu/pipermail/accessibleweb/attachments/200

> 81008/58ca964a/attachment.html

>> -------------- next part --------------

>> A non-text attachment was scrubbed...

>> Name: not available

>> Type: image/jpeg

>> Size: 63198 bytes

>> Desc: image001.jpg

>> Url :

>>

>

http://mailman2.u.washington.edu/pipermail/accessibleweb/attachments/200

> 81008/58ca964a/attachment.jpe

>>

>> ------------------------------

>>

>> _______________________________________________

>> Accessibleweb mailing list

>> Accessibleweb at mailman2.u.washington.edu

>> http://mailman2.u.washington.edu/mailman/listinfo/accessibleweb

>>

>>

>> End of Accessibleweb Digest, Vol 67, Issue 2

>> ********************************************

>>

>

> _______________________________________________

> Accessibleweb mailing list

> Accessibleweb at u.washington.edu

> http://mailman2.u.washington.edu/mailman/listinfo/accessibleweb

> _______________________________________________

> Accessibleweb mailing list

> Accessibleweb at u.washington.edu

> http://mailman2.u.washington.edu/mailman/listinfo/accessibleweb

>




-- 
Jeffrey P. Bigham, Graduate Student
Computer Science & Engineering, University of Washington
http://www.cs.washington.edu/homes/jbigham/