benpate

benpate, 1 year ago

@patrick_h_lauke TBF, while the current version (1.9) doesn't focus on a11y, it dramatically simplifies other aspects of webdev. In my book, that's a win for a11y because it gives me more time to make accessible components.

#Htmx cuts out 100% of the model-duplication required by Vue/Angular/React, makes SEO simple again, and requires zero "build pipeline"

I'm NOT an a11y expert -- I'd give #Emissary a B+ at best. But with other tools, I never even had time to try making apps accessible.

benpate, 1 year ago

Absolutely. Any framework is going to be garbage in / garbage out. In general, "widgets" in htmx are all rendered by your server, using whatever code you'd like (the HOWL stack) so if you write clean HTML on your server, you'd get clean results on the browser :)

@wmtalcott @patrick_h_lauke @sil

benpate, 1 year ago

I mentioned this elsewhere, but I'll copy it here, too. In practice, a11y concerns (like resetting focus) are rarely an issue because you usually only swap content after an important event (like clicking a link or submitting a form).

Htmx changes your relationship with the DOM. Yes, many simple animations still happen in JS. BUT important state goes back to the server where it belongs.

@patrick_h_lauke @wmtalcott @sil

benpate, 1 year ago

Yup. 100%. I think the #htmx community DOES care about #a11y, but is too often debating the REST vs. JSON with the rest of the JS community to put a11y on the front burner.

If you find a specific example that's bad a11y, I'd love to update it to show the "copy-and-paste" script kiddies a better way to do it.

Htmx is all about sparking developer joy.. and silly memes.. but that's another discussion :)

@patrick_h_lauke @wmtalcott @sil

benpate, 1 year ago

Thank you. That's good to know. I'm not at all an a11y expert (not even close) so your real-world experience is super valuable. Do you have a recommendation on the best way to start testing this with an actual app? I'd love to test #Emissary against the most problematic browser/screen-reader combinations to see how this works.

Sometimes, we need to pull in some Javascript (or #Hyperscript) to fulfill sophisticated requirements.

@patrick_h_lauke @wmtalcott @sil

benpate, 1 year ago

Hey Patrick, thanks for checking out htmx. I'm a committer on the project, and happy to answer questions if it helps. The examples are very low level, mostly intended to show how the whole thing works, instead of focusing on all the complexities of a11y off the bat.

In practice, "keeping the focus" hasn't been a problem in my projects because we usually use htmx to swap content after an event (like clicking a link or submitting a form) that naturally resets it anyway.
@patrick_h_lauke @sil