Is OnePo fully accessible? Um... yeah almost certainly not, because I haven't had it tested rigorously for that, nor have I consulted anyone with a disability about their actual experiences. Those steps would be good to take.

One bit of accessibility progress though: alternative text for images.

Adding an alt text field for images in posts was easy-peasy. Adding this to images in comments was an absolute bear, because of the lil' shortcut pattern I had before: tapping the image button on a comment immediately prompted you for an image file, and then immediately uploaded it, and you were done!

This was a nice pattern in a lot of ways, very light and breezy, but also totally brittle: the moment you wanted to add alt text it didn't work for us at all.

So I reworked the image comment editor, and now there is an alt text field beneath an "Upload Image" button, all proper-like.

There's another win today though: image uploads should be considerably faster, especially over slow links, and especially when the original file is large. That's because images are now resized on your device before they are uploaded.

It's true that this puts a slightly greater burden on the local device, but in practice it's a device every web browser has been ferociously optimized to handle, and most likely handles in dedicated hardware. That's because every website is crammed to the gills with images that don't precisely match the size of your screen. So asking your device to do this is reasonable, and it significantly reduces the workload for the server.

"Uh... yeah Tom, that workload must be awful with somebody posting once every hour or so!" Yeah, true, but I still get to learn useful things about doing this kind of stuff at scale, even if scale hasn't really happened here.

Anyway, here's Wonderwall. Photo-comment away, and let me know if anything breaks!

P.S. Hovering the mouse etc. will not display the "alt text." That's because it is truly set up as alternative text (e.g. the "alt" attribute) for accessibility purposes, and regular browsers intentionally don't display it by default. That "text on hover" thing you may be thinking of is the "title" attribute, and describing an image effectively for those who can't see it isn't really the same use case.

MORE
7/16 '23 12 Comments
Congrats on another significant achievement for the site! Looking forward to playing with these. :)



(Also - that new profile pic is killing me! 😁)
Interesting: This appeared to break. I added the image and alt text, then clicked on the 'comment' link (to post) and nothing changed.



Refreshed the page, and it appears to have functioned normally - just not informed me that it worked.



In case it matters - Chrome v 114.0.5735.199 on Windowz 10 Enterprise
Oops, I got tired and forgot to test animated GIFs. I’ll see what happens with that. Do you have better luck with something other than an animated GIF?
Huh, I couldn't get this to fail when I reposted your GIF. I guess we'll keep an eye on it.
I'm working on an expense report currently, and the hotel wifi is... suboptimal. That might have been the cause.
I probably don't have a busy indicator where I need one.
Optimally speaking, what browser is the best to use with OnePoWo?



I use Safari on my phone, Chrome on desktop for "work stuff" and Safari for OPW, but I'm willing to change.
Don’t change! The more data I have on what works and what doesn’t the better. If it’s broken on anything, it’s a bug I want to fix. This is not to say that anyone should keep using a phone so old that there are no security updates, or Internet explorer 11, or go out of their way to turn off the very important automatic updates of your browser, etc.
I run a home grown app for my work that had to be blind-accessible and FWIW, I was astonished how thoroughly just making consistent use of alt text any time there's a button or an image took care of the issues. You may actually not need to do much else.
Thanks. I was hoping that, but of course I would hope that.