This checkbox ruining Accessibility score

How To
1

it is just normal checkbox but failing accessibility.
there is even ul li there but still thinks there is no ul .

any idea how to fix this issue ?

image
image1418Ă—722 39.9 KB

image

image
image710Ă—398 13.1 KB

1 Like
2

lookslike this is related to this .

interesting it says fixed but not fixed ? @timmse

image
image879Ă—530 54.7 KB

3

anyway I will fix this myself for now

but this need to be fixed in core too :slight_smile:

<script>
  document.addEventListener('DOMContentLoaded', function() {

    // Select all .form-group ul elements
    const formGroupLists = document.querySelectorAll('.form-group ul');

    formGroupLists.forEach(ul => {
      // Create a new div element
      const newDiv = document.createElement('div');

      Array.from(ul.children).forEach(li => {
        const newLiDiv = document.createElement('div');

        newLiDiv.innerHTML = li.innerHTML;

        newDiv.appendChild(newLiDiv);
      });

      // Replace the ul with the newDiv in the DOM
      ul.parentNode.replaceChild(newDiv, ul);
    });

  });

</script>

image

4

Hi Sinan,
Sorry for the late reply. I can’t find any problems with the accessibility of the checkbox. If you can still reproduce the problem, please change the category of the report to “Bugs” and tell me how I can reproduce it.

5

NOBUG

this was related to area and label I think in the design there was no label so I didn’t use it that gave the lighthouse score drop.
I fixed it later.