Neocities.org
https://craftinatorics.com/accessibility.html Wrote a little blurb about your site down at the bottom :) Lmk if anythings incorrect or you want something changed. Also, have you tested your settings buttons using keyboard focus controls? They were behaving a little funny on my browser...
1 like
Oh and my wife's iphone isn't changing background colors from the light clouds, so is unreadable on the dark themes.
I guess this accessibility spotlight thing comes with praise AND free testing ;P
Thank you!! I think the issue with the buttons specifically is that I have them toggle on key press up, which seems to be synonymous with focus. I'll have to look into setting it so only the space or enter key changes them. Re: the iPhone thing, I don't have one of those so I didn't know about this bug. I'll have to check if iphones have any bugs for background-blend-mode, since that's the only way the backgrounds ca
... background-blend-mode is the only way the backgrounds can change color. I have the backgrounds behind a media-query checking if the browser supports the feature, but it seems there's something going on with iphones. For now I guess I'll have to add something that disables it on iPhones? I'll look into it, thank you for letting me know
Ok I fixed the Javascript. Turned out the onClick also detects keyboard Enter presses, without detecting Tab presses, which is good. It behaved a bit differently for me but I'm not sure if it was because I was on Windows (I changed to Linux yesterday) or something else. As for the iphone thing, I still haven't found a way to fix that. I guess for now a stopgap measure would just be disabling the images, but I'm still
... I'm still looking into a way to fix that. CanIUse.com says iOS should support background-blend-mode, which is probably why the media query that allows backgrounds is on at all.
Disabling images definitely worked. Did you see this message on caniuse? "iOS Safari is reported to not support multiple background-blend-modes"
She tried it and found the same bug on safari and chrome, though. She uses v104 of Chrome.
Ah, I didn't see the message. I should add a thing to the javascript that detects the user agent string, but I'm worried that might get too into tracking territory. I'll see if I can make two different backgrounds for now, and still use background-blend-mode for them to adopt theme colours but have a fallback for iOS. RE: Chrome, if it's on an iOS device then it's actually running the same engine as Safari, since...
... since Apple only allows browsers to use their own Webkit engine. Chrome usually uses Blink, and Firefox usually uses Gecko, but on iOS they both behave like Safari because they have to use Webkit. Not sure if this is the case on macOS though.
Interesting, I didn't know that! Well lmk if you want us to test it again. It's been nice to talk with you and i think your site's really cool :)