element-hq / element-hq/element-web

Radio and possibly checkbox highlight discrepancy

Open
#14,883 0 comments 0 reactions 0 assignees View on GitHub
T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

The a11y focus highlight on the styled radio buttons is a different style to the standard on FF. This problem is probably the same for the styled checkboxes. It would be best to meet the expected style for access.

# Default style:
![image](https://user-images.githubusercontent.com/23084468/89302475-c8124100-d662-11ea-82cf-9290d9a77461.png)
# Our style:
![image](https://user-images.githubusercontent.com/23084468/89302560-e6783c80-d662-11ea-83c9-6618f3d81633.png)

FF highlight style is different for non form elements:
![image](https://user-images.githubusercontent.com/23084468/89302621-f6901c00-d662-11ea-99c5-6e0316589851.png)

Problem identified in https://github.com/matrix-org/matrix-react-sdk/pull/5056#discussion_r461812340

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.