Details
-
Type:
Improvement
-
Status: Closed
-
Priority:
Minor
-
Resolution: Fixed
-
Affects Version/s: 4.0
-
Fix Version/s: 4.1
-
Component/s: ACE-Components
-
Labels:None
-
Environment:All
-
Assignee Priority:P2
Description
Support for navigating to an expandable ace:accordionPane header via the Tab key should be added so the component can be both focussed and toggled purely via the keyboard.
Activity
| Status | Resolved [ 5 ] | Closed [ 6 ] |
| Repository | Revision | Date | User | Message |
| ICEsoft Public SVN Repository | #45742 | Thu Jul 09 14:48:32 MDT 2015 | art.zambrano | |
| Files Changed | ||||
MODIFY
/icefaces4/trunk/icefaces/ace/component/src/org/icefaces/ace/component/accordion/AccordionMeta.java
|
| Status | Open [ 1 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
Okay, I can only reproduce the issue with Tabbing to set focus on different accordion pane headers with Safari, and only when the Advanced Option "Press Tab to highlight each item on the page" is enabled, which is not the default. Without this setting, the Safari behaviour matches the other browsers and there is not issue.
I think we are fine with the current behaviour marking this Resolved.
I couldn't reproduce the behaviour of focusing the individual headers of the accordion panes. As mentioned before, the accordion receives focus as a whole, and it's possible to use the arrow keys to highlight the panes and press the space/enter keys to expand/collapse them. In fact all the non-active panes have tabindex="-1", so they can't receive focus individually. I tested this on the showcase app with the accordion overview demo on Chrome, IE11, FF, and Safari.
There's actually keyboard support on the accordion. It just works differently than in the description. When the accordion receives focus, the focus goes to the whole accordion, not just the active pane. When focused, it is possible to use the arrow keys to highlight different accordion pane headers, even if the panes are collapsed. Once an accordion pane header is highlighted, pressing Enter or Space expands/collapses the pane. The arrow keys used are left or up to go up, and right or down to go down.
Should we change this behaviour or just document it in the wiki and/or TLD documentation?
| Summary | ace:accordionPane - Toggling pane expansion via keyboard breaks the accordion. | ace:accordionPane - Should support navigation to accordionPane header via the keyboard |
| Issue Type | Bug [ 1 ] | Improvement [ 4 ] |
| Description |
If you close an open/expanded ace:accordionPane by tabbing to the pane header and using the Space/Enter key to toggle the pane it will collapse if already expanded the first time. After this, it is not possible to expand another pane via keyboard OR mouse.
The proper behaviour would be to tab focus to the accordionPane header, and toggle the expansion of the pane open/closed via space/enter as many times as desired. This is reproducible via the Showcase ace:accordion Overview demo. |
Currently, if you click on an ace:accordionPane header with the mouse, it will expand or collapse the accordionPane. However, there is no way to set focus on the header using the keyboard, so you must use the mouse initially to click on the header, and from that point the same header can be toggled via the space-bar.
Support for navigating to an expandable ace:accordionPane header via the Tab key should be added so the component can be both focussed and toggled purely via the keyboard. |
| Assignee | Arturo Zambrano [ artzambrano ] | |
| Fix Version/s | 4.1 [ 11375 ] | |
| Priority | Major [ 3 ] | Minor [ 4 ] |
| Assignee Priority | P2 [ 10011 ] |
| Field | Original Value | New Value |
|---|---|---|
| Description |
If you close an open/expanded ace:accordionPane by tabbing to the pane header and using the Space/Enter key to toggle the pane it will collapse if already expanded the first time. After this, it is not possible to expand another pane via keyboard OR mouse.
The proper behaviour would be to tab focus to the accordionPane header, and toggle the expansion of the pane open/closed via space/enter as many times as desired. This is reproducible via the Showcase ace:accordion demo. |
If you close an open/expanded ace:accordionPane by tabbing to the pane header and using the Space/Enter key to toggle the pane it will collapse if already expanded the first time. After this, it is not possible to expand another pane via keyboard OR mouse.
The proper behaviour would be to tab focus to the accordionPane header, and toggle the expansion of the pane open/closed via space/enter as many times as desired. This is reproducible via the Showcase ace:accordion Overview demo. |
r45742: documented keyboard support in TLD documentation.
Also added this documentation to the accordion's wiki page.