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

empty listbox fails to pass lighthouse accessibility check for missing required role

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 10.0.0
    • 9.6.3
    • None
    • Security Level: Jimmy

      Steps to Reproduce

          <listbox  rows="5" mold="paging"  pageSize="10" emptyMessage="no data">
              <listhead>
                  <listheader label="context"/>
                  <listheader label="number"/>
              </listhead>
              <template name="model">
                  <listitem>
                      <listcell label="${each}"/>
                      <listcell label="${each}"/>
                  </listitem>
              </template>
              <listfoot>
                  <listfooter label="my foot"/>
              </listfoot>
          </listbox>
      

      check the page with chrome developer tool > lighthouse 10.0.1 > accessibility

      Current Result

      Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.
      <div id="k7pTb30-body" class="z-listbox-body z-listbox-autopaging" role="grid" style="overflow: auto; height: 100px;">
      see attached report

      Expected Result

      pass the check

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

              Created:
              Updated:
              Resolved: