craftinatorics
3 years ago
moved diversions to its own folder. some links might be broken until neocities catches up.
craftinatorics
3 years ago
actually I went ahead and made the switch to folders for the other pages too, so that I can fix all the broken links at once.
craftinatorics
3 years ago
In Diversions I just put up another of my old Bitsy games. It's not showing a preview but it's really cute, please give it a try!
craftinatorics
3 years ago
Oh and my wife's iphone isn't changing background colors from the light clouds, so is unreadable on the dark themes.
craftinatorics
3 years ago
I guess this accessibility spotlight thing comes with praise AND free testing ;P
e-wizard
3 years ago
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
e-wizard
3 years ago
... 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
e-wizard
3 years ago
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
e-wizard
3 years ago
... 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.
craftinatorics
3 years ago
Disabling images definitely worked. Did you see this message on caniuse? "iOS Safari is reported to not support multiple background-blend-modes"
craftinatorics
3 years ago
She tried it and found the same bug on safari and chrome, though. She uses v104 of Chrome.
e-wizard
3 years ago
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...
e-wizard
3 years ago
... 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.
craftinatorics
3 years ago
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 :)
craftinatorics
3 years ago
outlining a page for accessible web development resources. please let me know if you have suggestions, and please also comment a link to your site if you think I might want to put you in the "accessible website spotlight". I think main criteria are passing webaim scanner, semantic html, no excessive blinking. Its not about perfection, but about working towards. Super bonus points if you talk about accessible web dev!
e-wizard
3 years ago
Commenting a link, as asked: e-wizard.neocities.org. I have a bunch of Javascript toggles for different things, but if someone has JS disabled then all the border and background images are disabled by default and the theme follows browser preferences.
craftinatorics
3 years ago
@e-wizard (do mentions work on here lol) yes thank you!! i definitely want you on there, and am thinking about talking about your js stuff in the aesthetic vs access section! glad to hear the default with no js is accessible, that's really cool!
The links to the WAVE scanner results lead to "not found" but the WAVE sidebar is still there. This is pretty cool, I didn't know you could link to a WAVE report, I've just been using the extension.
Oh! That's probably a broken link bug, I changed my file structure a bit. Thanks for catching that.