Mastodawn

i want to make a little art portfolio site, and I'm stuck between wanting to fuck with scrapists and wanting to not fuck with screen readers. I'm considering chopping up images into tiles which would be assembled into their correct relative locations via css or something. i could even put alt text on it with a transparent image layered on top spanning the full area. downside is real people wouldn't be able to download the images though :/

of course that's all assuming they don't just dump the frame buffer somehow. same problem as anything else, it's unclear to what extent anti scraping measures actually work

another idea i had was use webgl instead of images and have the images gradually assemble, so you'd have to wait a short amount of time to see the full thing. that would allow downloading but scraping would need to be more elaborate

also would require javascript, which feels like a personal failure

the worst idea I've had so far which is also my favorite is make it a 3D game like those old edutainment cdrom games where you walk and in a museum etc. idk how i'd make it screen reader compatible though, but i guess it's a page of visual art anyway so idk

wait wait wait what if i make my website a fmv adventure game lol https://mastodon.gamedev.place/@ramon_wilhelm/116290525951324852

Ramón Wilhelm (@[email protected])

Attached: 1 image Who remembers the classic adventure game The Lost Files of Sherlock Holmes - The Case of the Rose Tattoo (1996)? 🔍 #adventure #game #sherlockholmes

Gamedev Mastodon

Celes 🌙1d ago

@aeva do it!

Ratsnake Games 🔞1d ago

@aeva my theory is that all good FMV games include Tim Curry

Janek @ IndieDev.site 1d ago

@aeva yes please

@aeva slightly mad I missed most of the Youtube era when people did that. Though I think Markiplier has two

Evie 🏳️‍⚧️1d ago

@aeva maybe be a library with magic books that open up with an FMV and then you touch it ...

Ronflaix 1d ago

@aeva screen-based point & click navigation ?

EDIT: if you pull something like Little Big Adventure, you could have a 3D environment you'd render and keep the per-screen navigation system that could be easier to adapt for screen readers?

Clyde (GameTank Guy)1d ago

@aeva yes you should make a Sonic'sSchoolhouselike

@aeva
Someone did something like this!
https://jclahoot.com

(I don’t know how accesible it is though)

JCLaHoot.com

Jonathan Lahue's personal website and blog.

@anco this is amazing :O

Aurora 🏳️‍🌈 :Dahlia-Unicode-Pink:1d ago

@aeva Okay but I've actually been working on the exact same idea. I'm planning to implement it as rendered game engine frames with the interactivity driven by HTML buttons overlaid onto the images.

Like yeah, it's probably a really stupid and inefficient way to build a website but I wanna.

Video Game King 1d ago

@aeva I had the same idea for a blog - "idea" in this connoting something I have no intention of actually committing myself to.

ferunando 1d ago

@aeva 🤔 if you are going to require javascript anyway, give yourself way more work and hook up that WAI-ARIA thingy? or the web-speech one. well, at least, those are the options *i* am considering for remaking my stuff....

* https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics
* https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API

WAI-ARIA basics - Learn web development | MDN

Following on from the previous article, sometimes making complex UI controls that involve unsemantic HTML and dynamic JavaScript-updated content can be difficult. WAI-ARIA is a technology that can help with such problems by adding in further semantics that browsers and assistive technologies can recognize and use to let users know what is going on. Here we'll show how to use it at a basic level to improve accessibility.

MDN Web Docs

@gureito woah cool I had no idea there was local speech recognition available in js these days

@gureito well, for everyone but firefox :/

ferunando 1d ago

@aeva i honestly didn't look at the speech recognition table, i was always too focused on the other side. /sad

Simon Richter 1d ago

@aeva I once built a nice interactive "website" that was a full-page Java applet.