Describe the bug
Description
The default colors used in PieChart do not meet the required WCAG contrast ratio on a light background.
On the PieChart docs/demo page, the rendered chart uses slice/legend label colors such as:
#168eff on #FFFFFF
#c87b00 on #FFFFFF
Based on contrast analysis, both combinations are below the WCAG 2.1 AA minimum requirement of 4.5:1 for regular text. In the attached screenshots, the measured contrast ratio is 3.3:1.
This causes an accessibility issue because chart-related text and visual color usage are not sufficiently distinguishable on a white background.
Actual Result
Some PieChart colors, such as #168eff and #c87b00, have a contrast ratio of only 3.3:1 against a white background, which fails WCAG 2.1 AA for regular text.
Impact
This affects accessibility compliance of PieChart and may impact consumers using the default chart palette in applications that require WCAG AA compliance.
Additional Notes
- This issue was observed on the UI5 Web Components for React PieChart docs/demo page.
- The problem appears to come from the default chart color palette on a light background.
- Please see the attached screenshots with the contrast analyzer results.
Attachments
Please attach the screenshots showing:
#168eff on #FFFFFF → contrast ratio 3.3:1
#c87b00 on #FFFFFF → contrast ratio 3.3:1
Isolated Example
https://stackblitz.com/edit/github-1phytheh-8n878xc7?file=src%2FApp.tsx,package.json
Reproduction steps
Reproduction
- Open the PieChart docs/demo page:
https://ui5.github.io/webcomponents-react/v2/?path=/docs/charts-piechart--docs
https://stackblitz.com/edit/github-1phytheh-8n878xc7?file=src%2FApp.tsx,package.json
- Render the default
PieChart example on a white background.
- Inspect the chart colors and test them with a contrast analyzer.
- Check the contrast of the rendered chart colors against
#FFFFFF.
Expected Behaviour
Expected Result
Colors used for chart text and other relevant chart visuals should meet the WCAG 2.1 AA contrast requirement on the default background.
At minimum:
- text-related chart content should meet 4.5:1
- any required non-text graphical contrast should also comply with the relevant WCAG requirement
Screenshots or Videos

UI5 Web Components for React Version
2.20.1
UI5 Web Components Version
2.20.1
Browser
Safari, Firefox, Edge, Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
Describe the bug
Description
The default colors used in
PieChartdo not meet the required WCAG contrast ratio on a light background.On the
PieChartdocs/demo page, the rendered chart uses slice/legend label colors such as:#168effon#FFFFFF#c87b00on#FFFFFFBased on contrast analysis, both combinations are below the WCAG 2.1 AA minimum requirement of 4.5:1 for regular text. In the attached screenshots, the measured contrast ratio is 3.3:1.
This causes an accessibility issue because chart-related text and visual color usage are not sufficiently distinguishable on a white background.
Actual Result
Some
PieChartcolors, such as#168effand#c87b00, have a contrast ratio of only 3.3:1 against a white background, which fails WCAG 2.1 AA for regular text.Impact
This affects accessibility compliance of
PieChartand may impact consumers using the default chart palette in applications that require WCAG AA compliance.Additional Notes
Attachments
Please attach the screenshots showing:
#168effon#FFFFFF→ contrast ratio3.3:1#c87b00on#FFFFFF→ contrast ratio3.3:1Isolated Example
https://stackblitz.com/edit/github-1phytheh-8n878xc7?file=src%2FApp.tsx,package.json
Reproduction steps
Reproduction
https://ui5.github.io/webcomponents-react/v2/?path=/docs/charts-piechart--docshttps://stackblitz.com/edit/github-1phytheh-8n878xc7?file=src%2FApp.tsx,package.jsonPieChartexample on a white background.#FFFFFF.Expected Behaviour
Expected Result
Colors used for chart text and other relevant chart visuals should meet the WCAG 2.1 AA contrast requirement on the default background.
At minimum:
Screenshots or Videos
UI5 Web Components for React Version
2.20.1
UI5 Web Components Version
2.20.1
Browser
Safari, Firefox, Edge, Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration