Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-5440

Listbox's DOM element with a grid(role) that requires children to contain a specific role are missing

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Fix
    • Icon: Normal Normal
    • None
    • 9.6.3
    • None
    • Security Level: Jimmy
    • None

      Steps to Reproduce

      <?page title="a11y" ?>
      <?root-attributes lang="en"?>
      <zk>
          <zscript><![CDATA[
      	import java.util.Locale;
      	ListModelList model = new ListModelList();
      	model.add("item1");
      	model.add("item2");
      	model.add("item3");
      ]]>
          </zscript>
          <listbox model="${model}" rows="5" mold="paging"  pageSize="10">
              <listhead>
                  <listheader label="header1"/>
                  <listheader label="header2"/>
              </listhead>
              <template name="model">
                  <listitem>
                      <listcell label="${each}"/>
                      <listcell label="${each}"/>
                  </listitem>
              </template>
              <listfoot>
                  <listfooter label="my foot"/>
              </listfoot>
          </listbox>
          <custom-attributes org.zkoss.zul.listbox.autohidePaging="false"/>
      </zk>
      

      1. check accessibility with chrome lighthouse 10.0.1

      Current Result

      see report zk-5440.html

      Expected Result

      pass all checking

      Debug Information

      • double-check with axe-coreLink 4.6.3
      • each direct child element should contain 1 required role (e.g. row, rowgroup) of an element with role=grid, so <nav> and <button> are not allowed.
      • z-focus-a in <tree> causes the same issue.

      Workaround

      zk-5440.js

        1. zk-5440.html
          244 kB
        2. zk-5440.js
          1 kB

            jamson jamson
            hawk hawk
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: