Skip to content

Conversation

@ToMESSKa
Copy link
Contributor

@ToMESSKa ToMESSKa commented Dec 17, 2025

…n ColorContrast

INSTUI-4874

ISSUE:

  • the label of the ColorContrast component's heading level cannot be set, so screen reader users may have a hard time understanding the relationship between sections.

TEST PLAN:

  • add a labelLevel prop to the component. Inspect in the browser to verify the label renders as the corresponding heading element (e.g., <h1> '<h2>' etc.).
  • without the labelLevel prop, the label should be rendered as a <div>
  • there should be no visual change to the label when different labelLevel values are set (same font size, weight).
  • there should be no visual difference between a component with labelLevel set and one without it.

@ToMESSKa ToMESSKa self-assigned this Dec 17, 2025
@ToMESSKa ToMESSKa force-pushed the INSTUI-4874-allow-to-set-heading-level-on-color-contrasts-label branch from b2c8395 to 163345e Compare December 17, 2025 14:31
@github-actions
Copy link

github-actions bot commented Dec 17, 2025

PR Preview Action v1.8.0
Preview removed because the pull request was closed.
2026-01-15 13:28 UTC

@ToMESSKa ToMESSKa merged commit 06c9e79 into master Jan 15, 2026
10 of 11 checks passed
@ToMESSKa ToMESSKa deleted the INSTUI-4874-allow-to-set-heading-level-on-color-contrasts-label branch January 15, 2026 13:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants