> With Collapsible, it's largely a UI/Design choice, structurally, the > content in it is part of the main content, it's just a simple show/hide > that makes good use of space, and apart from button that you > recommended, a heading can be served as a trigger too depending on the > content (for the site I was working, in a few pages heading is more > appropriate, as in other pages , button is indeed better than p tag).
If you use anything other than buttons or links make sure to use tabindex=0 to make your elements focusable via keyboard, and attached role="button" to it. As a side note, the challenge with collapsing panels is to let users open/close panels, but at the same time make all focusable items in the hidden panels non focusable, or simply "remove" the panels via display:none. The challenge is to expose content to SE, but at the same time allow keybord users to navigate the documents without having to go through everything focusable item in the document (in all panels, collapsed or not). If we implement collapsible panels in the first place it is to minimize content overload - so imho it should be the same for all users. -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
