Luminosity contrast ratio of multiple slider controls is less than expected ratio 3:1.
Author: msftedadCreated Feb 2, 2026Updated Sep 16, 2026
LabelsType: BugProduct: Highcharts StockStatus: Has workarounda11y
Test Environment: OS: Windows 11 version 25H2 (OS Build 26220.7670 Browsers: Edge (Version 145.0.3800.22) Tool: Colour Contrast Analyzer Tool URL: https://www.highcharts.com/demo/stock/flags-general
User Impact: Users with low vision may struggle to identify the slider position because the focus and pointer indicators do not meet the required 3:1 contrast ratio. This makes adjusting values difficult and can lead to inaccurate selections.
Repro Steps:
- Open the URL: https://www.highcharts.com/demo/stock/flags-general in edge browser in windows.
- Flags marking events page will open.
- Open Colour Contrast Analyzer Tool.
- Verify whether Luminosity contrast ratio of slider controls is less than expected ratio 3:1 or not.
Actual Result: Luminosity contrast ratio of multiple controls in less than required ratio 3:1.
- Luminosity ratio of slider icon of graph is '1.6:1', which is less than required '3:1'.
- Luminosity ratio of 'Date Separator' of graph is '1.2:1', which is less than required '3:1'.
- Luminosity ratio of visual indicator of selected area of graph is '2.02:1', which is less than required '3:1'.
- Luminosity ratio of Start and End slider pointers of graph is '1.7:1', which is less than required '3:1'.
- Luminosity ratio of boundary of slider of graph is '2.1:1', which is less than required '3:1'.
Refer Attachment:
- Luminosity contrast ratio of multiple slider controls is less than expected ratio 3:1.png
Expected Result: Luminosity contrast ratio of slider controls should be greater than or equals to expected ratio 3:1.
Source: highcharts/highcharts