Improve the Contrast Accessibility Warning #34968
Comments
Thanks so much for opening this up! This seems like a great improvement. What would you like to see for a trusted resource? I think it would be great to link to one. |
I'm not an expert, but this looks good to me |
Here are some ideas for the design of the messages. Besides adding a link and using the words "accessible" or "accessibility", I improved the message so it's easier to read and more actionable:
In the first row I show:
The second row contains the same information, but the link appears at the bottom. I personally prefer the options of the first row, because the link is integrated and the box is not very tall. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
MadtownLems commentedSep 20, 2021
•
edited
What problem does this address?
The Block Editor provides a great warning when background/text colors lack sufficient contrast to be easily readable, but could perhaps be improved to specifically call it out as an "Accessibility"-related issue. We have been educating and pressing our content providers hard to improve the accessibility of their content, and I think that using that word here specifically would help people understand the gravity of the situation and make them take it more seriously.
Image Description:
What is your proposed solution?
Specifically cite that this is an "Accessibility" concern in the notification.
The current text of the warning is: "This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color."
There are lots of options for a solution. I'll outline a couple, but this ticket is being created at the request of the #accessibility chat where they wanted additional feedback or suggestions.
a) Add some text to the end, such as: "..... or a darker text color to make the content more accessible."
b) Add a helpful link below the paragraph, worded something like: "Learn More About Contrast Accessibility" that links to a trusted resource
c) Add a small heading before the warning, saying something like: "Accessibility Warning" or - to be less scary - something more like "This content could be more accessible."
The text was updated successfully, but these errors were encountered: