Accessibility
KhafraDev opened this issue · comments
https://discord.com/channels/677271830838640680/705899161366560850/828334318757347398
Add accessibility through the "alt" html attribute for images.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt
"Perhaps the most important reason to use the alt tag is to support accessibility, as the alt text may be used by screen readers and other assistive technologies to help differently-abled users make full use of your content. It will be read aloud or sent to the touch device, for example, to support visually impaired users."
As far as I know, I'm not colorblind, but I can't tell the difference between the purple and the red of the achievements screen at all!
I believe this means you may be partially colorblind. The red used in the background of achievement is maroon (128, 0, 0) but the purple is closer to (130, 0, 130). However I can't formally diagnose that sorta thing
made a PR #69 to add alt text to a few things, want to see if that's "good enough" or even helpful at all though. We might need to explicitly tell keyboards that the images are buttons by wrapping them in button elements or something though, I have no idea.
Realized tabindex is the attribute to make elements keyboard navigable without wrapping it in a button or link element.
I believe this means you may be partially colorblind. The red used in the background of achievement is maroon (128, 0, 0) but the purple is closer to (130, 0, 130). However I can't formally diagnose that sorta thing
Turns out, I'm actually just slightly dumb and definitely forgot that the blue-light filter thing of Windows was on!
Without it, I can distinguish them just fine.