There be a11y dragons (JS Party #335)

Changelog Master Feed

Eric Bailey joins Jerod to discuss everything Dungeons & Dragons taught him about writing alt text, building accessible websites, Primer, the problem with a11y overlays & more.

Join the discussion

Changelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!

Sponsors:

• Porkbun – Go to porkbun.com to get .app, .dev, or .foo domain names at Porkbun for only $1 for the first year!
• Wix – Wix Sudio is for devs who build websites, sell apps, go headless, or manage clients. Integrate, extend and write custom scripts in a VS code-based IDE. Leverage zero set up dev, test and production environments. Ship faster with an AI code assistant. And work with Wix headless API’s on any tech stack.

Featuring:

• Eric Bailey – Mastodon, Twitter, GitHub, Website
• Jerod Santo – Mastodon, Twitter, GitHub, LinkedIn

Show Notes:

• Dungeons & Dragons taught me how to write alt text
• How we’re building more inclusive and accessible components at GitHub
• Primer
• Data table | Primer
• axe: Accessibility Testing Tools and Software
• ARC Toolkit - Page-Level Testing - TPGi
• HeadingsMap - Chrome Web Store
• Home - The A11Y Project
• Overlay Fact Sheet
• Midnight Lizard - color schemes for all websites

Something missing or broken? PRs welcome!

Kapitler

1. It's party time, y'all (00:00:00)

2. Welcoming Eric Bailey (00:00:56)

3. Nerd is the new cool (00:01:41)

4. D&D alt text (00:03:42)

https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/

5. Alt TMI? (00:07:36)

6. Special alt case (00:12:08)

7. Progress over perfection (00:15:52)

8. A11y components at GitHub (00:17:15)

https://github.blog/engineering/how-were-building-more-inclusive-and-accessible-components-at-github/

9. Primer Design System (00:23:19)

https://primer.style/

10. Sponsor: Porkbun (00:25:04)

https://porkbun.com/JSParty24

11. More on Primer (00:26:58)

12. A pyramid scheme that works! (00:28:40)

https://changelog.com/news

13. A11y tools (00:30:10)

14. Layout tools (00:34:58)

15. Sponsor: Wix (00:39:21)

https://www.wix.com/studio

16. The carrots vs EU's stick (00:40:14)

17. A11y overlays (yikes) (00:47:18)

18. Extensions show & tell (00:50:47)

19. Connecting with Eric (00:53:15)

20. Closing time (00:54:25)

21. Next up on the pod (00:55:12)