Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

  • Accessibility issue with SectionStack and keyboard in 6.0p

    Hi Isomorphic,

    I just noticed that SecationStack in 5.1p, 6.0p and 6.1d might have an accessibility issue.
    Shouldn't it be possible to expand and collapse the section using the keyboard only?
    It seems there is no "tab stop" for the section itself.

    See e.g. this sample.
    In this sample it is working when on "+" or "-", but it seems to have the action from the "+"/"-" plus the SectionStackSectionHeader-click.

    This is not important for me.

    Best regards
    Blama

  • #2
    This is controlled by canTabToHeaders, which is automatically enabled when in screenreader mode.

    Comment


    • #3
      Hi Isomorphic,

      thanks for the explanation. There is a bug though in this in this sample.
      Click the "-" or the Development-SelectItem in the SectionStackSection-controls and press space. This bubbles through to the SectionStack that then opens or closes.

      Tested in current Chromium and v11.0p_2017-03-21 in the online showcase.

      Best regards
      Blama

      Comment


      • #4
        Hi Isomorphic,

        it seems that this is only an issue in SmartGWT and not in SmartClient 11.0 or 11.1.

        There is another way more annoying IE11 bug here, though. In SmartGWT 6.0p and 6.1d, clicking the section header controls with the mouse expands and closes the section.
        Tested with IE11 (11.0.40) and Win 7.

        Best regards
        Blama

        Comment


        • #5
          There are two problems here, but they aren't framework bugs - just errors in the sample.

          The sample works in SmartClient because the click() handlers in that version return false, cancelling the click. In the SGWT version, the click handlers don't call event.cancel(), so the event bubbles. We'll fix that.

          To then get space bar to work on the sectionHeaders themselves, you need to allow TAB to access the header - calling setCanTabToHeaders(true) will do that.

          We'll make these changes in the sample.

          Comment

          Working...
          X