Writing

Interested in having me write for your publication? Let's get a conversation going!

A RSS feed and list of tags are also available.

2024

175. GitHub’s updated Commits page and the interactive list component ericwbailey.website
176. Don’t forget to localize your icons ericwbailey.website
177. Making content-aware components using CSS’ :has(), grid, and quantity queries Piccalilli
178. Heading elements have been added to Project board views to improve screen reader page navigation GitHub
179. Accessibility preference settings, information architecture, and internalized ableism ericwbailey.website
180. a11y-syntax-highlighting has been updated ericwbailey.website
181. Basic keyboard shortcut support for focused links ericwbailey.website
182. These three links spell out a big uh oh for where things are headed when placed in context with each other ericwbailey.website
183. Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size Smashing Magazine
184. Dungeons & Dragons taught me how to write alt text ericwbailey.website
185. Short note: Disavowing Snake People 3.0: Slither with a Hiss ericwbailey.website
186. Free idea: design token ugly mode ericwbailey.website
187. Consent, LLM scrapers, and poisoning the well ericwbailey.website
188. Workplace discrimination: another terrible thing Windows Recall might enable ericwbailey.website
189. Multipage Version Zine, Issue 1 ericwbailey.website
190. contrast-color() is a good thing, but also solving the problem at the wrong layer ericwbailey.website
191. I love my slightly smart tiny TV ericwbailey.website
192. How we’re building more inclusive and accessible components at GitHub GitHub
193. Invisible success ericwbailey.website
194. A perceived contradiction to internalize when working on design systems ericwbailey.website
195. Thoughts on embedding alternative text metadata into images ericwbailey.website
196. On Jakob Nielsen, AI hype, and accessibility ericwbailey.website
197. Oh shit banners ericwbailey.website

2023

152. I restyled my Mastodon instance ericwbailey.website
153. Accessibility annotation kits only annotate ericwbailey.website
154. Websites, politics, and preferences ericwbailey.website
155. Zombie Slack channels ericwbailey.website
156. Websites are like bridges ericwbailey.website
157. GitHub now has a setting to underline links ericwbailey.website
158. Equivalent experience can cut both ways ericwbailey.website
159. Use of the design system should factor into promotion packets ericwbailey.website
160. A year at GitHub ericwbailey.website
161. Formative posts ericwbailey.website
162. My jeans’ metadata may outlive the company that sold them ericwbailey.website
163. The five types of people who produce inaccessible code ericwbailey.website
164. display: contents considered harmful ericwbailey.website
165. Global Accessibility Anger Day ericwbailey.website
166. Don’t use custom CSS scrollbars ericwbailey.website
167. Sandcastles ericwbailey.website
168. Sabbath mode and assistive technology features ericwbailey.website
169. I doubled-down on RSS ericwbailey.website
170. My Mastodon strategy ericwbailey.website
171. Modern Health, frameworks, performance, and harm ericwbailey.website

2022

132. Preventing form submission with zero Javascript HTMHell
133. Centerless ericwbailey.website
134. Swearing and automatic captions ericwbailey.website
135. aria-label is a code smell ericwbailey.website
136. Yes, accessibility is also a backend concern ericwbailey.website
137. Visit for a surprise ericwbailey.website
138. Re: Selling your extension ericwbailey.website
139. Dot website ericwbailey.website
140. Saying thank you ericwbailey.website
141. The case for null in design systems Ad Hoc
142. Voice Control Usability Considerations For Partially Visually Hidden Link Names Smashing Magazine
143. Where do you start measuring distance from when the origin is the bottom of a block of text? ericwbailey.website
144. The optics of pair programming ericwbailey.website
145. All the user-facing states ericwbailey.website
146. #WorstWorkWednesday ericwbailey.website
147. Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties Smashing Magazine
148. It needs to map back to a role ericwbailey.website
149. The case for adding validation state to your design tokens ericwbailey.website
150. Comic Sans is a good typeface, actually ericwbailey.website
151. Tribble ericwbailey.website
152. Maralinga bomb test ericwbailey.website
153. “Evergreen” Does Not Mean Immediately Available CSS-Tricks
154. I’ve had enough! When access friction becomes an access barrier Fable

2021

109. Chinese rooms, wasps, slime molds, and the problem of other minds ericwbailey.website
110. Test Your Product on a Crappy Laptop CSS-Tricks
111. Where do you put spacing on design system components? ericwbailey.website
112. Your CSS is an interface ericwbailey.website
113. The endless search for “here” in the unhelpful “click here” button Stark
114. Spear phishing with Slackbot for fun and profit ericwbailey.website
115. Insulin dump ericwbailey.website
116. 100 ericwbailey.website
117. Improving the Accessibility of your Markdown Smashing Magazine
118. thoughtbot.com, dark mode, and other user preferences ericwbailey.website
119. What they don’t tell you when you translate your app ericwbailey.website
120. Forbidden noodles ericwbailey.website
121. accessiBe and the false David vs. Goliath narrative ericwbailey.website
122. A bad accessibility trend I’ve noticed ericwbailey.website
123. Ham biscuit on ericwbailey.website
124. Organize your CSS declarations alphabetically ericwbailey.website
125. Your Image Is Probably Not Decorative Smashing Magazine
126. The lawnmower button ericwbailey.website
127. Modifications we’ve made to the Design Sprint thoughtbot
128. Don’t use custom CSS mouse cursors ericwbailey.website
129. How I grew The A11Y Project to 10k followers on Twitter ericwbailey.website
130. Listing posts in Eleventy when you publish offsite ericwbailey.website
131. To subset or not subset fonts ericwbailey.website
132. Add punctuation to your alt text thoughtbot
133. CSS is a Strongly Typed Language CSS-Tricks
134. I love my not-smart TV ericwbailey.website
135. Mobile Accessibility: How to Build Apps that Work for All Users Shopify Partners
136. How to make an ineffective 404 page ericwbailey.website
137. Myth: Alternate text and automation The A11Y Project
138. Minor version bump ericwbailey.website
139. A conversation can be an output thoughtbot
140. Should I use an accessibility overlay? The A11Y Project
141. Give me a definition for the word “dashboard” ericwbailey.website
142. An Introduction to macOS Voice Control thoughtbot
143. Implicit cultural norms and accessible social media ericwbailey.website
144. How 3 hours of conversation saved a company hundreds of thousands of dollars thoughtbot
145. My typical day ericwbailey.website
146. Accessibility auditing and ego ericwbailey.website
147. Blogroll ericwbailey.website
148. Presentation panic ericwbailey.website
149. How-to: Use the tabindex attribute The A11Y Project
150. An introduction to macOS Head Pointer thoughtbot
151. Open UI and implicit parent/child relationships in HTML ericwbailey.website
152. Undercover Founder thoughtbot

2020

65. A website is like a puppy ericwbailey.website
66. In defense of Mega Man boss lairs ericwbailey.website
67. Representation Matters CSS - Tricks
68. So you wanna create an eco-friendly website thoughtbot
69. Using a folder other than posts/ with Eleventy ericwbailey.website
70. Tailwind versus BEM thoughtbot
71. Focus Management and Inert CSS - Tricks
72. The world does not revolve around your product thoughtbot
73. Saying no to Diez (for now) thoughtbot
74. Consider the Tomato thoughtbot
75. The radium craze ericwbailey.website
76. a11y is web accessibility ericwbailey.website
77. Improving the usability and accessibility of a healthcare website by being mindful of reading level thoughtbot
78. I don’t want your job thoughtbot
79. Mug Handles ericwbailey.website
80. Equivalent Experiences: Thinking Equivalently Smashing Magazine
81. Equivalent Experiences: What Are They? Smashing Magazine
82. Myth: ARIA Has Perfect Support The A11Y Project
83. A Complete Guide to CSS Functions CSS - Tricks
84. SVG, Favicons, and All the Fun Things We Can Do With Them CSS - Tricks
85. How to not make a résumé in React ericwbailey.website
86. Using personas in the Product Design Sprint thoughtbot
87. Operating System and Browser Accessibility Display Modes The A11Y Project

2019

42. What the Web Still Is CSS - Tricks
43. Tech metaphors ericwbailey.website
44. Truths about digital accessibility ericwbailey.website
45. Attempting to corral colors with a Sass function thoughtbot
46. Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible Shopify Partners
47. Lighthouse ericwbailey.website
48. Revisiting prefers-reduced-motion, the reduced motion media query CSS - Tricks
49. slashbot thoughtbot
50. Fighting uphill ericwbailey.website
51. Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need A List Apart
52. Little Library thoughtbot
53. Reader Mode: The Button to Beat CSS - Tricks

2018

30. Web components still need to be accessible 24 Accessibility
31. Be the Villain 24 ways
32. Quick test: Large touch targets The A11Y Project
33. A designer developing for Android thoughtbot
34. Quick Tip: Use the “lang” Attribute for Better Accessibility Envato Tuts+
35. The Importance of Heading Levels for Assistive Technology Envato Tuts+
36. The Importance Of Manual Accessibility Testing Smashing Magazine
37. The possibilities of the color-adjust property CSS - Tricks
38. Don't Use The Placeholder Attribute Smashing Magazine
39. How to Lead Better User Interviews thoughtbot
40. Focusing on Focus Styles CSS - Tricks
41. Building a Good Download… Button? CSS - Tricks

2017

18. How to build a cloud-hosted accessibility testing Windows computer using Amazon WorkSpaces 24 Accessibility
19. How accessible is your website for the disabled? Consider doing an audit to find out Poynter
20. Consistently Inconsistent: When the Most Accessible Experience is Different for Each User Cantina
21. ARIA is Spackle, Not Rebar CSS - Tricks
22. Keeping track of letter-spacing, some guidelines CSS - Tricks
23. Equifax Data Breach, Credit Freezes, and Beholden Design ericwbailey.website
24. Make technology work for you, not the other way around The Human in the Machine
25. Let’s Talk About Speech CSS CSS - Tricks
26. Crafting a chatbot people will use: Part 2 Cantina
27. Crafting a chatbot people will use: Part 1 Cantina
28. An Introduction to the Reduced Motion Media Query CSS - Tricks

2016

7. Improving the User Experience of IoT Firmware Updates Cantina
8. Building a better button in CSS Cantina
9. Accessible SVGs in High Contrast Mode CSS - Tricks
10. Instituting a culture of accessibility in your organization: Part 2 Cantina
11. Organizational buy-in on Responsive Design Cantina
12. Instituting a culture of accessibility in your organization: Part 1 Cantina
13. Battery Status API: We need to talk Cantina

2015

1. I’ll Make an Exception Just for You: Using the Exception Comment to Help Maintain Mature, Large-scale Sass Projects Cantina