Re: <details> longer description of <label> screenreader?

On Thu, 10 Dec 2015 17:14:29 +1000, Angie Radtke <a.radtke@derauftritt.de>  
wrote:

> Hi  together,
>
> do you think it makes sence to use <details> for a longer description of  
> a <label> inside a form?

In principle it makes sense...

>   <input type="checkbox" id="JuHu" name="dog" value="1">
>    <label for="JuHu" id="desc">Dog</label>
>
> <details  aria-labelledby="desc">
> <summary>Properties of a dog</summary>
> <p>Dogs are animals with a lot of fur, four legs and a tail </p>
> </details>
>
>
> Any  ideas how screenreader will handle this?

In some brief testing, badly. Some quick results I got on MacOS 10.10.5  
using VoiceOver with various browsers:

Firefox doesn't seem to implement details/summary, so it just renders all  
the text.

Yandex.browser, Opera (both chromium-based) and Safari put a triangle next  
to the summary, but announce it as "Dog, group".

If you interact with the group, Opera and Yandex announce there is a  
collapsed widget, with a disclosure triangle. Safari just reads the text.

In Safari, to activate the triangle you have to guess it is there, tab to  
it, and press space (not ctrl-opt-space as VoiceOver suggests), then stop  
interacting with the group so VoiceOver announces there are two items.  
Then you can go in and read it.

On Yandex/Opera you can press space to show the details. You still have to  
step outside the group and then back in to read the content, and they  
still announce the disclosure widget as collapsed.

All in all, not a good story yet. On the other hand, it seems  
details/summary implementation is spreading, so maybe filing bugs will get  
better interoperability.

I don't have a windows machine handy, and I am more proficient with  
VoiceOver than NVDA anyway, but it would be good to get more results. I'll  
post my test/results online some time today...

If you want to play with it sooner, ask me and I'll email the file.

cheers

Chaals

-- 
Charles McCathie Nevile - web standards - CTO Office, Yandex
  chaals@yandex-team.ru - - - Find more at http://yandex.com

Received on Thursday, 10 December 2015 10:48:13 UTC