implementation of <detail><summary> element for

Shyamala's picture

The Current implementation of element provides a button role. Not sure if this is sufficient from the understandings at: http://accessibleculture.org/articles/2012/03/screen-readers-and-details....

As is not accessible on all browsers,To polyfill for accessibility we need to:

1) set tabindex ="0" - make it keyboard focusable
2) assign ARIA role button -> DONE!
3) aria-expanded attribute that changes based on state
4) non-summary content to be hidden by using dispaly:none when elements are collapsed
5) Any links within summary could be confusing (Not applicable in this case)
Show less

summary-detail-element

Thoughts???

Comments

Not sure

mgifford's picture

Hi Shyamala,

Thanks for reporting this. I'm not sure. I can contact Jason Kiss about this and see if he can give some feedback. He's great, and really like his blog.

I think the source issue where this was discussed was https://drupal.org/node/1168246

Let's see we get this right.

Accessibility

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week