chartjs / chartjs/Chart.js

Accessibility Testing - Applying High contrast

Open
#10,372 4 comments 1 reaction 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Expected behavior

While doing Accessibility Testing - applied High Contrast Mode

While the user is applying High contrast (Aquatic mode) the the chart legend and axis labels should visible clearly.

![image](https://user-images.githubusercontent.com/63705283/169966872-771ed6f5-e75f-4570-b1ac-ca5fc1081ccd.png)

![image](https://user-images.githubusercontent.com/63705283/169966825-6c82b446-26be-4b60-9969-de129d84e98a.png)

### Current behavior

While the user is applying High contrast (Aquatic mode) the the chart legend and axis labels are not visible clearly.

### Reproducible sample

https://www.chartjs.org/docs/2.9.4/charts/bar.html

### Optional extra steps/info to reproduce

From Windows Setting -> Color Contrast mode enable Color Contrast and select High Contrast from dropdown to enable High Contrast Mode
and issue can repro in sample site - https://www.chartjs.org/docs/2.9.4/charts/bar.html

### Possible solution

_No response_

### Context

Accessibility Testing

### chart.js version

v3.7.1

### Browser name and version

Chrome

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.