DEV Community

Discussion on: ⚠️ Don't try this at home: CSS-only image detail zoom - As hacky as possible! 🖼️🔍

Collapse
 
grahamthedev profile image
GrahamTheDev

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! 🤣

Collapse
 
thormeier profile image
Pascal Thormeier

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" 🤣

Collapse
 
grahamthedev profile image
GrahamTheDev

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 😋🤣

Thread Thread
 
thormeier profile image
Pascal Thormeier • Edited

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.

Collapse
 
thormeier profile image
Pascal Thormeier

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 :)