Sign in

Olivia

@oliviac.dev
110 followers 132 following 61 posts

Front-end developer in Toronto 🍁 Web accessibility is a topic close to my heart. I write at oliviac.dev

PostsRepliesMedia
Reposted by Olivia
Sara Soueidan @sarasoueidan.com · 23/09/2026
I'm happy and honored to be taking part in this year's #id24! I'll be guest-hosting two presentations: @matuzo.at 's and Christof Hassler's—tomorrow morning (UTC) Check the schedule for your time zone: inclusivedesign24.org/2026/schedule/ & join the event online ✨
inclusivedesign24.org
Inclusive Design 24 (#id24)
A free 24-hour online community event on accessibility and inclusion
0176
Olivia @oliviac.dev · 11/09/2026
Another dogfooding session working on nemcss 🐶 Just shipped a patch fixing some issues with the scale generator. It is fun to build a tool 😃 Next step: better surfacing errors in the Vite plugin and the LSP (the DX is not quite there yet 😅) #openSource github.com/liv7c/nemcss
github.com
GitHub - liv7c/nemcss: A design-token-driven CSS utility and custom properties generator
A design-token-driven CSS utility and custom properties generator - liv7c/nemcss
110
Reposted by Olivia
Piccalilli @piccalil.li · 26/03/2026
This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry — especially right now — makes this sort of article very necessary and hopefully helpful to you in your job. piccalil.li/blog/applyin...
piccalil.li
Applying accessibility fixes with stealth for the greater good
This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry — especially right now — makes this sort of article very necessary and hopefully...
13414
Olivia @oliviac.dev · 13/03/2026
Starting the day tweaking the LSP for my little CSS custom properties / CSS utility generator project 😊 It is actually almost fun to hunt down those bugs and discover all the little differences between VSCode and Neovim at that level github.com/liv7c/nemcss #openSource #BuildInPublic
github.com
GitHub - liv7c/nemcss: A design-token-driven CSS utility and custom properties generator
A design-token-driven CSS utility and custom properties generator - liv7c/nemcss
041
Olivia @oliviac.dev · 11/03/2026
One of my favorite contrast checkers that supports lots of different color formats www.oddcontrast.com #a11y #webDev
oddcontrast.com
OddContrast
Color contrast checker with Oklch, Oklab, Display P3, and more – helping designers meet WCAG 2 accessibility standards.
020
Olivia @oliviac.dev · 07/03/2026
Projects like VitePress make it truly lovely to add documentation to a project 😍
vitepress.dev
What is VitePress? | Vite & Vue powered static site generator.
Vite & Vue powered static site generator.
020
Olivia @oliviac.dev · 02/03/2026
New blog post: "Improve your Git CLI experience with Git aliases, delta, and custom functions" 😊 oliviac.dev/blog/customi... #blog #devblog
oliviac.dev
Improve your Git CLI experience with Git aliases, delta, and custom functions - Olivia Coumans
Learn how to enhance your Git CLI experience with Git aliases, a better Git pager using delta, and custom shell functions.
000
Reposted by Olivia
Laura Kalbag @laurakalbag.com · 27/01/2026
My book, Accessibility For Everyone, is now free and online as a website. accessibilityforeveryone.site The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
9310193
Olivia @oliviac.dev · 15/01/2026
Brilliant article 🙌
010
Reposted by Olivia
Andy Bell @bell.bz · 07/01/2026
Drop your RSS feeds in the replies so people (including me) can find them 👇
15911832
Reposted by Olivia
Sebastian @bachmann.wtf · 06/01/2026
@oliviac.dev Hi, just stumbled upon this blog post of yours, thanks for writing this up! oliviac.dev/blog/how-to-...
oliviac.dev
How to use jq with curl to explore an API’s JSON response - Olivia Coumans
This article explores how to use the command-line tool jq with curl to process, filter, and transform JSON responses from APIs.
121
Reposted by Olivia
henry ✷ @strange.website · 01/01/2026
you’re right! it feels mostly awful to Go Online™, these days. the internet in a sad state, for reason after reason after reason. but there is a way to fix it; to trade the voidful howling for a quiet & joyful song. here’s how to win the war for the soul of the internet, and build the Web We Want.
henry.codes
A Website To End All Websites | Henry From Online
How to win the war for the soul of the internet, and build the Web We Want.
10325125
Reposted by Olivia
Piccalilli @piccalil.li · 12/12/2025
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
piccalil.li
The Index: Issue #150
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
0215
Olivia @oliviac.dev · 17/11/2025
Just published a new blog post about a super practical tool called yalc 😊 If you are having trouble testing a library with npm link or yarn link, I hope this article helps oliviac.dev/blog/test-pa... #devblog #webdev #blog
oliviac.dev
How to test packages locally before publishing using yalc - Olivia Coumans
Learn how to use yalc to test a package locally without publishing it or pushing any changes. A straightforward alternative to npm link for testing packages in dependent applications.
010
Reposted by Olivia
Eric Bailey @ericwbailey.website · 29/10/2025
"The fastest path to improved accessibility is to stop defending patterns that already irritate non-disabled users. Those patterns are already creating friction." buttondown.com/access-abili...
buttondown.com
Sometimes the Best Accessibility Fix is a Usability Fix
AI cartoon of woman with long dark hair struggling to open a bottle, a common form of usability failure. Teams often arbitrarily divide work into two piles:...
33311
Reposted by Olivia
Eric Bailey @ericwbailey.website · 18/09/2025
Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...
piccalil.li
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
04611
Reposted by Olivia
Cassidy @cassidoo.co · 18/08/2025
Hey buddy. You look like you could use something nice. Perhaps... a joke? Some coding practice? Several interesting links? A pretty keyboard to look at every week? Well, do I have the newsletter for you, with the latest issue heading your way now! cassidoo.co/newsletter/
cassidoo.co
rendezvous with cassidoo
A weekly newsletter with web development content for everyone, from beginners to pros.
7415
Reposted by Olivia
Mia [data-css=poetic] @miriam.codes · 08/08/2025
a web that isn't human-first is a web I want nothing to do with. I'm not going to "optimize the graph" of assertions, or whatever. I'm not a content farm for your algorithm. i'm here to build real relationships with real people - and if that's not what the web is for anymore, I'll be somewhere else.
315832
Olivia @oliviac.dev · 05/08/2025
Love resources like these! Such a fun way to learn more about how DNS works 🤩 howdns.works
howdns.works
How DNS works. What is DNS? Learn how step by step.
What is DNS? Introduction how DNS works and how DNS server enhances website speed, security, and reliability with our webcomic.
010
Olivia @oliviac.dev · 04/08/2025
New post ✍️ "Build Git helpers from scratch with fzf and Bash" Some of my first "aha" moments with the command line came from building small (imperfect) helpers for everyday tasks. If you're curious about Bash scripting, I hope this gives you some ideas 😀 oliviac.dev/blog/build-g... #blog
oliviac.dev
Build Git helpers from scratch with Bash and fzf - Olivia Coumans
Learn how to use fzf, the command-line fuzzy-finder, to build helpful Git utilities in Bash and enhance your workflow.
031
Reposted by Olivia
Marcy Sutton Todd @marcysutton.com · 21/07/2025
This should be a good event! "How to fix A11y debt without burning out" webinar coming up on Thursday with some all-time greats: @ericwbailey.website and @a11ymel.bsky.social 💜
2122
Reposted by Olivia
Sara Soueidan @sarasoueidan.com · 20/07/2025
📢 The State of HTML Survey is live survey.devographics.com/en-US/survey... The #HTML and #CSS surveys are the only web surveys I don't want to miss. Thank you @sachagreif.com for making them, and @lea.verou.me for curating. Please take a few minutes to fill the survey if/when you can. ✨
survey.devographics.com
State of HTML 2025
Take the State of HTML survey
36334
Olivia @oliviac.dev · 19/07/2025
Such a great read ❤️ This is a complex topic. This article explores it in a very nuanced and thoughtful way
020
Reposted by Olivia
ACLU @aclu.org · 17/07/2025
Alice Wong is a research consultant and disability rights activist who lives with spinal muscular atrophy. Alice co-founded a platform that amplifies the works of people with disabilities and advocates to improve public understanding of accessibility. Thank you Alice for your work!
A graphic featuring a photo of Alice Wong on the left, wearing an orange, pink and yellow top and pink pants. On the right, a quote in large purple text reads: “To me, disability is not a monolith, nor is it a clear-cut binary of disabled and nondisabled. Disability is mutable and ever-evolving. Disability is both apparent and nonapparent. Disability is pain, struggle, brilliance, abundance, and joy. Disability is sociopolitical, cultural and biological. Being visible and claiming a disabled identity brings risks as much as it brings pride.” Below the quote, in smaller purple text, is Wong’s title: “Founder of the Disability Visibility Project.” In the bottom right corner is a blue box with the text “Disability Pride Month” in purple. In the bottom left corner is the ACLU logo in white
1566135
Reposted by Olivia
Nic Chan @nicmakesstuff.bsky.social · 10/07/2025
📝 Please, can we have ARIA Notify Live regions suck and I hope we get a better solution soon! www.nicchan.me/blog/please-...
nicchan.me
Please, can we have ARIA Notify - Nic Chan
A hate letter to live regions.
11810
Reposted by Olivia
Cami @cafiffle.bsky.social · 09/07/2025
I think one of the saddest things about being a millennial is remembering a time when technology was advancing in a way that made life better and easier and more exciting instead of actively, intentionally worse
7075532740
Olivia @oliviac.dev · 30/06/2025
Great recap article about alt texts. It's a short, clear breakdown of the do's and don'ts axesslab.com/alt-texts/ #a11y #WebDevelopment
axesslab.com
Alt-texts: The Ultimate Guide | Axess Lab
This post contains everything you need to know about alt-texts! When to use them and how to perfectly craft them. By me, Daniel, a web…
021
Reposted by Olivia
Vale @vale.rocks · 29/06/2025
A personal website is a small but meaningful form of rebellion. #IndieWeb #SmallWeb
0718
Reposted by Olivia
Eric Bailey @ericwbailey.website · 25/06/2025
I wrote about why I'm tired of reading about takes on quality. ericwbailey.website/published/qu...
ericwbailey.website
Quality is a trap
It is a proxy phrase, often born of an inability or unwillingness to articulate other concerns.
64914
Olivia @oliviac.dev · 23/06/2025
Just published a new blog post on using jq with curl! It's a beginner-friendly introduction to this powerful command-line tool for working with JSON data. If you're curious about jq, here's a link to the post 😀 oliviac.dev/blog/how-to-... #writing #blog #webDevelopment
oliviac.dev
How to use jq with curl to explore an API’s JSON response - Olivia Coumans
This article explores how to use the command-line tool jq with curl to process, filter, and transform JSON responses from APIs.
120
Reposted by Olivia
Adrian Roselli, pH0 @aardrian.bsky.social · 04/06/2025
Apropos of yet another conversation today, I’m a big fan of using automation in WCAG testing. But I also know WCAG well enough to understand the limitations (and lies) the tools. adrianroselli.com/2025/04/auto... #accessibility #a11y
adrianroselli.com
Automated WCAG Testing Is Grrreat!
I’m a big fan of using automation in WCAG testing. I use bookmarklets, dev tools, browser features & reporting, and a pile of third-party products from assorted vendors. These save me time and effort,...
0104
Reposted by Olivia
Rachel Lense is Professionally Curious @rachellense.bsky.social · 14/06/2024
I made this Pride flag using only NASA images and our team thought it would be cool to share on social (I work on the NASA heliophysics communications team), but it's getting all sorts of hate on the bird app and Fbook. Thought y'all might be more appreciative of it here. ☺️🏳️‍🌈💖
A pride flag with every color band represented by a NASA image. White is Earth clouds, pink is aurora, blue is the Sun in a specific wavelength, brown is Jupiter clouds, black is the Hubble deep field, red is the top of sprites, orange is a Mars crater, yellow is the surface of Io, green is a lake with algae, blue is Neptune, and purple is the Crab Nebula in a specific wavelength.
14225003019715
Reposted by Olivia
Cassidy @cassidoo.co · 02/06/2025
Happy June, Happy Pride, Happy Newsletter! I've got a fresh one rolling to your inboxes as we speak: cassidoo.co/newsletter/
cassidoo.co
rendezvous with cassidoo
A weekly newsletter with web development content for everyone, from beginners to pros.
11328
Olivia @oliviac.dev · 31/05/2025
Spent the last month taking a Coursera specialization called C and Go: Classical and Modern Programming by the University of Santa Cruz. It was a lot of fun exploring the C and Go languages ☺️ If you're looking for a friendly intro to them, these courses are great! www.coursera.org/specializati...
coursera.org
Coursera | Online Courses & Credentials From Top Educators. Join for Free | Coursera
Learn online and earn valuable credentials from top universities like Yale, Michigan, Stanford, and leading companies like Google and IBM. Join Coursera for free and transform your career with degrees...
000
Olivia @oliviac.dev · 29/05/2025
Just published a new blog post ☺️ How to set up a pre-commit Git hook with Husky and lint-staged oliviac.dev/blog/set_up_... #blog #WebDev #git
oliviac.dev
How to set up a pre-commit Git hook with Husky and lint-staged - Olivia Coumans
In this blog post, we’ll explore what Git hooks are. We’ll create Git hooks using Husky to add a pre-commit hook to your project.
000
Reposted by Olivia
Sara Joy ☠️ @sjoy.lol · 28/05/2025
Yes! The goodinternetmagazine.com is out! You want this. Order yourself a digital or physical copy. The "old web" never died. Join ussssssssss
goodinternetmagazine.com
Good Internet
A magazine for the non-corporate web, using code as an art medium, and web development enthusiasm of hobbyists and professionals alike.
25515
Reposted by Olivia
Una Kravets @una.im · 27/05/2025
CSS if() function landed today(!!!) in Chrome 137 🥳 along with another rad feature: reading-flow 🥳 So I put together a quick video showcasing both: youtu.be/Apn8ucs7AL0
youtu.be
CSS if() functions & reading-flow (in Chrome 137)
YouTube video by Una Kravets
2527156
Reposted by Olivia
Wes Bos @wesbos.com · 27/05/2025
ITS HAPPENING Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
1751681
Olivia @oliviac.dev · 23/05/2025
I wrote a quick post about using the HTML spec when you’re unsure about a tag or want to find a more semantic one. The spec is an amazing resource, but it can feel a little overwhelming at first. Hope it helps someone else too 💙 #HTML #webDev oliviac.dev/blog/how-to-... #HTML #webDev
oliviac.dev
How to use the HTML specification to write better HTML - Olivia Coumans
This article explores how to use the HTML specification to write better and more semantic HTML.
020
Reposted by Olivia
Accessibility Awareness @a11yawareness.bsky.social · 21/05/2025
Sheri Byrne-Haber's "Giving A Damn About Accessibility" has great tips on how to deal with people who challenge or dismiss the need for accessibility. uxdesign.cc/giving-a-dam...
uxdesign.cc
Giving a damn about accessibility
A candid and practical handbook for designers.
0369
Reposted by Olivia
Eventua11y @eventua11y.com · 15/05/2025
Today is the 14th Global Accessibility Awareness Day! There will be lots of events happening online and in-person around the world and Eventua11y's live feed is tracking the relevant hashtags on Bluesky. bsky.app/profile/did:... #GAAD #GAAD2025 #Accessibility
accessibility.day
GAAD
Thursday, May 15, 2025, help us celebrate the 14th Global Accessibility Awareness Day (GAAD)! The purpose of GAAD is to get everyone talking, thinking and learning about digital access and inclusion,…
041
Reposted by Olivia
Sara Soueidan @sarasoueidan.com · 06/05/2025
[New blog post] Are CSS Carousels accessible sarasoueidan.com/blog/css-car... In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec. #a11y
sarasoueidan.com
Are 'CSS Carousels' accessible?
– The personal website of Sara Soueidan, inclusive design engineer
919468
Olivia @oliviac.dev · 05/05/2025
Really enjoying this Neovim colorscheme lately: github.com/rebelot/kana.... I find it very soothing ☺️ #neovim
github.com
GitHub - rebelot/kanagawa.nvim: NeoVim dark colorscheme inspired by the colors of the famous painting by Katsushika Hokusai.
NeoVim dark colorscheme inspired by the colors of the famous painting by Katsushika Hokusai. - rebelot/kanagawa.nvim
110
Olivia @oliviac.dev · 03/05/2025
This talk by Léonie Watson is brilliant! It is a nuanced exploration of AI and what it can do for web accessibility. Full of wise advice! www.youtube.com/watch?v=X8wc... #a11y
youtube.com
AI and Accessibility: the Good, the Bad, and the Bollocks by Léonie Watson
YouTube video by Wey Wey Web
010
Olivia @oliviac.dev · 21/04/2025
Just finished The Bell Jar by Sylvia Plath. It was a haunting, intense, and poignant read. The audiobook by Maggie Gyllenhaal is brilliant. ❤️ “I wanted change and excitement and to shoot off in all directions myself, like the colored arrows from a Fourth of July rocket.” #booksky
140
Olivia @oliviac.dev · 18/04/2025
A new go-to accessibility resource: WCAG in Plain English. It’s an incredible work to make the WCAG easier to use and understand ❤️ #accessibility #a11y wcaginplainenglish.com
wcaginplainenglish.com
120
Olivia @oliviac.dev · 17/04/2025
Really good read! Very thorough and full of actionable tips about a topic too often overlooked. Love the tables of do’s and don’ts ❤️
011
Reposted by Olivia
Jason Lengstorf @jason.energy · 15/04/2025
WEB DEV CHALLENGE IS BACK 🔥 this was a HUGE effort by so many people and I can’t wait for y’all to see what we have in store this season - team challenges - upgraded studio - bigger builds - even more web dev fun watch the full first episode now: codetv.link/wdc/s2e1
97813
Reposted by Olivia
Cassidy @cassidoo.co · 14/04/2025
This trick works outside of just GitHub! Render different images depending on your user's preferences/setup. cassidoo.co/post/md-dark...
cassidoo.co
Make your images in markdown on GitHub adjust for Dark Mode and Light Mode
When you want your images to look good in Markdown on GitHub, you might have to adjust for the UI around them.
2221