ICEfaces
  1. ICEfaces
  2. ICE-4782

Inaccessible tab-panel component (ARIA)

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Won't Fix
    • Affects Version/s: 1.8
    • Fix Version/s: 1.8.3, 1.8.2-EE-GA_P02
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      ICEfaces 1.8, Windows XP Professional SP3, JAWS 10.0.1151, Firefox 3.0.10

      Description

      a11y issue on tabpanel components. Expected action is to activate inactive tabs when focused and pressing ENTER. Actually it is possible to tab on non-active tab links, but it is impossible to activate it . Content of other tabs is inaccessible via screenreader.
      Testing apliaction: http://faraon.felk.cvut.cz:8080/WebApplication1/Page1.iface
      Screenshot: http://amun.felk.cvut.cz/coe/apps/icefaces/matoum2/screenshot/tabs.JPG
       
      1. TabPanel.diff
        69 kB
        Miroslav Karsulin

        Issue Links

          Activity

          Hide
          Ken Fyten added a comment -

          Some comments on format: It would be best if screenshots could be directly attached via the "Attach Screenshot" link at the left side of the page when editing issues. Also, attaching the runnable test-application directly to the JIRA is required for future reference and verification purposes.

          Also note that this issue may be resolved by recent work done on ICE-4642, which adds improved keyboard navigation support to the ice:panelTabSet component.

          Show
          Ken Fyten added a comment - Some comments on format: It would be best if screenshots could be directly attached via the "Attach Screenshot" link at the left side of the page when editing issues. Also, attaching the runnable test-application directly to the JIRA is required for future reference and verification purposes. Also note that this issue may be resolved by recent work done on ICE-4642 , which adds improved keyboard navigation support to the ice:panelTabSet component.
          Hide
          Miroslav Karsulin added a comment -

          Renderer of this component was was changed. Aria-attributes and keyboard navigation was added. It shoud be compatible with previous versions.

          Accessibility for screen readers is only with usage attributes label and icon:
          <ice:panelTab label="First card" icon="images/email_mini.png" >

          If facets are used for label and icon, accessibilty for screen readers dosn't work. It is not possible to guarantee.

          Keyboard navigation:
          TAB - only active tab is in tab order.
          Left/Up arrow - with focus on a tab, pressing the left/up arrow will move focus to the previous tab in the tab list and activate that tab
          Right/down arrow - with focus on a tab, pressing the right/down arrow will move focus to the next tab in the tab list and activate that tab.
          Home - with focus on a tab, pressing the Home will move focus to the first tab in the tab list and activate that tab
          End - with focus on a tab, pressing the Home will move focus to the last tab in the tab list and activate that tab

          The diff file is maked to the actual development trunk.

          Show
          Miroslav Karsulin added a comment - Renderer of this component was was changed. Aria-attributes and keyboard navigation was added. It shoud be compatible with previous versions. Accessibility for screen readers is only with usage attributes label and icon: <ice:panelTab label="First card" icon="images/email_mini.png" > If facets are used for label and icon, accessibilty for screen readers dosn't work. It is not possible to guarantee. Keyboard navigation: TAB - only active tab is in tab order. Left/Up arrow - with focus on a tab, pressing the left/up arrow will move focus to the previous tab in the tab list and activate that tab Right/down arrow - with focus on a tab, pressing the right/down arrow will move focus to the next tab in the tab list and activate that tab. Home - with focus on a tab, pressing the Home will move focus to the first tab in the tab list and activate that tab End - with focus on a tab, pressing the Home will move focus to the last tab in the tab list and activate that tab The diff file is maked to the actual development trunk.
          Hide
          Ken Fyten added a comment -

          Review for P02.

          Show
          Ken Fyten added a comment - Review for P02.
          Hide
          Ken Fyten added a comment -

          Since we are targeting W3C ARIA support for the new ICEfaces Advanced Components in ICEfaces 2.0, we will not be investing further in accessibilty improvements on the existing Components. The new TabSet component will support ARIA roles and keyboard shortcuts:
          http://wiki.icefaces.org/display/ICE/TabSet

          Show
          Ken Fyten added a comment - Since we are targeting W3C ARIA support for the new ICEfaces Advanced Components in ICEfaces 2.0, we will not be investing further in accessibilty improvements on the existing Components. The new TabSet component will support ARIA roles and keyboard shortcuts: http://wiki.icefaces.org/display/ICE/TabSet

            People

            • Assignee:
              Unassigned
              Reporter:
              Jan Vystrcil
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: