178 karma · joined February 25, 2014
There are a few ARIA "widgets" that have no HTML equivalent, such as Tabs or a spreadsheet-like Grid. Those are heavily documented so you can basically copy and paste whenever you need them.
Avoiding sprinkling ARIA on already-semantic HTML, because this can lead to confusing or inconsistent behaviors for the end user.
Remote: Yes
Willing to relocate: No
Technologies: TypeScript, React, React Native, Next.js, Node.js, TailwindCSS, AI/LLM integration, UI/UX, Figma, Design systems, WCAG accessibility, Lit.js, Web components
Résumé/CV: https://puckett.codes
Email: michael@puckett.contact
I'm a creative technologist with extensive experience building accessible, user-friendly digital products and tools. X-Apple. X-Google. 15+ years in tech.
Open to freelance work, employment, co-founder roles.
Just like here you could get a timeline of key events, a graph of connected entities, links to original documents.
Newsrooms might already do this internally idk.
This code might work as a foundation. I love that it's RDF.
Instead of a WASM backend, I used react-dom/server to generate the HTML.
https://github.com/michaelcpuckett/listleap?tab=readme-ov-fi...
You might consider the Accessibility Tree and its semantics. Plain divs are basically filtered out so you're left with interactive objects and some structural/layout cues.
https://www.goodreads.com/book/show/1616203.Word_Clues_Vocab...
Remote: Yes
Willing to relocate: No
Technologies: TypeScript, JavaScript, HTML, CSS, React, Vue, Lit, Svelte, etc.
Résumé/CV: https://michaelpuckett.engineer
Email: michael@puckett.contact
LinkedIn: https://www.linkedin.com/in/michaelcpuckett
Ex-Apple. Ex-Google. Creative technologist with extensive experience building for the web platform. Focused on crafting accessible, user-friendly digital products and tools.
https://faculty.washington.edu/ajko/books/user-interface-sof...
http://faculty.washington.edu/ajko/books/foundations-of-info...
Modal dialogs are the ones that pop up on the screen and take over the main experience. Those come with escape key. I think you have to program the click-away with JavaScript however.
Non-modal dialogs are uncommon, but basically they are more like menu pop-ups that can be ignored when open, so no need for escape key.
<font> provides no structural or accessibility information. It was only there for styling purposes.
<dialog> provides structural and accessibility information plus interactivity that previously required JavaScript. It comes with default styles but that's not the primary reason to use it.
I have tried unsuccessfully so far to set up an OAuth provider server along with it, so that you could log in on your phone, etc.
I had been working on an ActivityPub server in Node.js/TypeScript for a while before the Twitter migration. It's got most of the features I'd want in a small server but it's basically bring-your-own-client at the moment.
https://github.com/michaelcpuckett/activitypub-core
Finding all the resources to build a complete server that can interact with other instances isn't easy, so maybe this can help someone. The spec is well worded, but the checklist is confusing, the test server is down, Mastodon has its own rules, etc. Plus you have to have at least a cursory knowledge of JSON-LD/RDF.
https://codeberg.org/fediverse/delightful-activitypub-develo...
That would certainly tip the scale.
1) the hit area of native checkboxes should be larger, and
2) fieldsets with checkboxes should come with a native "Toggle All" button
If there's an iota more work involved, the analysts have no reason not to defer to analytics. Anything less than ~1% gets dropped. So there goes your ES5 build.
"Accessibility" in the screen reader sense is additional work done to support a low-usage audience, but because it has legal implications it has much more weight.
I guess it would take someone using older tech winning in court for this to be given greater consideration. But that seems unlikely because people who use older tech are not a protected class.
Get comfortable navigating web pages using the various functionalities available (the ability to scan only headlines, for example).
I also open the accessibility tab in the web inspector in Chrome or Firefox to see the accessibility tree, which is like a simplified version of the DOM tree that gets exposed to assistive technologies.