Clarity: Touch target for checkbox in tree view doesn't include text label

Created on 3 Dec 2019  路  2Comments  路  Source: vmware/clarity

Describe the bug

Checkboxes in a tree view are not consistent with standard checkboxes as the touch target does not include the text label.

How to reproduce

Steps to reproduce the behavior:

  1. Go to https://v2.clarity.design/tree-view#checkbox-tree
  2. Click on chekbox
  3. Hover on associated text label
  4. Label is not clickable

Expected behavior

As per standard checboxes https://v2.clarity.design/checkboxes, label should be clickable.

Versions

  • Clarity: 2.3.2

Device:

  • Browser: Chrome
@clangular tree view accessibility input backlog accessibility bug

Most helpful comment

It looks like tree-node needs to be re-factored to use labels inside of a clr-checkbox-wrapper container.

All 2 comments

It looks like tree-node needs to be re-factored to use labels inside of a clr-checkbox-wrapper container.

Clarity cares deeply about accessibility, and we work with our accessibility team to identify and triage issues. We have an internal tracking system to identify and verify accessibility issues, which has captured this already. Some issues with Clarity Angular are difficult to solve without causing side effects or breaking changes, and we have to balance concerns with fixing issues and breaking changes. As we build out Clarity Core, we are able to address these root cause accessibility issues and recommend adopting the Clarity Core implementations as they become available. We are closing this issue as we have the issues tracked internally. Please follow our development and releases to see when we release relevant Clarity Core components to make this possible.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

beaker1977 picture beaker1977  路  3Comments

JohannesRudolph picture JohannesRudolph  路  4Comments

thojo picture thojo  路  3Comments

clane picture clane  路  3Comments

Thatkookooguy picture Thatkookooguy  路  3Comments