Discuss Scratch

Zydrolic
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

The current errors, having white text on an orange - Blend in a bit too much, and have a bit of a WCAG fail.
Like the title suggests.

EDIT: Please don't mind the fact that “Username” and “Password” also get recolored. That was me not realizing the text color was inherited from the login div. I'll fix it later on.
Mockups:

(note this is merely an example, edited version of #36)

coshnaut wrote:

(#43)
Why don’t we use the high contrast control block color with black text? That would make it quite easy to read, and fit with the palette.
This could also work really well since there'd probably be less complaining and it's much more readible:

NOTE: Posts before #151 are prior to the title being changed and a bit of a reorder on the OP.

Last edited by Zydrolic (Jan. 20, 2025 18:10:20)

roofogato
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

No Support, it's already easy to see. The new color just looks uglier it looks like the change to the remix button
yadayadayadagoodbye
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

While the current one isn't that hard to see (as long as you arn't sleep deprived like I am rn), it'd be nice to have the second one, it is a bit uglier (maybe another, similar color?), but its way nicer to my eyes (which are, yet again, super sleep deprived)
gdfsgdfsgdfg
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

roofogato wrote:

No Support, it's already easy to see. The new color just looks uglier it looks like the change to the remix button
then what about colorblind scratchers then
roofogato
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

gdfsgdfsgdfg wrote:

roofogato wrote:

No Support, it's already easy to see. The new color just looks uglier it looks like the change to the remix button
then what about colorblind scratchers then
Every modern device made my man has a colorblind filter bulit in
Za-Chary
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

I am not sleep-deprived, nor do I have any visual impairments, and I agree that the color could be changed to make it easier to read.

I seem to remember that something orange was changed to red in the purple update — was it the number of messages, as displayed inside the message box? Maybe that could be an alternative color to the proposed dark orange.
roofogato
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Za-Chary wrote:

I seem to remember that something orange was changed to red in the purple update — was it the number of messages, as displayed inside the message box?

No, it's still orange. I'm yet to see anything red in fact
gdfsgdfsgdfg
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

alright I will do a WCAG check
the current color contrast is:
1.89:1 (WCAG fail)
The second color is:
2.09:1 (WCAG fail)
The third color is:
2.5:1 (WCAG fail)
Well then none of those colors (the 2 last colors)
passed WCAG tests
this is compared to white text
Edit: OP changed

Last edited by gdfsgdfsgdfg (Dec. 19, 2023 18:36:05)

Zydrolic
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Za-Chary wrote:

(#6)
I seem to remember that something orange was changed to red in the purple update — was it the number of messages, as displayed inside the message box? Maybe that could be an alternative color to the proposed dark orange.
I think you mean the muted or can't post an empty comment messages on scratchr2 pages, I think those were also yellow before the purple update but got changed to red, but I could be remembering way off wrong.

Either way I think changing it to red would also suffice incase people find it ugly
Prince_Wolf1
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

The new one looks ugly
Has anyone complained about it?
Maybe just change the text to black. It seemed to pass.
Zydrolic
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

gdfsgdfsgdfg wrote:

(#8)
alright I will do a WCAG check
the current color contrast is:
1.89:1 (WCAG fail)
The second color is:
2.09:1 (WCAG fail)
The third color is:
2.5:1 (WCAG fail)
Well then none of those colors
passed WCAG tests
Exception being changing the text color (11.09:1) to black (here)
gdfsgdfsgdfg
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Zydrolic wrote:

Exception being changing the text color (11.09:1) to black (here)
I compared it to the color in the text and the color in the background
but ok

Last edited by gdfsgdfsgdfg (Dec. 19, 2023 18:29:35)

Zydrolic
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Prince_Wolf1 wrote:

(#10)
Has anyone complained about it?
if you mean it being readible, only appears to be me struggling to read it out
if you mean about the suggestion here being ugly, then yes
Maybe just change the text to black. It seemed to pass.
Yeah, I'll just highlight that instead I guess.
k7e
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Zydrolic wrote:

Za-Chary wrote:

(#6)
I seem to remember that something orange was changed to red in the purple update — was it the number of messages, as displayed inside the message box? Maybe that could be an alternative color to the proposed dark orange.
I think you mean the muted or can't post an empty comment messages on scratchr2 pages, I think those were also yellow before the purple update but got changed to red, but I could be remembering way off wrong.

Either way I think changing it to red would also suffice incase people find it ugly
No, he's referring to the message count from inside the message page.

I feel like actual black (#000000) would actually seem more off-brand as the color palette “black” color is really a light gray (#575e75). Honestly, #575e75 would still probably have a decent contrast with the light orange, but it would look a lot less aesthetically pleasing than the dark red would.

Edit: Note that the red color is an accessible color that came with the color contrast update.

Last edited by k7e (Dec. 20, 2023 03:28:11)

Sliverus
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

None of the “no support, it's already easy to see and it'll be ugly” posts are taking the main idea of this topic into account. None of the accessibility updates are supposed to be about looking pretty. Nor is it to comply with the law, although that is a big part of it.

Many users have been complaining about how they're unable to see on the site. Making a high-contrast Scratch was long overdue. I've talked many times on the forums about the pros outweighing the cons. The cons of leaving the site blue are enormous. There are tons of users trying to survive in a world geared toward users with perfect vision. Many kids were quite literally unable to use the site, and there were plenty of complaints about it. The only potential pro is that blue Scratch looks better to a number of people. But that's a subjective preference, which is nothing compared to allowing a group of Scratchers to suffer at the expense of aesthetics.

Keep in mind that the Scratch Team is highly likely to implement some kind of option sometime down the road. High contrast is something that needed to be done, but they can make it optional in the future, and they probably will. In fact, I daresay it'll be done within the decade. But I digress.

High contrast is incredibly important for many users, and all the backlash against this suggestion could be very discouraging for them, as there are users who can now see the website for the first time. You can have your own opinions on whether you like it or not, but please make sure you're being considerate of suffering minority groups in the process.
gdfsgdfsgdfg
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Prince_Wolf1
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

gdfsgdfsgdfg wrote:

EDawg2011
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Huge support. It improves accessibility.
medians
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Za-Chary wrote:

I am not sleep-deprived, nor do I have any visual impairments, and I agree that the color could be changed to make it easier to read.

I seem to remember that something orange was changed to red in the purple update — was it the number of messages, as displayed inside the message box? Maybe that could be an alternative color to the proposed dark orange.
It was in the messages page and also blue was changed to red when deleting/reporting comments. There is also red on scratchr2 and since I am medians..
-Expo
Scratcher
1000+ posts

Change the color of text on scratch-www errors to black (ex. Login & comment errors) for readability.

Za-Chary wrote:

I am not sleep-deprived, nor do I have any visual impairments, and I agree that the color could be changed to make it easier to read.

I seem to remember that something orange was changed to red in the purple update — was it the number of messages, as displayed inside the message box? Maybe that could be an alternative color to the proposed dark orange.

heck why not. We made Scratch purple, no?

Last edited by kaj (Tomorrow 0:00:00)

Powered by DjangoBB