[A11y][Grid] Interactive elements should meet WCAG 2.2 target-size requirements

[dtopalov]

Feature Request Summary

Expand/Collapse icons in the Grid with Masted/Detail and Grouping enabled (and all other components with similar functionalities where the size of the interactive element is smaller) should comply with WCAG 2.2. target-size requirement of at least 24*24 px

Problem Description

The size of the clickable expand/collapse elements is smaller by the required 24*24 px, e.g.:

Grid Master/Detail: (16*16)

Groupable Grid

Proposed Solution

If possible, the interactive elements should be compliant with the target size requirement.

It would be best to address the same issue in "compact/dense/small" Grids too, as the aim of the small size Grid is to allow displaying more items on the same visible surface area, rather than making all elements smaller. It seems the cell size of the high-density Grid is still big enough to accommodate a 24*24 interactive element in expand/collapse scenarios:

Theme Scope

Which theme(s) should this feature apply to?

• All themes

Component/Area

Which component or area does this feature request affect?

• Specific component (please specify): All componens with interactive elements for expand/collapse functionality that do not meet the target-size requirement.

Use Case

We should be compliant with WCAG 2.2 requirements.

Design Considerations

Are there any design specifications or mockups?

Implementation Notes

Do you have suggestions for implementation?

Breaking Changes

Would this feature introduce breaking changes?

• Yes - please explain: ___________
• No
• Unsure

Alternatives Considered

Describe any alternative solutions or features you have considered

Additional Context

Any other context, screenshots, or examples

Acceptance Criteria

What would constitute a successful implementation?

• Interactive targets for pointer interaction should have size of 24*24 px

---