search

Crocoblock / suggestions

The suggestions for CrocoBlock project
191 stars 78 forks source link

JetSmartFilters - Range Checkbox Dropdown is not accessible via keyboard. #7537

Open MaximMitrofanov opened 1 month ago

MaximMitrofanov commented 1 month ago

Describe the bug The bug is that while navigating the site with keyboard you cannot focus on the range checkbox dropdown (might also be any other dropdowns that the plugin provides though I didn't check that), To meet accessibility standards this element should be accessible and have the correct keyboard input navigation.

https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/

To Reproduce Steps to reproduce the behavior:

  1. Create a checkbox range in your page
  2. Tick the dropdown setting in Elementor.
  3. Save the page
  4. Try to navigate to the dropdown via keyboard.

Expected behavior Should be able to focus on the dropdown button with a clear indication via some outline, press space/enter to open the drop down and navigate inside of it using arrows, home/end ect.

Desktop (please complete the following information):

MaximMitrofanov commented 1 month ago

I've just noticed that there is a setting for that, it should be turned on by default but, the navigation still doesn't comply with WCAG.