PageSourceSearch

https://ericwbailey.website/tags/development/

html ericwbailey.website collected 2026-10-02 06:16:12 UTC 44,195 bytes, 671 lines download raw bytes

1
2<!DOCTYPE html>
3<html
4  lang="en"
5  class="template-landing"
6  itemscope itemtype="http://schema.org/Webpage">
7<head>
8  <meta charset="utf-8" />
9<meta http-equiv="x-ua-compatible" content="ie=edge" />
10<meta http-equiv="cleartype" content="on" />
11<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
12
13
14  <title>
15  
16    Tagged “Development” – Eric Bailey
17  
18</title>
19<meta name="description" content="Accessibility advocate, writer, developer, and speaker">
20<meta name="author" content="Eric Bailey" />
21
22  <link
23  rel="alternate"
24  href="/feed/feed.xml"
25  type="application/atom+xml"
26  title="Eric Bailey" />
27<link
28  rel="alternate"
29  href="/feed/feed.json"
30  type="application/json"
31  title="Eric Bailey" />
32
33
34  <link rel="stylesheet" href="/site.css" as="style" />
35
36  <link rel="manifest" href="/manifest.json" />
37<link rel="mask-icon" href="/static/favicons/apple/safari-pinned-tab.svg" color="#4a4a4a" />
38<link rel="icon" href="/favicon.ico" sizes="any" />
39<link rel="icon" type="image/svg+xml" href="/static/favicons/favicon.svg">
40<link rel="apple-touch-icon" sizes="180x180" href="/static/favicons/apple/apple-touch-icon.png" />
41<meta name="apple-mobile-web-app-title" content="ericwbailey" />
42<meta name="application-name" content="ericwbailey" />
43<meta name="msapplication-TileColor" content="#48d7e7" />
44<meta name="msapplication-TileImage" content="/static/favicons/microsoft/mstile-144x144.png" />
45<meta name="msapplication-config" content="/static/favicons/browserconfig.xml" />
46
47
48  <meta property="og:url" content="/tags/Development/">
49<meta property="og:type" content="website">
50<meta property="og:title" content="Tagged “Development”">
51<meta property="og:description" content="Accessibility advocate, writer, developer, and speaker">
52<meta property="article:published_time" content="Invalid DateTimeT00:05:00.000Z">
53<meta property="og:image" content="https://ericwbailey.website/static/favicons/social/facebook.png">
54<meta property="og:image:alt" content="Stylized script treatment of the words Eric W Bailey on a light blue background.">
55
56
57  
57<script type="module">
58  document.documentElement.classList.add('js')
59</script>
59
60
61  
62  <!-- Privacy-friendly analytics by Plausible -->
63<script async src="https://plausible.io/js/pa-6LQ9noGXpXqpPOOCFF5Rf.js"></script>
vendor: 1 bytes, line 63
63
64<script>
65  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
66  plausible.init()
67</script>
67
68
69</head>
70<body
71  class="[ grid grid-landing gutter ] [ margin-bottom-2 ]"
72  itemscope itemtype="http://schema.org/ProfilePage">
73
74<a id="section-skipnav" class="skipnav" href="#title">Skip to main content</a>
75
76
77
78
79
80
81<header
82  id="section-banner"
83  class="banner measure"
84  aria-labelledby="updating-in-the-open">
85  <h2 id="updating-in-the-open">
86    Updating in the open
87  </h2>
88  <p>
89    Things might look a little janky for a bit, but that’s okay! I am in the process of <a href="https://github.com/ericwbailey/ericwbailey.website">refreshing the design</a>.
90  </p>
91</header>
92
93
94<main
95  id="section-main"
96  class="content">
97
98  <p class="breadcrumb">
99    <a href="/">Home</a>
100  </p>
101  <h1
102    id="title"
103    style="margin-top:0;"
104    aria-current="page">
105    Tagged “Development”
106  </h1>
107
108  <div
109    id="content"
110    class="flow post__content">
111    <p class="measure">
112      
113    </p>
114
115    
116
117<ol reversed class="postlist" style="counter-reset: start-from 87">
118  
119  <li class="c-link-list__item">
120    <a href="/published/github-repository-landing-pages-now-show-an-accessibility-tab-if-provided/" class="c-link-list__link" rel="author" id="github-repository-landing-pages-now-show-an-accessibility-tab-if-provided">GitHub repository landing pages now show an accessibility tab, if provided</a>
121    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-10-01">October 1, 2026</time> for ericwbailey.website.</small>
122  </li>
123  
124  <li class="c-link-list__item">
125    <a href="/published/css-tricks-could-be-a-co-op/" class="c-link-list__link" rel="author" id="css-tricks-could-be-a-co-op">CSS-Tricks could be a co-op</a>
126    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-09-18">September 18, 2026</time> for ericwbailey.website.</small>
127  </li>
128  
129  <li class="c-link-list__item">
130    <a href="/published/heres-yet-another-metaphor-about-tech-debt/" class="c-link-list__link" rel="author" id="heres-yet-another-metaphor-about-tech-debt">Here’s yet another metaphor about tech debt</a>
131    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-08-04">August 4, 2026</time> for ericwbailey.website.</small>
132  </li>
133  
134  <li class="c-link-list__item">
135    <a href="/published/the-case-for-an-accessibility-designer-vibe-coding-when-all-his-coworkers-are-also-vibe-coding/" class="c-link-list__link" rel="author" id="the-case-for-an-accessibility-designer-vibe-coding-when-all-his-coworkers-are-also-vibe-coding">The case for an accessibility designer vibe coding when all his coworkers are also vibe coding</a>
136    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-06-15">June 15, 2026</time> for ericwbailey.website.</small>
137  </li>
138  
139  <li class="c-link-list__item">
140    <a href="/published/announcing-what-cant-i-press/" class="c-link-list__link" rel="author" id="announcing-what-cant-i-press">Announcing What Can’t I Press?</a>
141    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-06-15">June 15, 2026</time> for ericwbailey.website.</small>
142  </li>
143  
144  <li class="c-link-list__item">
145    <a href="/published/heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide/" class="c-link-list__link" rel="author" id="heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide">Here’s how to instruct a LLM to reference the ARIA Authoring Practices Guide</a>
146    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-02-16">February 16, 2026</time> for ericwbailey.website.</small>
147  </li>
148  
149  <li class="c-link-list__item">
150    <a href="/published/you-probably-shouldnt-be-annotating-focus-order/" class="c-link-list__link" rel="author" id="you-probably-shouldnt-be-annotating-focus-order">You probably shouldn’t be annotating focus order</a>
151    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-02-04">February 4, 2026</time> for ericwbailey.website.</small>
152  </li>
153  
154  <li class="c-link-list__item">
155    <a href="/published/how-an-accessibility-designer-adds-keyboard-shortcuts-to-a-web-app/" class="c-link-list__link" rel="author" id="how-an-accessibility-designer-adds-keyboard-shortcuts-to-a-web-app">How an accessibility designer adds keyboard shortcuts to a web app</a>
156    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-01-28">January 28, 2026</time> for ericwbailey.website.</small>
157  </li>
158  
159  <li class="c-link-list__item">
160    <a href="/published/newsletters-that-regularly-hit-my-inbox-these-days/" class="c-link-list__link" rel="author" id="newsletters-that-regularly-hit-my-inbox-these-days">Newsletters that regularly hit my inbox these days</a>
161    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2025-07-14">July 14, 2025</time> for ericwbailey.website.</small>
162  </li>
163  
164  <li class="c-link-list__item">
165    <a href="/published/you-must-listen-to-rfc-2119/" class="c-link-list__link" rel="author" id="you-must-listen-to-rfc-2119">You MUST listen to RFC 2119</a>
166    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2025-06-30">June 30, 2025</time> for ericwbailey.website.</small>
167  </li>
168  
169  <li class="c-link-list__item">
170    <a href="https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/" class="c-link-list__link" rel="author" id="making-content-aware-components-using-css-has-grid-and-quantity-queries">Making content-aware components using CSS’ <code>:has()</code>, grid, and quantity queries</a>
171    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-09-28">September 28, 2024</time> for Piccalilli.</small>
172  </li>
173  
174  <li class="c-link-list__item">
175    <a href="https://github.blog/changelog/2024-09-23-heading-elements-added-to-project-board-views/" class="c-link-list__link" rel="author" id="heading-elements-have-been-added-to-project-board-views-to-improve-screen-reader-page-navigation">Heading elements have been added to Project board views to improve screen reader page navigation</a>
176    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-09-23">September 23, 2024</time> for GitHub.</small>
177  </li>
178  
179  <li class="c-link-list__item">
180    <a href="/published/a11y-syntax-highlighting-has-been-updated/" class="c-link-list__link" rel="author" id="a11y-syntax-highlighting-has-been-updated">a11y-syntax-highlighting has been updated</a>
181    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-09-09">September 9, 2024</time> for ericwbailey.website.</small>
182  </li>
183  
184  <li class="c-link-list__item">
185    <a href="/published/basic-keyboard-shortcut-support-for-focused-links/" class="c-link-list__link" rel="author" id="basic-keyboard-shortcut-support-for-focused-links">Basic keyboard shortcut support for focused links</a>
186    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-08-21">August 21, 2024</time> for ericwbailey.website.</small>
187  </li>
188  
189  <li class="c-link-list__item">
190    <a href="https://www.smashingmagazine.com/2024/07/getting-bottom-minimum-wcag-conformant-interactive-element-size/" class="c-link-list__link" rel="author" id="getting-to-the-bottom-of-minimum-wcag-conformant-interactive-element-size">Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size</a>
191    <small style="display: block;" class="c-link-list__description">
191Published <time class="postlist-date" datetime="2024-07-19">July 19, 2024</time> for Smashing Magazine.</small>
192  </li>
193  
194  <li class="c-link-list__item">
195    <a href="/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/" class="c-link-list__link" rel="author" id="dungeons-and-dragons-taught-me-how-to-write-alt-text">Dungeons & Dragons taught me how to write alt text</a>
196    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-07-16">July 16, 2024</time> for ericwbailey.website.</small>
197  </li>
198  
199  <li class="c-link-list__item">
200    <a href="/published/free-idea-design-token-ugly-mode/" class="c-link-list__link" rel="author" id="free-idea-design-token-ugly-mode">Free idea: design token ugly mode</a>
201    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-07-01">July 1, 2024</time> for ericwbailey.website.</small>
202  </li>
203  
204  <li class="c-link-list__item">
205    <a href="/published/contrast-color-is-a-good-thing-but-also-solving-the-problem-at-the-wrong-layer/" class="c-link-list__link" rel="author" id="contrast-color-is-a-good-thing-but-also-solving-the-problem-at-the-wrong-layer"><code>contrast-color()</code> is a good thing, but also solving the problem at the wrong layer</a>
206    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-05-21">May 21, 2024</time> for ericwbailey.website.</small>
207  </li>
208  
209  <li class="c-link-list__item">
210    <a href="/published/i-restyled-my-mastodon-instance/" class="c-link-list__link" rel="author" id="i-restyled-my-mastodon-instance">I restyled my Mastodon instance</a>
211    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-11-27">November 27, 2023</time> for ericwbailey.website.</small>
212  </li>
213  
214  <li class="c-link-list__item">
215    <a href="/published/accessibility-annotation-kits-only-annotate/" class="c-link-list__link" rel="author" id="accessibility-annotation-kits-only-annotate">Accessibility annotation kits only annotate</a>
216    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-11-13">November 13, 2023</time> for ericwbailey.website.</small>
217  </li>
218  
219  <li class="c-link-list__item">
220    <a href="/published/github-now-has-a-setting-to-underline-links/" class="c-link-list__link" rel="author" id="github-now-has-a-setting-to-underline-links">GitHub now has a setting to underline links</a>
221    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-10-02">October 2, 2023</time> for ericwbailey.website.</small>
222  </li>
223  
224  <li class="c-link-list__item">
225    <a href="/published/equivalent-experience-can-cut-both-ways/" class="c-link-list__link" rel="author" id="equivalent-experience-can-cut-both-ways">Equivalent experience can cut both ways</a>
226    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-09-05">September 5, 2023</time> for ericwbailey.website.</small>
227  </li>
228  
229  <li class="c-link-list__item">
230    <a href="/published/the-five-types-of-people-who-produce-inaccessible-code/" class="c-link-list__link" rel="author" id="the-five-types-of-people-who-produce-inaccessible-code">The five types of people who produce inaccessible code</a>
231    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-06-16">June 16, 2023</time> for ericwbailey.website.</small>
232  </li>
233  
234  <li class="c-link-list__item">
235    <a href="/published/display-contents-considered-harmful/" class="c-link-list__link" rel="author" id="display-contents-considered-harmful"><code>display: contents</code> considered harmful</a>
236    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-05-25">May 25, 2023</time> for ericwbailey.website.</small>
237  </li>
238  
239  <li class="c-link-list__item">
240    <a href="/published/dont-use-custom-css-scrollbars/" class="c-link-list__link" rel="author" id="dont-use-custom-css-scrollbars">Don’t use custom CSS scrollbars</a>
241    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-05-03">May 3, 2023</time> for ericwbailey.website.</small>
242  </li>
243  
244  <li class="c-link-list__item">
245    <a href="/published/modern-health-frameworks-performance-and-harm/" class="c-link-list__link" rel="author" id="modern-health-frameworks-performance-and-harm">Modern Health, frameworks, performance, and harm</a>
246    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-02-01">February 1, 2023</time> for ericwbailey.website.</small>
247  </li>
248  
249  <li class="c-link-list__item">
250    <a href="/published/aria-label-is-a-code-smell/" class="c-link-list__link" rel="author" id="aria-label-is-a-code-smell"><code>aria-label</code> is a code smell</a>
251    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-10-31">October 31, 2022</time> for ericwbailey.website.</small>
252  </li>
253  
254  <li class="c-link-list__item">
255    <a href="/published/yes-accessibility-is-also-a-backend-concern/" class="c-link-list__link" rel="author" id="yes-accessibility-is-also-a-backend-concern">Yes, accessibility is also a backend concern</a>
256    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-09-29">September 29, 2022</time> for ericwbailey.website.</small>
257  </li>
258  
259  <li class="c-link-list__item">
260    <a href="https://www.smashingmagazine.com/2022/06/voice-control-usability-considerations-partially-visually-hidden-link-names/" class="c-link-list__link" rel="author" id="voice-control-usability-considerations-for-partially-visually-hidden-link-names">
260Voice Control Usability Considerations For Partially Visually Hidden Link Names</a>
261    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-06-24">June 24, 2022</time> for Smashing Magazine.</small>
262  </li>
263  
264  <li class="c-link-list__item">
265    <a href="/published/where-do-you-start-measuring-distance-from-when-the-origin-is-the-bottom-of-a-block-of-text/" class="c-link-list__link" rel="author" id="where-do-you-start-measuring-distance-from-when-the-origin-is-the-bottom-of-a-block-of-text">Where do you start measuring distance from when the origin is the bottom of a block of text?</a>
266    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-05-26">May 26, 2022</time> for ericwbailey.website.</small>
267  </li>
268  
269  <li class="c-link-list__item">
270    <a href="/published/the-optics-of-pair-programming/" class="c-link-list__link" rel="author" id="the-optics-of-pair-programming">The optics of pair programming</a>
271    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-05-17">May 17, 2022</time> for ericwbailey.website.</small>
272  </li>
273  
274  <li class="c-link-list__item">
275    <a href="/published/all-the-user-facing-states/" class="c-link-list__link" rel="author" id="all-the-user-facing-states">All the user-facing states</a>
276    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-04-29">April 29, 2022</time> for ericwbailey.website.</small>
277  </li>
278  
279  <li class="c-link-list__item">
280    <a href="/published/it-needs-to-map-back-to-a-role/" class="c-link-list__link" rel="author" id="it-needs-to-map-back-to-a-role">It needs to map back to a role</a>
281    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-03-14">March 14, 2022</time> for ericwbailey.website.</small>
282  </li>
283  
284  <li class="c-link-list__item">
285    <a href="/published/the-case-for-adding-validation-state-to-your-design-tokens/" class="c-link-list__link" rel="author" id="the-case-for-adding-validation-state-to-your-design-tokens">The case for adding validation state to your design tokens</a>
286    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-02-22">February 22, 2022</time> for ericwbailey.website.</small>
287  </li>
288  
289  <li class="c-link-list__item">
290    <a href="https://www.smashingmagazine.com/2022/03/windows-high-contrast-colors-mode-css-custom-properties/" class="c-link-list__link" rel="author" id="windows-high-contrast-mode-forced-colors-mode-and-css-custom-properties">Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties</a>
291    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-02-21">February 21, 2022</time> for Smashing Magazine.</small>
292  </li>
293  
294  <li class="c-link-list__item">
295    <a href="https://css-tricks.com/evergreen-does-not-mean-immediately-available/" class="c-link-list__link" rel="author" id="evergreen-does-not-mean-immediately-available">“Evergreen” Does Not Mean Immediately Available</a>
296    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-02-01">February 1, 2022</time> for CSS-Tricks.</small>
297  </li>
298  
299  <li class="c-link-list__item">
300    <a href="https://makeitfable.com/article/ive-had-enough-when-access-friction-becomes-an-access-barrier/" class="c-link-list__link" rel="author" id="ive-had-enough-when-access-friction-becomes-an-access-barrier">I’ve had enough! When access friction becomes an access barrier</a>
301    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-01-19">January 19, 2022</time> for Fable.</small>
302  </li>
303  
304  <li class="c-link-list__item">
305    <a href="/published/chinese-rooms-wasps-slime-molds-and-the-problem-of-other-minds/" class="c-link-list__link" rel="author" id="chinese-rooms-wasps-slime-molds-and-the-problem-of-other-minds">Chinese rooms, wasps, slime molds, and the problem of other minds</a>
306    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-12-23">December 23, 2021</time> for ericwbailey.website.</small>
307  </li>
308  
309  <li class="c-link-list__item">
310    <a href="/published/where-do-you-put-spacing-on-design-system-components/" class="c-link-list__link" rel="author" id="where-do-you-put-spacing-on-design-system-components">
310Where do you put spacing on design system components?</a>
311    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-12-07">December 7, 2021</time> for ericwbailey.website.</small>
312  </li>
313  
314  <li class="c-link-list__item">
315    <a href="https://css-tricks.com/test-your-product-on-a-crappy-laptop/" class="c-link-list__link" rel="author" id="test-your-product-on-a-crappy-laptop">Test Your Product on a Crappy Laptop</a>
316    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-12-07">December 7, 2021</time> for CSS-Tricks.</small>
317  </li>
318  
319  <li class="c-link-list__item">
320    <a href="/published/your-css-is-an-interface/" class="c-link-list__link" rel="author" id="your-css-is-an-interface">Your CSS is an interface</a>
321    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-11-15">November 15, 2021</time> for ericwbailey.website.</small>
322  </li>
323  
324  <li class="c-link-list__item">
325    <a href="https://www.smashingmagazine.com/2021/09/improving-accessibility-of-markdown/" class="c-link-list__link" rel="author" id="improving-the-accessibility-of-your-markdown">Improving The Accessibility Of Your Markdown</a>
326    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-09-28">September 28, 2021</time> for Smashing Magazine.</small>
327  </li>
328  
329  <li class="c-link-list__item">
330    <a href="/published/thoughtbot-com-dark-mode-and-other-user-preferences/" class="c-link-list__link" rel="author" id="thoughtbotcom-dark-mode-and-other-user-preferences">thoughtbot.com, dark mode, and other user preferences</a>
331    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-09-07">September 7, 2021</time> for ericwbailey.website.</small>
332  </li>
333  
334  <li class="c-link-list__item">
335    <a href="/published/organize-your-css-declarations-alphabetically/" class="c-link-list__link" rel="author" id="organize-your-css-declarations-alphabetically">Organize your CSS declarations alphabetically</a>
336    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-06-21">June 21, 2021</time> for ericwbailey.website.</small>
337  </li>
338  
339  <li class="c-link-list__item">
340    <a href="/published/listing-posts-in-eleventy-when-you-publish-offsite/" class="c-link-list__link" rel="author" id="listing-posts-in-eleventy-when-you-publish-offsite">Listing posts in Eleventy when you publish offsite</a>
341    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-04-28">April 28, 2021</time> for ericwbailey.website.</small>
342  </li>
343  
344  <li class="c-link-list__item">
345    <a href="https://css-tricks.com/css-is-a-strongly-typed-language/" class="c-link-list__link" rel="author" id="css-is-a-strongly-typed-language">CSS is a Strongly Typed Language</a>
346    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-04-13">April 13, 2021</time> for CSS-Tricks.</small>
347  </li>
348  
349  <li class="c-link-list__item">
350    <a href="https://www.shopify.com/partners/blog/mobile-accessibility" class="c-link-list__link" rel="author" id="mobile-accessibility-how-to-build-apps-that-work-for-all-users">Mobile Accessibility: How to Build Apps that Work for All Users</a>
351    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-04-06">April 6, 2021</time> for Shopify Partners.</small>
352  </li>
353  
354  <li class="c-link-list__item">
355    <a href="https://www.a11yproject.com/posts/2021-03-23-myth-alternate-text-can-be-automated/" class="c-link-list__link" rel="author" id="myth-alternate-text-and-automation">Myth: Alternate text and automation</a>
356    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-03-24">March 24, 2021</time> for The A11Y Project.</small>
357  </li>
358  
359  <li class="c-link-list__item">
360    <a href="https://www.a11yproject.com/posts/2021-03-08-should-i-use-an-accessibility-overlay/" class="c-link-list__link" rel="author" id="should-i-use-an-accessibility-overlay">Should I use an accessibility overlay</a>
361    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-03-08">March 8, 2021</time> for The A11Y Project.</small>
362  </li>
363  
364  <li class="c-link-list__item">
365    <a href="https://thoughtbot.com/blog/an-introduction-to-macos-voice-control" class="c-link-list__link" rel="author" id="an-introduction-to-macos-voice-control">An Introduction to macOS Voice Control</a>
366    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-03-02">March 2, 2021</time> for thoughtbot.</small>
367  </li>
368  
369  <li class="c-link-list__item">
370    <a href="/published/open-ui-and-implicit-parent-child-relationships-in-html/" class="c-link-list__link" rel="author" id="open-ui-and-implicit-parent/child-relationships-in-html">Open UI and implicit parent/child relationships in HTML</a>
371    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-01-12">January 12, 2021</time> for ericwbailey.website.</small>
372  </li>
373  
374  <li class="c-link-list__item">
375    <a href="https://thoughtbot.com/blog/so-you-wanna-create-an-eco-friendly-website" class="c-link-list__link" rel="author" id="so-you-wanna-create-an-eco-friendly-website">So you wanna create an eco-friendly website</a>
376    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-11-26">November 26, 2020</time> for thoughtbot.</small>
377  </li>
378  
379  <li class="c-link-list__item">
380    <a href="/published/using-a-folder-other-than-posts-with-eleventy/" class="c-link-list__link" rel="author" id="using-a-folder-other-than-posts/-with-eleventy">Using a folder other than <code>posts/</code> with Eleventy</a>
381    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-11-22">November 22, 2020</time> for ericwbailey.website.</small>
382  </li>
383  
384  <li class="c-link-list__item">
385    <a href="https://thoughtbot.com/blog/tailwind-versus-bem" class="c-link-list__link" rel="author" id="tailwind-versus-bem">Tailwind versus BEM</a>
386    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-10-29">October 29, 2020</time> for thoughtbot.</small>
387  </li>
388  
389  <li class="c-link-list__item">
390    <a href="https://css-tricks.com/focus-management-and-inert/" class="c-link-list__link" rel="author" id="focus-management-and-inert">Focus Management and Inert</a>
391    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-10-19">October 19, 2020</time> for CSS-Tricks.</small>
392  </li>
393  
394  <li class="c-link-list__item">
395    <a href="https://thoughtbot.com/blog/saying-no-to-diez-for-now" class="c-link-list__link" rel="author" id="saying-no-to-diez-for-now">Saying no to Diez (for now)</a>
396    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-09-18">September 18, 2020</time> for thoughtbot.</small>
397  </li>
398  
399  <li class="c-link-list__item">
400    <a href="/published/the-radium-craze/" class="c-link-list__link" rel="author" id="the-radium-craze">The Radium Craze</a>
401    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-08-25">August 25, 2020</time> for ericwbailey.website.</small>
402  </li>
403  
404  <li class="c-link-list__item">
405    <a href="https://www.smashingmagazine.com/2020/06/equivalent-experiences-part2/" class="c-link-list__link" rel="author" id="equivalent-experiences-thinking-equivalently">Equivalent Experiences: Thinking Equivalently</a>
406    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-06-05">June 5, 2020</time> for Smashing Magazine.</small>
407  </li>
408  
409  <li class="c-link-list__item">
410    <a href="https://www.smashingmagazine.com/2020/05/equivalent-experiences-part1/" class="c-link-list__link" rel="author" id="equivalent-experiences-what-are-they">
410Equivalent Experiences: What Are They?</a>
411    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-05-27">May 27, 2020</time> for Smashing Magazine.</small>
412  </li>
413  
414  <li class="c-link-list__item">
415    <a href="https://css-tricks.com/complete-guide-to-css-functions/" class="c-link-list__link" rel="author" id="a-complete-guide-to-css-functions">A Complete Guide to CSS Functions</a>
416    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-05-27">May 27, 2020</time> for CSS-Tricks.</small>
417  </li>
418  
419  <li class="c-link-list__item">
420    <a href="https://a11yproject.com/posts/aria-has-perfect-support/" class="c-link-list__link" rel="author" id="myth-aria-has-perfect-support">Myth: ARIA Has Perfect Support</a>
421    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-05-13">May 13, 2020</time> for The A11Y Project.</small>
422  </li>
423  
424  <li class="c-link-list__item">
425    <a href="https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/" class="c-link-list__link" rel="author" id="svg-favicons-and-all-the-fun-things-we-can-do-with-them">SVG, Favicons, and All the Fun Things We Can Do With Them</a>
426    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-04-24">April 24, 2020</time> for CSS-Tricks.</small>
427  </li>
428  
429  <li class="c-link-list__item">
430    <a href="/published/how-to-not-make-a-resume-in-react/" class="c-link-list__link" rel="author" id="how-to-not-make-a-resume-in-react">How to not make a résumé in React</a>
431    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-04-07">April 7, 2020</time> for ericwbailey.website.</small>
432  </li>
433  
434  <li class="c-link-list__item">
435    <a href="https://www.a11yproject.com/posts/2020-01-23-operating-system-and-browser-accessibility-display-modes/" class="c-link-list__link" rel="author" id="operating-system-and-browser-accessibility-display-modes">Operating System and Browser Accessibility Display Modes</a>
436    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-01-23">January 23, 2020</time> for The A11Y Project.</small>
437  </li>
438  
439  <li class="c-link-list__item">
440    <a href="/published/tech-metaphors/" class="c-link-list__link" rel="author" id="tech-metaphors">Tech metaphors</a>
441    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-11-11">November 11, 2019</time> for ericwbailey.website.</small>
442  </li>
443  
444  <li class="c-link-list__item">
445    <a href="/published/truths-about-digital-accessibility/" class="c-link-list__link" rel="author" id="truths-about-digital-accessibility">Truths about digital accessibility</a>
446    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-07-29">July 29, 2019</time> for ericwbailey.website.</small>
447  </li>
448  
449  <li class="c-link-list__item">
450    <a href="https://thoughtbot.com/blog/attempting-to-corral-colors-with-a-sass-function" class="c-link-list__link" rel="author" id="attempting-to-corral-colors-with-a-sass-function">Attempting to corral colors with a Sass function</a>
451    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-06-07">June 7, 2019</time> for thoughtbot.</small>
452  </li>
453  
454  <li class="c-link-list__item">
455    <a href="https://css-tricks.com/aria-spackle-not-rebar/" class="c-link-list__link" rel="author" id="aria-is-spackle-not-rebar">ARIA is Spackle, Not Rebar</a>
456    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-05-20">May 20, 2019</time> for CSS-Tricks.</small>
457  </li>
458  
459  <li class="c-link-list__item">
460    <a href="/published/lighthouse/" class="c-link-list__link" rel="author" id="lighthouse">Lighthouse</a>
461    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-05-14">May 14, 2019</time> for ericwbailey.website.</small>
462  </li>
463  
464  <li class="c-link-list__item">
465    <a href="https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/" class="c-link-list__link" rel="author" id="revisiting-prefers-reduced-motion-the-reduced-motion-media-query">Revisiting prefers-reduced-motion, the reduced motion media query</a>
466    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-04-30">April 30, 2019</time> for CSS-Tricks.</small>
467  </li>
468  
469  <li class="c-link-list__item">
470    <a href="https://css-tricks.com/introduction-reduced-motion-media-query/" class="c-link-list__link" rel="author" id="an-introduction-to-the-reduced-motion-media-query">An Introduction to the Reduced Motion Media Query</a>
471    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-04-24">April 24, 2019</time> for CSS-Tricks.</small>
472  </li>
473  
474  <li class="c-link-list__item">
475    <a href="https://thoughtbot.com/blog/slashbot" class="c-link-list__link" rel="author" id="slashbot">slashbot</a>
476    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-03-15">March 15, 2019</time> for thoughtbot.</small>
477  </li>
478  
479  <li class="c-link-list__item">
480    <a href="https://alistapart.com/article/paint-the-picture-not-the-frame" class="c-link-list__link" rel="author" id="paint-the-picture-not-the-frame-how-browsers-provide-everything-users-need">Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need</a>
481    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-02-07">February 7, 2019</time> for A List Apart.</small>
482  </li>
483  
484  <li class="c-link-list__item">
485    <a href="https://robots.thoughtbot.com/little-library" class="c-link-list__link" rel="author" id="little-library">Little Library</a>
486    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-01-14">January 14, 2019</time> for thoughtbot.</small>
487  </li>
488  
489  <li class="c-link-list__item">
490    <a href="https://css-tricks.com/reader-mode-the-button-to-beat/" class="c-link-list__link" rel="author" id="reader-mode-the-button-to-beat">Reader Mode: The Button to Beat</a>
491    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-01-07">January 7, 2019</time> for CSS - Tricks.</small>
492  </li>
493  
494  <li class="c-link-list__item">
495    <a href="https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/" class="c-link-list__link" rel="author" id="web-components-still-need-to-be-accessible">Web components still need to be accessible</a>
496    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-12-20">December 20, 2018</time> for 24 Accessibility.</small>
497  </li>
498  
499  <li class="c-link-list__item">
500    <a href="https://robots.thoughtbot.com/a-designer-developing-for-android" class="c-link-list__link" rel="author" id="a-designer-developing-for-android">A designer developing for Android</a>
501    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-11-08">November 8, 2018</time> for thoughtbot.</small>
502  </li>
503  
504  <li class="c-link-list__item">
505    <a href="https://webdesign.tutsplus.com/articles/the-importance-of-heading-levels-for-assistive-technology--cms-31753" class="c-link-list__link" rel="author" id="the-importance-of-heading-levels-for-assistive-technology">The Importance of Heading Levels for Assistive Technology</a>
506    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-10-22">October 22, 2018</time> for Envato Tuts+.</small>
507  </li>
508  
509  <li class="c-link-list__item">
510    <a href="https://css-tricks.com/the-possibilities-of-the-color-adjust-property/" class="c-link-list__link" rel="author" id="the-possibilities-of-the-color-adjust-property">The possibilities of the color-adjust property</a>
511    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-08-14">August 14, 2018</time> for CSS-Tricks.</small>
512  </li>
513  
514  <li class="c-link-list__item">
515    <a href="https://www.smashingmagazine.com/2018/06/placeholder-attribute/" class="c-link-list__link" rel="author" id="dont-use-the-placeholder-attribute">Don't Use The Placeholder Attribute</a>
516    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-06-20">June 20, 2018</time> for Smashing Magazine.</small>
517  </li>
518  
519  <li class="c-link-list__item">
520    <a href="https://css-tricks.com/focusing-on-focus-styles/" class="c-link-list__link" rel="author" id="focusing-on-focus-styles">Focusing on Focus Styles</a>
521    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-03-29">March 29, 2018</time> for CSS-Tricks.</small>
522  </li>
523  
524  <li class="c-link-list__item">
525    <a href="https://css-tricks.com/building-good-download-button/" class="c-link-list__link" rel="author" id="building-a-good-download-button">Building a Good Download… Button?</a>
526    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-02-03">February 3, 2018</time> for CSS-Tricks.</small>
527  </li>
528  
529  <li class="c-link-list__item">
530    <a href="https://cantina.co/building-a-better-button-in-css/" class="c-link-list__link" rel="author" id="building-a-better-button-in-css">Building a better button in CSS</a>
531    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2016-10-19">October 19, 2016</time> for Cantina.</small>
532  </li>
533  
534  <li class="c-link-list__item">
535    <a href="https://cantina.co/organizational-buy-in-on-responsive-design/" class="c-link-list__link" rel="author" id="organizational-buy-in-on-responsive-design">Organizational buy-in on Responsive Design</a>
536    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2016-06-02">June 2, 2016</time> for Cantina.</small>
537  </li>
538  
539  <li class="c-link-list__item">
540    <a href="https://cantina.co/fighting-for-control-of-your-smartphone-battery/" class="c-link-list__link" rel="author" id="battery-status-api-we-need-to-talk">Battery Status API: We need to talk</a>
541    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2016-01-13">January 13, 2016</time> for Cantina.</small>
542  </li>
543  
544  <li class="c-link-list__item">
545    <a href="https://cantina.co/using-the-exception-comment-to-help-maintain-mature-large-scale-sass-projects/" class="c-link-list__link" rel="author" id="ill-make-an-exception-just-for-you-using-the-exception-comment-to-help-maintain-mature-large-scale-sass-projects">I’ll Make an Exception Just for You: Using the Exception Comment to Help Maintain Mature, Large-scale Sass Projects</a>
546    <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2015-10-30">October 30, 2015</time> for Cantina.</small>
547  </li>
548  
549</ol>
550
551
552<p><a href="/tags/">All tags</a>.</p>
553
554  </div>
555</main>
556
557<div class="footer">
558  <div class="footer">
559  <div
560  class="flow u-color-background-gray"
561  style="padding-bottom: var(--scale6);"
562  id="section-navigation">
563  <h2 id="subtitle-navigation" class="hide-visually" style="margin-top:var(--scale2);">
564    Navigation
565  </h2>
566
567  <nav id="nav-primary" aria-label="Primary">
568  
569  <ul
570    itemscope
571    itemtype="https://schema.org/SiteNavigationElement">
572    
573    <li>
574      <a
575        class="u-color-text-white"
576        itemprop="url"
577        aria-current="page"
578        href="/published/">
579        Writing
580      </a>
581    </li>
582    
583    <li>
584      <a
585        class="u-color-text-white"
586        itemprop="url"
587        aria-current="page"
588        href="/speaking/">
589        Speaking
590      </a>
591    </li>
592    
593    <li>
594      <a
595        class="u-color-text-white"
596        itemprop="url"
597        aria-current="page"
598        href="/projects/">
599        Projects
600      </a>
601    </li>
602    
603    <li>
604      <a
605        class="u-color-text-white"
606        itemprop="url"
607        aria-current="page"
608        href="/office-hours/">
609        Office Hours
610      </a>
611    </li>
612    
613  </ul>
614</nav>
615
616  <nav id="nav-secondary" aria-label="Secondary">
617  
618  <ul
619    itemscope
620    itemtype="https://schema.org/SiteNavigationElement">
621    <li>
622      <a href="/feed/feed.xml">RSS Feed</a>
623    </li>
624    
625    <li>
626      <a
627        class="u-color-text-white"
628        itemprop="url"
629        aria-current="page"
630        href="/accessibility-statement/">
631        Accessibility Statement
632      </a>
633    </li>
634    
635    <li>
636      <a
637        class="u-color-text-white"
638        itemprop="url"
639        aria-current="page"
640        href="/colophon/">
641        Colophon
642      </a>
643    </li>
644    
645    <li>
646      <a
647        class="u-color-text-white"
648        itemprop="url"
649        aria-current="page"
650        href="/old-stuff/">
651        Old Stuff
652      </a>
653    </li>
654    
655  </ul>
656</nav>
657
658
659</div>
660
661</div>
662
663<script type="text/javascript" src="/js/main.js" async></script>
663
664
665
666
667<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="226e3d27-a52b-4898-b730-8ffc2aeb9963" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiMjI2ZTNkMjctYTUyYi00ODk4LWI3MzAtOGZmYzJhZWI5OTYzIiwiYWNjb3VudF9pZCI6IjVhY2JkMzQ2Njc2MTBjMTQ0MGNhMDE3NyIsImRlcGxveV9pZCI6IjZhYmYwY2YxZDg4MzU4MDAwOGExOTczZCIsImlzc3VlciI6Im5mc2VydmVyIn0.JxIIpn3sKyWKGeSzfHizueiuEF2eyECxTdAiRMqyCag"></script>
667
668</body>
669</html>
670
671</div>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.