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

      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.js
          1 kB
        2. zk-5440.html
          244 kB

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

              Created:
              Updated:
              Resolved: