#PastPuzzle improved in #accessibility

As a developer, I try to make my software as accessible as possible for everyone. Unfortunately, I often lack a view from the user's perspective. I received a list from @dankeck with at least 10 suggestions for improvements, most of which I implemented in one night as if in a fever dream. The game is probably still a long way from being a screen reader user's dream, but I'm doing my best. Step by step! #webdev #a11y

pastpuzzle.de/

If you have a FAQ on your site, please include anchor links for each entry.

In fact, if you are creating content on the web... please consider using anchor links for headings of all kinds, and anything else that people might want to link directly to. #grumble #web #webdev

Question for those who use #screenreaders (specifically #nvda with Firefox). How do you get the screenreader to announce the Firefox developer tools? All I seem to get is "Developer Tools frame, Inspector Panel frame, Markup View frame" and no announcement of the actual HTML displayed in the Inspector panel.

Navigating with the keyboard (arrow keys) doesn't announce anything either, nor does NVDA + arrow keys.

Retoots would be appreciated!

#webdev #accessibility

I swear @heydon is always putting out the coolest stuff.

This is genuinely the coolest use of variable fonts I’ve ever seen.

#WebDev #CSS

heydonworks.com/article/hel-va…

Two articles on the DL element 😃

Keeping It on the < dl > - Another HTML Gem You Never Use
by Christian Heilmann
christianheilmann.com/2025/04/…

Creating an Accessible Accordion with HTML Description Lists
by Karl Groves
afixt.com/creating-an-accessib…

#html #webdev

Creating an Accessible Accordion with HTML Description Lists - AFixt

When designing web components, accessibility is paramount to ensure inclusiveness for all users, including those with disabilities.

^{Karl Groves (AFixt)}

ARIA/HTML relationship Severence

"You could use standard HTML controls without all that stinking DOM darkness and encapsulation fandango fucking up your relationships."

#HTML #ARIA #a11y #WebDev #WebStandards

html5accessibility.com/stuff/2…

Since yesterday, I have had an urge to play with CSS again, and it's the least practical time for it.

(Since work during the day and a brain that is currently saying no.)

There is a three-year-old article by Ryan Mulligan that has been living rent-free in my head for a while, and I recently applied it to a hobby project for the first time. I want to learn more about these techniques as I'm not fluent with them yet.

"Layout Breakouts with CSS Grid" featuring named template columns.

ryanmulligan.dev/blog/layout-b…

#CSS #WebDev

Layout Breakouts with CSS Grid

Extending elements beyond the content area with CSS Grid and named grid lines.

^{ryanmulligan.dev}

Just published a blog post tearing into hCaptcha’s so-called “accessibility” mode.

It’s not accessibility. It’s a cookie. And to get that cookie, you now have to submit your email and send a code via SMS to an U.S. phone number. It fails silently. It doesn’t confirm anything. You click “Confirm Code” and get “An error has occurred.” No cookie. No fallback. No support. And if you somehow get it? It’s a third-party cookie your browser probably blocks, and it expires. Then you get to do it all again.

Meanwhile, hCaptcha’s text-based challenge — the only mode that might actually work with a screen reader — isn’t tied to the cookie at all. It only shows up if the website owner specifically enables it. Most don’t. So even if you’re blind, even if you’re using assistive tech, you get the same unusable image grid as everyone else.

This isn’t accessibility. It’s exclusion wrapped in PR.

The blog post breaks it all down: how the cookie flow works (or doesn’t), why the system is broken by design, how developers got misled, and what real alternatives look like. If you care about accessible design or just want to understand how bad this gets, read it.

Link: fireborn.mataroa.blog/blog/hel…

#Accessibility #a11y #BlindTech #hCaptcha #HellCaptcha #UX #WebDev #ScreenReaders #Disability #TechRant #DevTools #Ableism #Privacy #FOSS #Inclusion

Développeur Web & Mobile Junior en recherche active !

Je suis à la recherche d’un poste en CDI dans le développement web back-end ou fullstack.

💻 Stack actuelle :
PHP / Symfony
SQL (MySQL / PostgreSQL)
HTML / CSS / JavaScript
Git, Docker (bases), MVC, API REST

🎯 Rigoureux, curieux et prêt à déménager pour rejoindre une équipe motivante.

Un boost ou un partage serait très apprécié 🙏

#DeveloppeurWeb #PHP #Symfony #Fullstack #Backend #WebDev #JuniorDev #Reconversion #Emploi #JobSearch #

Lightweight open source Google reCaptcha alternative: ALTCHA leverages a proof-of-work mechanism to safeguard your website, APIs, and online services from spam and abuse. Unlike traditional solutions, ALTCHA is self-hosted, does not rely on cookies or fingerprinting, and ensures complete user privacy. It is fully compliant with GDPR, WCAG 2.2 AA-level, and the European Accessibility Act. github.com/altcha-org/altcha

#privacy #webdev #security #opensource

GitHub - altcha-org/altcha: GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter.

GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter. - altcha-org/altcha

^GitHub

#Development #Reviews
First impressions of Deque Axe Assistant · What to expect from the AI accessibility chatbot ilo.im/163tch

_____
#AxeAssistant #AI #Chatbot #Accessibility #WCAG #Design #WebDesign #WebDev #Frontend #HTML

Who on this #mastodon uses #RSS? I just made 🥯 FeedBagel – feedbagel.com

An RSS feed finder #API that categorises feeds with #AI, and saves them for browsing and searching

any feedback welcome and appreciated! #webdev #design

Manufacturers who sell TVs in the UK & want the TV to run BBC iPlayer (BBC Public Service live/on-demand TV app) have to get their TVs certified by us. There's a large suite of tests & technical requirements - a colleague just pointed out to me that those docs are public:

certification.bbctvapps.co.uk/…

TVs on UK sale now & marked with the iPlayer logo must support:
* TLS 1.2+
* Mutual TLS (client certs)
* HTTP/2+
* Service Workers
& lots more...those just caught my eye

#BBC #iPlayer #WebDev

It used to be quite challenging to set the precedence of individual #CSS rules without a lot of headaches. (This encouraged the practice of authoring many small utility classes that do very little on their own.)

Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowardly-…

#WebDev #FrontEnd

Cowardly Defaults and Courageous Overrides with Modern CSS

Let’s make a more useful utility class without giving up any versatility.

^{Cloud Four}

All the Deets on the Mighty Details Tag 🙌

@geoff over at #CSS Tricks has written a definitive guide on using <details>, a number of possible use cases, and some of the trickier aspects of styling it and even animating the opening and closing states. I’ll be sure to refer to this the next time I do #WebDev on a <details>-based feature!

thathtml.blog/2025/02/all-the-…

All the Deets on the Mighty Details Tag

One of the great unsung heroes of modern web UX.

^{That HTML Blog}

Moving on from React, a Year Later

"Our server-rendered, JavaScript-light approach has delivered a faster and more reliable experience."

kellysutton.com/2025/01/18/mov…

#webdev #webdevelopment #reactJS #javascript #webperf

today is officially *THREE* weeks until the submission deadline for Good Internet magazine!

Good Internet launches in May 2025. it's a volunteer-run, not-for-profit print and digital quarterly magazine for personal website owners and those interested in using the internet as a means of self-expression, art, and recreation.

🔍 we're looking for 1,500-4,000 word articles about anything related to that!

you could write about:

* #internet history
* personal #websites
* #accessibility on the #indieweb
* finding inspiration for a #blog
* #webdesign trends
* running from the #enshittification of the #web
* lessons or post-mortems from #webdev projects
* news or overviews of #opensource projects

if it relates to hobbies on "this side of the web," whether you call it the #smallweb or indieweb, we probably want to run it!

you can have your article as low-media (meaning only text and images) or interactive, where you code an entire webpage to help tell your story.

if you're interested in learning more, you can sign up for our email list for when we launch or you can check the submission guidelines @ goodinternetmagazine.com!

(please boost if you can! ❤)

Is it possible to write advanced theming #CSS with context-aware conditional code? As if()! 😉

@chriskirknielsen shows us a glimpse of what's possible—just in Chrome Canary right now behind a flag, but here's hoping it gains ground soon.

On a related note, us #WebDev folks are eagerly awaiting container style queries in Firefox! Can it happen please pretty please with sugar on top??

thathtml.blog/2025/02/hot-off-…

Hot Off the Press Examples of CSS if()

Taking context-aware theming to a whole new level…one day.

^{That HTML Blog}

We Need to Talk About Anti-Web Coding Assistants

It's time. We can't ignore this massive threat to the continuing health of this platform we all love.

@vale has done a deep dive into what the bots think is the state-of-the-art of #WebDev and…uh, it's alarming. 😬

We can, *and we must*, expect better of the tools being thrust in our faces as the future of “whatever”.
#ProCraft

thathtml.blog/2025/02/we-need-…

We Need to Talk About Anti-Web Coding Assistants

It’s time. We can’t ignore this massive threat to the continuing health of this platform we all love.

^{That HTML Blog}

🤔HTML semantics: <abbr> theory versus abbreviation reality

"The HTML <abbr> element is deceptively familiar and attractive, its been around forever (1999) and thus people assume that it does what it does and does it well. Nothing much changed over the iterations of the abbr element definition over the years."

#a11y #webdev #HTML

tpgi.com/short-note-the-abbrev…

Short note: The abbreviation appreciation society - TPGi

The HTML element is an incredibly common, but do you know how you can make it accessible? Find out how in this article.

^{Steve Faulkner (TPGi)}

Para celebrar el día del amor y la amistad:

Estoy ofreciendo diseño y desarrollo de sitios web desde 1740 pesos mexicanos.

sandia.website/servicios/

#sitiosweb #webdev #webdesign

Servicios que ofrece Sandia

En Sandia ofrecemos servicio de diseño y desarrollo de sitios web para que hagas crecer o lances tu negocio.

^Sandia

The next version of Deno will have a super fast JS/TS plugin API for the linter 🎉

Watch @lcasdev write a lint rule to ban string literals in <60 seconds.

This, plus many other goodies, to land next week with Deno 2.2.

#deno #nodejs #typescript #webdev #javascript

Building a CLI is easy with these browser methods 👀

#deno #nodejs #typescript #WebDev #javascript #WebDevelopment

📣 ✍️ New #webdev blog post!

This one is special to me, partly because it took some time to cook 😅 , partly because I talk a bit about #ux (which is not my main field), and partly because it features an experiment: after talking about #webpush and #pwa with #django, I'm asking my dear readers (you 😉) to visit a small demo website and tell me how it went!

You can give feedback here, or on Lemmy, Lobsters, etc. I'll update the post with the links!

So here it is: david.guillot.me/en/posts/tech…

Enjoy! 😸🔔

Push notifications without a mobile app: an experiment (with Django)

Today I want to talk to you about a combination of technologies that I don’t see often implemented, yet I wonder why: Web Push Notifications and Progressive Web Apps.

^{David Guillot}

Sensitive content Reveal/hide

HTML Developers: Please Consider – in the year of 2025

@aardrian returns to the Mastophone

#HTML #ARIA #WebDev #WebStandards #a11y

html5accessibility.com/stuff/2…