No, seriously, don't. We'll be hacking our way through. This will involve a lot of dirty hacks and bad practices that will make most screen readers...
For further actions, you may consider blocking this person and/or reporting abuse
Oh it hurts but I love it at the same time. ❤
I have been staring at the HTML for a couple of minutes trying to work out how I would make it accessible if I came across this in the real world.
I think I have only one answer though....kill it with fire! 🤣
Yup, kill it with fire indeed! To be honest, I had a great time digging in dirt for once lol
I think trying to make stuff as dirty and hacky as possible every once in a while helps with staying creative :)
Oh, also: When I got that working with the input field, my first thought was "Why does this work, I don't want this to work" 🤣
Well I do have a whole series of things "breaking the internet" here on dev, so who am I to say anything as none of them are accessible 😋🤣
To be honest, hacking that modal like this felt way too easy! The DOM is minimal, the CSS isn't exactly rocket science either. In my opinion, it's such a pity that it's so easy to make things so horribly inaccessible. Doing them right should be the easy thing.
Why type "border: 0 none;"? We should get the same result if we don't type this.
border: 0 noneremoves the default border some browsers give inputs. It's just to make sure that the image has no unwanted border around it, so mostly a cosmetic thing. Does that answer your question?Yes, maybe I haven't witnessed a browser with default border yet. So...
🔥 I like your dumpsterfire 🤣🔥 thanks for the shoutout!
looking forward to your next article!
Thank you so much for the idea to create that dumpster fire in the first place! Already working on my next one, will be a bit more artsy than this.
You can use this approach to build the same without the need of inputs:
dev.to/joelbonetr/build-your-own-c...
That's a very handy article, thank you! My goal here was not to deliver a clean approach at all, though, I wanted this to be bad, honestly :D
Unfortunately, that article doesn't exist anymore, I'm getting a 404... Would it have been related to the this topic?
This was quite interesting!! 😎
Thank you so much! Digging in dirt every now and then is so much fun! :D