jakezatecky / react-checkbox-tree

A simple and elegant checkbox tree for React.

Home Page:https://jakezatecky.github.io/react-checkbox-tree/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Role and state are not defined for checkable items

zhr1130 opened this issue · comments

In the checkbox tree, role and state are not defined for checkable items and due to this, screen reader only announces name of the item while user navigates on items.

Expected result: Role and state should be defined for items in the checkbox tree so that screen reader user could get an idea of such controls.

image

The accessibility tree will now ignore the checkbox icon and focus on the underlying checkbox. This required some styling creativity but makes the underlying JavaScript easier to maintain.