Message Component Accessibility - Color on Color is bad for accessibility, e.g blue text on blue background

[dcb99]

Describe the bug

This is one example, but blue text on a blue background does not conform to accessibility guidelines. It doesn't provide enough contrast and is a bad UX for those with colorblindness.

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-39m9a5yj?file=src%2FApp.vue

Environment

Any

Vue version

3.5.x

PrimeVue version

4.x

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

Using the message component, the text color is to close to the background color.

Expected behavior

Accessibility guidelines should be followed. Text should should be contrasted from the background.

[cagataycivici]

This depends on the theme used, each preset has a different style, you can easily customize it with the design tokens. In addition, I think this ticket could have been a github discussion, thank you.

[dcb99]

Thanks for the response, but I don't think it's best practice to release a feature that doesn't meet accessibility requirements and then say, "fix it yourself by customizing". Customizing a theme should be used to satisfy business requirements, not to fix accessibility issues.

…

On Tuesday, January 7th, 2025 at 2:06 AM, Cagatay Civici ***@***.***> wrote: This depends on the theme used, each preset has a different style, you can easily customize it with the design tokens. — Reply to this email directly, [view it on GitHub](#7040 (comment)), or [unsubscribe](https://github.com/notifications/unsubscribe-auth/AHQ4PRG5KVP4XO27WTDQXOL2JN4GHAVCNFSM6AAAAABUQF5DSOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKNZUGUZTIMBZGQ). You are receiving this because you authored the thread.Message ID: ***@***.***>