PageSourceSearch

https://www.a11ywithlindsey.com/blog/

html a11ywithlindsey.com collected 2026-10-02 04:09:00 UTC 49,596 bytes, 17 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.bf63ffca541d1ab536ba.css" id="gatsby-global-css">@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Serif);@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);:root[data-user-reduced-motion] .menu a{padding:.875rem;text-decoration:none}.menu-main{grid-row:1/span 2;grid-column:3}.menu{margin:0;padding:0;list-style:none}.menu a{position:relative;display:inline-block;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:1rem;padding:.375rem;border:none;transition:all .3s;text-decoration:none}.menu-main a{color:var(--marron)}.menu a:hover{padding:.375rem}.privacy-policy a{text-transform:none;font-size:.75rem}@media only screen and (min-width:767px){.menu-main{grid-row:2;grid-column:2/span 2;justify-self:end;align-self:end}.menu-main li{display:inline-block}.menu a{font-size:1.125rem;padding:.875rem}.menu a:hover{padding:.875rem}.privacy-policy a{text-transform:none;font-size:.75rem}}@media screen and (prefers-reduced-motion:reduce){:root:not([data-user-reduced-motion]) .menu a{padding:.375rem;text-decoration:none}:root[data-user-reduced-motion] .menu a{padding:.375rem;text-decoration:none}}@media screen and (prefers-reduced-motion:reduce) and (min-width:767px){:root:not([data-user-reduced-motion]) .menu a{padding:.875rem;text-decoration:none}:root[data-user-reduced-motion] .menu a{padding:.875rem;text-decoration:none}}.toggle{grid-column:1/span 2;align-self:center}@media only screen and (min-width:767px){.toggle{grid-column:3/span 1;grid-row:1/span 1}}.header-wrapper{margin:0 auto;padding:0 1.5rem;max-width:52rem;display:grid}.header__right{display:flex}.logo{grid-column:1/span 1;grid-row:2/span 1;align-self:center;margin:0}.logo img{width:175px}@media only screen and (min-width:767px){.logo img{width:200px}.header-wrapper{grid-template-rows:3rem 5.875rem;grid-template-columns:25% auto 13rem}}.formkit-form[data-uid="4218bd5fb5"] *{font-family:PT Sans,sans-serif;box-sizing:border-box}.formkit-form[data-uid="4218bd5fb5"]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.formkit-form[data-uid="4218bd5fb5"] legend{border:none;font-size:inherit;margin-bottom:10px;padding:0;position:relative;display:table}.formkit-form[data-uid="4218bd5fb5"] fieldset{border:0;padding:.01em 0 0;margin:0;min-width:0}.formkit-form[data-uid="4218bd5fb5"] body:not(:-moz-handler-blocked) fieldset{display:table-cell}.formkit-form[data-uid="4218bd5fb5"] h1,.formkit-form[data-uid="4218bd5fb5"] h2,.formkit-form[data-uid="4218bd5fb5"] h3,.formkit-form[data-uid="4218bd5fb5"] h4,.formkit-form[data-uid="4218bd5fb5"] h5,.formkit-form[data-uid="4218bd5fb5"] h6{color:inherit;font-family:"PT Serif",serif}.formkit-form[data-uid="4218bd5fb5"] p{color:inherit;font-size:inherit;font-weight:inherit}.formkit-form[data-uid="4218bd5fb5"][data-format=modal]{display:none}.formkit-form[data-uid="4218bd5fb5"][data-format="slide in"]{display:none}.formkit-form[data-uid="4218bd5fb5"] .formkit-checkboxes,.formkit-form[data-uid="4218bd5fb5"] .formkit-input,.formkit-form[data-uid="4218bd5fb5"] .formkit-select{width:100%}.formkit-form[data-uid="4218bd5fb5"] .formkit-button,.formkit-form[data-uid="4218bd5fb5"] .formkit-submit{border:2px solid;border-radius:16px;color:#640d23;display:inline-block;cursor:pointer;overflow:hidden;padding:0;position:relative;vertical-align:middle}.formkit-form[data-uid="4218bd5fb5"] .formkit-button>span,.formkit-form[data-uid="4218bd5fb5"] .formkit-submit>span{display:block;transition:all .3s ease-in-out;padding:12px 24px}.formkit-form[data-uid="4218bd5fb5"] .formkit-input{background:transparent;font-size:15px;padding:12px;flex:1 0 auto;line-height:1.4;margin:0;transition:border-color .3s ease-out}.formkit-form[data-uid="4218bd5fb5"] .formkit-input:focus{border-color:#1677be;transition:border-color .3s ease}.convertkit-signup--footer .formkit-form[data-uid="4218bd5fb5"] .formkit-input::-webkit-input-placeholder{color:#640d23}.convertkit-signup--footer .formkit-form[data-uid="4218bd5fb5"] .formkit-input:-ms-input-placeholder{color:#640d23}.convertkit-signup--footer .formkit-form[data-uid="4218bd5fb5"] .formkit-input::placeholder{color:#640d23}.convertkit-signup--sidebar .formkit-form[data-uid="4218bd5fb5"] .formkit-input::-webkit-input-placeholder{color:#640d23}.convertkit-signup--sidebar .formkit-form[data-uid="4218bd5fb5"] .formkit-input:-ms-input-placeholder{color:#640d23}.convertkit-signup--sidebar .formkit-form[data-uid="4218bd5fb5"] .formkit-input::placeholder{color:#640d23}.formkit-form[data-uid="4218bd5fb5"] [data-group=dropdown]{position:relative;display:inline-block;width:100%}.formkit-form[data-uid="4218bd5fb5"] [data-group=dropdown]:before{content:"";top:calc(50% - 2.5px);right:10px;position:absolute;pointer-events:none;border-color:#4f4f4f transparent transparent;border-style:solid;border-width:6px 6px 0;
1height:0;width:0;z-index:999}.formkit-form[data-uid="4218bd5fb5"] [data-group=dropdown] select{height:auto;width:100%;cursor:pointer;color:#333;line-height:1.4;margin-bottom:0;-webkit-appearance:none;appearance:none;font-size:15px;padding:12px 25px 12px 12px;border:1px solid #e3e3e3;background:#fff}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes]{text-align:left;margin:0}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox]{margin-bottom:10px}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] *{cursor:pointer}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox]:last-of-type{margin-bottom:0}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] input[type=checkbox]{display:none}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] input[type=checkbox]+label:after{content:none}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] input[type=checkbox]:checked+label:after{border-color:#fff;content:""}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] input[type=checkbox]:checked+label:before{background:#10bf7a;border-color:#10bf7a}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] label{position:relative;display:inline-block;padding-left:28px}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] label:after,.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] label:before{position:absolute;content:"";display:inline-block}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] label:before{height:16px;width:16px;border:1px solid #e3e3e3;background:#fff;left:0;top:3px}.formkit-form[data-uid="4218bd5fb5"] [data-group=checkboxes] [data-group=checkbox] label:after{height:4px;width:8px;border-left:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:4px;top:8px}.formkit-form[data-uid="4218bd5fb5"] .formkit-alert{background:#f9fafb;border:1px solid #e3e3e3;border-radius:5px;flex:1 0 auto;list-style:none;margin:25px auto;padding:12px;width:100%}.formkit-form[data-uid="4218bd5fb5"] .formkit-alert:empty{display:none}.formkit-form[data-uid="4218bd5fb5"] .formkit-alert-success{background:#d3fbeb;border-color:#10bf7a;color:#0c905c}.formkit-form[data-uid="4218bd5fb5"] .formkit-alert-error{background:#fde8e2;border-color:#f2643b;color:#ea4110}.formkit-form[data-uid="4218bd5fb5"] .formkit-spinner{display:flex;height:0;margin:0 auto;position:absolute;top:0;left:0;right:0;width:0;overflow:hidden;transition:all .3s ease-in-out}.formkit-form[data-uid="4218bd5fb5"] .formkit-spinner>div{margin:auto;width:12px;height:12px;background-color:#fff;opacity:.3;border-radius:100%;display:inline-block;-webkit-animation:formkit-bouncedelay-formkit-form-data-uid-4218bd5fb5- 1.4s ease-in-out infinite both;animation:formkit-bouncedelay-formkit-form-data-uid-4218bd5fb5- 1.4s ease-in-out infinite both}.formkit-form[data-uid="4218bd5fb5"] .formkit-spinner>div:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.formkit-form[data-uid="4218bd5fb5"] .formkit-spinner>div:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}.formkit-form[data-uid="4218bd5fb5"] .formkit-submit[data-active] .formkit-spinner{opacity:1;height:100%;width:50px}.formkit-form[data-uid="4218bd5fb5"] .formkit-submit[data-active] .formkit-spinner~span{opacity:0}@-webkit-keyframes formkit-bouncedelay-formkit-form-data-uid-4218bd5fb5-{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes formkit-bouncedelay-formkit-form-data-uid-4218bd5fb5-{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.formkit-form[data-uid="4218bd5fb5"]{max-width:700px}.formkit-form[data-uid="4218bd5fb5"] [data-style=clean]{width:100%}.formkit-form[data-uid="4218bd5fb5"] .formkit-fields{display:flex;flex-wrap:wrap;margin:0 auto}.formkit-form[data-uid="4218bd5fb5"] .formkit-field,.formkit-form[data-uid="4218bd5fb5"] .formkit-submit{margin:0 0 15px;flex:1 0 100%}.formkit-form[data-uid="4218bd5fb5"] .formkit-powered-by{font-size:12px;margin:0}.formkit-form[data-uid="4218bd5fb5"] .formkit-powered-by[data-active=false]{opacity:.5}.formkit-form[data-uid="4218bd5fb5"][min-width~="700"] [data-style=clean],.formkit-form[data-uid="4218bd5fb5"][min-width~="800"] [data-style=clean]{padding:10px}.formkit-form[data-uid="4218bd5fb5"][min-width~="700"] .formkit-fields[data-stacked=false],.formkit-form[data-uid="4218bd5fb5"][min-width~="800"] .formkit-fields[data-stacked=false]{margin-left:-5px;margin-right:-5px}.formkit-form[data-uid="4218bd5fb5"][min-width~="700"] .formkit-fields[data-stacked=false] .formkit-field,.formkit-form[data-uid="4218bd5fb5"][min-width~="700"] .formkit-fields[data-stacked=false] .formkit-submit,.formkit-form[data-uid="4218bd5fb5"][min-width~="800"] .formkit-fields[data-stacked=false] .formkit-field,.formkit-form[data-uid="4218bd5fb5"][min-width~="800"] .formkit-fields[data-stacked=false] .formkit-submit{margin:0 5px 15px}.formkit-form[data-uid="4218bd5fb5"][min-width~="700"] .formkit-fields[data-stacked=false] .formkit-field,.formkit-form[data-uid="4218bd5fb5"][min-width~="800"] .formkit-fields[data-stacked=false] .formkit-field{flex:100 1 auto}.formkit-form[data-uid="4218bd5fb5"][min-width~="700"] .formkit-fields[data-stacked=false] .formkit-submit,.formkit-form[data-uid="4218bd5fb5"][min-width~="800"] .formkit-fields[data-stacked=false] .formkit-submit{flex:1 1 auto}.convertkit-signup--white-bg{padding:2rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11);font-weight:700}.formkit-form h2{margin-top:0}.formkit-input--email,.formkit-input--name{margin-bottom:.75rem}.formkit-submit{border-radius:5px;padding:5px;font-weight:500;font-family:PT Sans,sans-serif;color:#fff;border:1px solid #640d23;background:transparent;font-size:1rem;-webkit-appearance:none;appearance:none}.convertkit-signup--footer input{background:transparent;border:#640d23;border-bottom:2px solid #640d23;color:#640d23;font-size:1rem}
1.convertkit-signup.convertkit-signup--footer{width:65%;float:right}.convertkit-signup.convertkit-signup--footer .formkit-form[data-uid="4218bd5fb5"] .formkit-input{background:transparent!important}footer{background:var(--off-white);padding:15px 0;color:var(--marron)}.footer-wrapper{margin:0 auto;max-width:52rem;padding:0 20px}.footer-menu li{list-style:none;text-align:left}.footer-details{display:flex;flex-direction:column}footer a{color:var(--marron)}footer a:focus{outline:solid 2px var(--marron)}footer input:focus{outline:solid 2px var(--marron)}.social{display:flex;padding:0}.social li{list-style:none;padding:1rem}.social a{font-size:1.5rem;border-bottom:none}.credit{font-size:.75rem;margin:2.5rem 20px 1rem}@media only screen and (min-width:767px){.footer-wrapper{display:flex;justify-content:space-between}.social{justify-content:flex-end}.credit{text-align:center}.convertkit-signup--footer{align-self:flex-end}}:root{--teal:#24728a;--vermillion:#c03711;--white:#fff;--peach:#fed8ce}:root[data-user-reduced-motion=true] *{-webkit-animation-play-state:paused!important;animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}:root[data-user-reduced-motion=true] a{padding-bottom:0;border-bottom:none;text-decoration:underline}body{margin:0;font-family:PT Sans,sans-serif;background:var(--off-white);color:var(--marron);font-size:1.125rem}h1,h2,h3,h4,h5,h6{font-family:"PT Serif",serif}.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.focusable.visually-hidden:focus{position:relative;left:0;width:auto;height:auto;overflow:auto;border-bottom:none}.wrapper{margin:0 auto;max-width:52rem;padding:20px}.content__heading{background:var(--pale-blue);color:var(--navy)}.content__heading a{color:var(--navy)}.promo{position:fixed;-webkit-transform:translateY(-80px);transform:translateY(-80px);width:100%;z-index:10;background:var(--white);box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);padding:.5rem 0;text-align:center;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.promo-showing .promo{-webkit-transform:translateY(0);transform:translateY(0)}time{position:relative;display:inline-block;font-family:"PT Serif",serif;color:var(--vermillion);font-style:italic;font-weight:700}p{line-height:1.5}a{padding-bottom:2px;border-bottom:2px solid;text-decoration:none;color:var(--marron);font-weight:700;transition:padding-bottom .3s ease}a:hover,p a:focus{padding-bottom:4px}p a:focus{outline:1px solid #1e3650}li{line-height:1.5}img{max-width:100%}.gatsby-resp-image-link{border-bottom:none;padding:0}.gatsby-resp-image-link:hover{padding:0}.gatsby-resp-image-wrapper{margin-bottom:1rem}h2 a,h3 a{color:var(--marron);font-size:inherit}code{font-weight:700;font-size:1.25rem;padding:2px 5px;line-height:1.5}h2 code{font-size:1.75rem}pre{background:var(--navy);color:var(--off-white);display:block;margin:0 auto;padding:1rem;overflow:auto;max-width:590px}pre code{font-size:.9325rem;font-weight:400}.gatsby-highlight{margin:1rem 0}.language-html .tag,.language-jsx .tag{color:#fdb4cf}.language-html .attr-value,.language-jsx .attr-name{color:#b2dfeb}.language-html .attr-value .punctuation:first-child{color:#fdb4cf}.language-css,.language-scss{color:#b2dfeb}.language-css .selector,.language-scss .selector{color:#fdb4cf}.language-css .property,.language-css .punctuation,.language-scss .property,.language-scss .punctuation{color:#fff}.language-js .keyword,.language-jsx .keyword{color:#fdb4cf}.language-js .function,.language-jsx .function{color:#b2dfeb}.language-js .string,.language-jsx .string{color:#f8b4a0}.language-js .number,.language-jsx .operator{color:#b2dfeb}.language-js .comment,.language-jsx .operator{color:#c4c4c4}.language-js .operator,.language-jsx .operator{color:#fdb4cf}.language-json .property{color:#f8b4a0}.language-json .string{color:#b2dfeb}.language-diff .inserted{color:#a9f9b2}.language-diff .deleted{color:#f8b4a0}.gatsby-highlight-code-line{display:block;margin-right:-1rem;margin-left:-1rem;padding-right:1rem;padding-left:.25rem;
1border-left:8px solid #c03711;background:#305282}video{max-width:100%}audio,video{display:block;margin:1rem 0}blockquote:not(.twitter-tweet){position:relative;margin:3rem auto;border-left:8px solid var(--vermillion);padding:3rem;width:60%;font-size:1.4rem;font-weight:500;line-height:1.6;color:var(--marron)}twitterwidget{margin-left:auto;margin-right:auto}input{background:transparent;border:none;border-bottom:2px solid}input[type=submit]{cursor:pointer}.breadcrumb ol{padding:0}.breadcrumb li{display:inline;list-style:none;padding-right:7px}.breadcrumb li:not(:last-child):after{content:" \BB   ";padding-left:3px}.breadcrumb a:focus{padding-bottom:4px;outline:1px solid #1e3650}blockquote.twitter-tweet{display:inline-block;font-family:Helvetica Neue,Roboto,Segoe UI,Calibri,sans-serif;font-size:12px;font-weight:700;line-height:16px;border-radius:5px;border-color:#eee #ddd #bbb;border-style:solid;border-width:1px;box-shadow:0 1px 3px rgba(0,0,0,.15);margin:10px 5px;padding:0 16px 16px;max-width:468px}blockquote.twitter-tweet p{font-size:16px;font-weight:400;line-height:20px}blockquote.twitter-tweet a{color:inherit;font-weight:400;text-decoration:none;outline:0 none}blockquote.twitter-tweet a:focus,blockquote.twitter-tweet a:hover{text-decoration:underline}.source{max-width:590px;margin:0 auto}.sidebar--white-bg{padding:2rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11);font-weight:700}.right-arrow{border:solid;border-width:0 3px 3px 0;display:inline-block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);padding:3px}.toggle__button{opacity:0}.toggle__button+label{margin-left:20px;margin-top:1px;position:relative}.toggle__button+label:before{content:"";position:absolute;left:-39px;top:-2px;border:2px solid;border-radius:10px;width:15px;height:15px;transition:all .3s}.toggle__button:focus+label:before{box-shadow:1px 1px 10px #1e3650}.toggle__button:hover+label:before{cursor:pointer}.toggle__button+label:after{content:"";position:absolute;border-radius:14px;border:2px solid;left:-45px;top:-6px;z-index:-10;width:35px;height:24px}.toggle__button:checked+label:before{left:-30px;background:#f3e9ea}.center{width:50%;display:block;margin:1rem auto}@media screen and (prefers-reduced-motion:reduce){:root:not([data-user-reduced-motion]) *{-webkit-animation-play-state:paused!important;animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}:root:not([data-user-reduced-motion]) a{padding-bottom:0;border-bottom:none;text-decoration:underline}}.call-to-action{background:#fff;color:#24728a;padding:1rem 2rem}.call-to-action p:first-of-type{display:none}.call-to-action a{background:#c03711;color:#fff;border-radius:16px;padding:12px 14px;font-weight:500;font-size:1.25rem;display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.call-to-action a:focus,.call-to-action a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);padding:12px 14px}@media only screen and (min-width:767px){.call-to-action{display:grid;grid-template-columns:25% 75%;grid-template-rows:repeat(3,1fr);max-height:240px;margin:2rem auto 3rem;max-width:650px;padding:0}.call-to-action h2,.call-to-action p{grid-column-start:2;place-self:center;text-align:center}.call-to-action p:first-of-type{display:block;margin:-.375rem 0 0;grid-column-start:1;grid-row-start:1;grid-row-end:3;place-self:auto}}:root{--pale-blue:#b5d8ff}:root[data-user-reduced-motion=true] .hero__cta__link{text-decoration:none;padding:12px 14px;border:2px solid}:root[data-user-reduced-motion=true] .hero__cta__link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.hero{padding:3rem 0;background:var(--pale-blue);color:var(--navy)}.hero__text-wrapper{max-width:52rem;margin:0 auto;padding:1.5rem}.hero__cta__link{border-radius:16px;border:2px solid;padding:12px 14px;font-weight:500;color:var(--navy);font-size:1.25rem;display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.hero__cta__link:focus,.hero__cta__link:hover{-webkit-transform:scale(1.1);transform:scale(1.1);padding:12px 14px}.hero__cta__link:focus{outline:solid 3px var(--navy)}@media only screen and (min-width:767px){.hero__body--break{display:block}.hero__body p{line-height:1.5}}@media screen and (prefers-reduced-motion:reduce){:root:not([data-user-reduced-motion]) .hero__cta__link{text-decoration:none;padding:12px 14px;border:2px solid}:root:not([data-user-reduced-motion]) .hero__cta__link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}}:root{--marron:#640d23;--off-white:#f3e9ea;--navy:#1e3650}:root[data-user-reduced-motion=true] .blog__more-link{text-decoration:none;padding:12px 14px;border:2px solid}:root[data-user-reduced-motion=true] .blog__more-link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.book{background-color:var(--navy);padding:1rem 0;text-align:center}.book,.book a{color:var(--off-white)}.blog{max-width:52rem;padding:2rem 1.5rem;margin:0 auto}.blog__items{margin:2rem 0}.blog__title{margin:.625rem 0;font-size:1.3125rem}.blog__more-link{border-radius:16px;border:2px solid;padding:12px 14px;font-weight:500;color:var(--marron);font-size:1.25rem;display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.blog__more-link:focus,.blog__more-link:hover{padding:12px 14px;-webkit-transform:scale(1.1);transform:scale(1.1)}.supporters-tier ul{display:flex;list-style:none}.supporters-tier li{margin:0 .5rem}@media screen and (prefers-reduced-motion:reduce){:root:not([data-user-reduced-motion]) .blog__more-link{text-decoration:none;padding:12px 14px;border:2px solid}:root:not([data-user-reduced-motion]) .blog__more-link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}}.featured-image-block{margin:3rem 0;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11)}.featured-image-block__wrapper{position:relative;padding:3rem 2rem}.featured-image-block__img{position:absolute;right:-14px;top:-56px}.featured-image-block__img img{border-radius:60px;border:6px solid #fed8ce}.source a:focus{padding-bottom:4px;outline:2px solid #1e3650}main p img{max-width:100%;width:100%;height:100%}</style><meta name="generator" content="Gatsby 2.32.13"/><link rel="sitemap" type="application/xml" href="/sitemap.xml"/>
1<link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="alternate" type="application/rss+xml" href="/rss.xml"/><title data-react-helmet="true">Blog | a11y with Lindsey</title><meta data-react-helmet="true" name="viewport" content="width=device-width"/><meta data-react-helmet="true" name="description" content="a11y with Lindsey blog, where you can learn tidbits of accessibility tips for developers"/><meta data-react-helmet="true" name="keywords" content="accessibility, blogging, DC, inclusion, empathy"/><link as="script" rel="preload" href="/component---src-pages-blog-js-51eb9cf945d0e3813104.js"/><link as="script" rel="preload" href="/463c400049cbfdd14f898fba69d967c9e731d23c-73e840c7b288f04757ac.js"/><link as="script" rel="preload" href="/app-c9c16c8991030db0db65.js"/><link as="script" rel="preload" href="/framework-25679e2f2e739b4a55ca.js"/><link as="script" rel="preload" href="/styles-407fe62976dc5310c43e.js"/><link as="script" rel="preload" href="/webpack-runtime-04ee07f01a3316bb5a37.js"/><link as="fetch" rel="preload" href="/page-data/blog/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/3649515864.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div><a class="focusable visually-hidden" href="#main-content">Skip to main content</a><div class="content"><header><div class="header-wrapper"><div class="logo"><a style="color:white;text-decoration:none;border-bottom:none" href="/"><span class="visually-hidden"> <!-- -->a11y with Lindsey<!-- --> </span><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzEuNDIgNDguMjIiPgogIDxkZWZzPgogICAgPHN0eWxlPi5jbHMtMXtmb250LXNpemU6MTJweDtmb250LWZhbWlseTpQVE1vbm8tUmVndWxhciwgUFQgTW9ubzt9LmNscy0xLC5jbHMtMntmaWxsOiM2NDBkMjM7fTwvc3R5bGU+CiAgPC9kZWZzPgogIDx0aXRsZT5hMTF5IHdpdGggbGluZHNleTwvdGl0bGU+CiAgPGcgaWQ9IndpdGgtbGluZHNleSI+CiAgICA8dGV4dCBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgxLjg0IDQwLjQpIj5saW5kc2V5PC90ZXh0PgogICAgPHRleHQgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC44NCA0MC40KSI+d2l0aDwvdGV4dD4KICA8L2c+CiAgPGcgaWQ9ImExMXktaWNvbi1ib2R5Ij4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTc0Ljc4LDI5LjQ5YTEyLjg5LDEyLjg5LDAsMCwwLDcuOTEtMTEuODgsMSwxLDAsMCwwLTIsMEExMC44OSwxMC44OSwwLDAsMSw3My4zNCwyNy45aDBsLS4wOSwwYTEwLjYzLDEwLjYzLDAsMCwxLTMuNC41NUExMC44OSwxMC44OSwwLDAsMSw1OC45MywxNy42MWExLDEsMCwxLDAtMiwwQTEyLjg5LDEyLjg5LDAsMCwwLDY4Ljg4LDMwLjQ1TDY2LjkzLDQ1LjlsLTQuNTQtLjMxYTEsMSwwLDAsMC0xLjA3LjkzLDEsMSwwLDAsMCwuOTMsMS4wNmw1LjQ4LjM5aC4wN2ExLDEsMCwwLDAsMS0uODhMNzAuOSwzMC40NGExMi43OCwxMi43OCwwLDAsMCwyLS4zM2w0LjI0LDE1LjA3LTQuMzEsMS40N2ExLDEsMCwwLDAtLjYyLDEuMjgsMSwxLDAsMCwwLC45NC42NywxLjI2LDEuMjYsMCwwLDAsLjMzLS4wNWw1LjItMS43OWExLDEsMCwwLDAsLjY0LTEuMjFaTTUyLjA5LDI2LjMzSDQ5LjMzczAsMCwwLS4wOFYxLjM4QTEsMSwwLDAsMCw0Ny44OC41TDQxLjM5LDMuODlBMSwxLDAsMCwwLDQxLDUuMjRhMSwxLDAsMCwwLDEuMzUuNDJsNS0yLjYzVjI2LjI1czAsLjA2LDAsLjA4SDQ0LjU5YTEsMSwwLDAsMCwwLDJoNy41YTEsMSwwLDAsMCwwLTJabS0xMywwSDM2LjM0YS4xOS4xOSwwLDAsMCwwLS4wOFYxLjM4QTEsMSwwLDAsMCwzNC45LjVMMjguNDIsMy44OWExLDEsMCwxLDAsLjkyLDEuNzdsNS0yLjYzVjI2LjI1czAsLjA2LDAsLjA4SDMxLjYxYTEsMSwwLDAsMCwwLDJoNy41YTEsMSwwLDAsMCwwLTJaTTIxLDE3LjMzbDIuNTctMy4yNUExLDEsMCwwLDAsMjIsMTIuODRMMTkuMzMsMTYuMmExMi42NCwxMi42NCwwLDAsMC01LjQ1LTEuN3YtNmExLDEsMCwxLDAtMiwwdjZBMTIuNzgsMTIuNzgsMCwwLDAsNiwxNi40NGwtMi44Ni0zLjZhMSwxLDAsMSwwLTEuNTYsMS4yNGwyLjgxLDMuNTVBMTIuODcsMTIuODcsMCwwLDAsMCwyNy4zM2ExLDEsMCwwLDAsMiwwLDEwLjg5LDEwLjg5LDAsMCwxLDIxLjc3LDAsMSwxLDAsMCwwLDIsMEExMi44NiwxMi44NiwwLDAsMCwyMSwxNy4zM1oiLz4KICA8L2c+CiAgPGcgaWQ9ImExMXktaWNvbi1leWViYWxscyI+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNi41MywyMy42OUEzLjY1LDMuNjUsMCwxLDEsMTIuODgsMjAsMy42NCwzLjY0LDAsMCwxLDE2LjUzLDIzLjY5WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNjkuODEsMjUuMzRhMy42NSwzLjY1LDAsMSwwLTMuNjQtMy42NEEzLjY1LDMuNjUsMCwwLDAsNjkuODEsMjUuMzRaIi8+CiAgPC9nPgo8L3N2Zz4K" alt=""/></a></div><nav class="menu-main"><ul class="menu"><li class="menu-item"><a href="/about">About</a></li><li class="menu-item"><a href="/blog">Blog</a></li><li><a href="https://egghead.io/instructors/lindsey-kopacz">Egghead</a></li></ul></nav></div></header><div><div class="content"><main id="main-content"><div class="content__heading"><div class="wrapper"><nav class="breadcrumb"><ol><li><a href="/">Home</a></li><li>Blog</li></ol></nav><h1>Blog</h1></div></div><div class="content__body"><div class="wrapper"><p style="font-style:italic">Note: this blog is an archive and not actively maintained. Some information may be out of date. If you&#x27;d like to see what I am working on or work with me in a consulting capacity, visit my website<!-- --> <a href="https://lindseykopacz.com/">lindseykopacz.com</a>.</p><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/javascript-tricks-tips">&#x27;Knowing what you&#x27;re looking at&#x27; - JS tips for new React developers</a></h2><time>August 17, 2020</time><p>I have a confession to make. While I have been a professional web developer for over 
16 years, I didn't feel comfortable with JavaScript…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/accessible-interactive-components-react">A Guide to Accessible Interactive Components using React Libraries</a></h2><time>May 29, 2020</time><p>Content Warning: This blog post contains gifs. I’ve wanted to write this blog post ever since I wrote  a11y and JS - A Seemingly…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/creating-accessible-range-slider-css">Creating an Accessible Range Slider with CSS</a></h2><time>April 29, 2020</time><p>I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/how-accessibility-taught-better-javascript-part-two">How Accessibility Taught me to be Better at JavaScript - Part Two</a></h2><time>January 14, 2020</time><p>Content Warning: This blog post contains gifs. Hey friends! Today's writing is going to be a follow up to  How Accessibility Taught Me to be…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/accessibility-conferences">10 ways to help Accessibility at Conferences as a speaker</a></h2><time>November 26, 2019</time><p>Hey friends! Wedding planning is starting to heat up with five months left to go. I was pretty ambitious about my writing schedule when I…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/accessibility-d3-donut-charts">Accessibility in d3 Donut Charts</a></h2><time>November 6, 2019</time><p>Hey friends! I got back from Toronto last week after speaking at a11yTO, one of the only conferences where I wanted to speak! I spoke about…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/how-accessibility-taught-better-javascript-part-one">How Accessibility Taught me to be Better at JavaScript - Part One</a></h2><time>October 15, 2019</time><p>Content Warning: This blog post contains gifs. Hey friends! Hope you’ve had a great week! This tweet I wrote a while back inspired me to…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/reflections-year-one-blogging">Reflections on Year One of Blogging</a></h2><time>October 3, 2019</time><p>Hey friends! Guess what?? It’s my 30th birthday! And because I really love to be poetic, one year ago today, I decided to launch A11y with…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/reducing-motion-improve-accessibility">Reducing Motion to Improve Accessibility</a></h2><time>August 13, 2019</time><p>Content Warning: This blog post contains gifs. Hey friends! In this post, I am going to walk you through a newer media query (to me…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/create-custom-keyboard-accessible-radio-buttons">Create custom keyboard accessible radio buttons</a></h2><time>July 30, 2019</time><p>Content Warning: This blog post contains gifs. Hey friends! Today we'll be creating custom keyboard accessible radio buttons! This blog post…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/a11y-lessons-learned-starting-podcast">A11y Lessons I Learned when Starting a Podcast</a></h2><time>July 16, 2019</time><p>EDIT: I resigned from the podcast in late August 2019. The accessibility lessons I learned are still relevant if you'd like to start a…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/introduction-accessible-labeling">An Introduction to Accessible Labeling</a></h2><time>June 17, 2019</time><p>Last week, I got a decent amount of folks who found the  aria states blog post  helpful. This week I wanted to continue with that and go…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/introduction-aria-states">An Introduction to ARIA States</a></h2><time>June 3, 2019</time><p>
1Hey friends! Today’s blog post comes to you from my Patreon folks' poll. It’s a follow up from one of my previous posts about  Demystifying…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/blogging-editing-process">My Blogging Editing Process</a></h2><time>May 28, 2019</time><p>Content Warning: This blog post contains gifs. This post isn’t going to be a talk about speaking. I wanted to give you a glimpse because if…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/javascript-accessibility-accordions">JavaScript and Accessibility: Accordions</a></h2><time>May 16, 2019</time><p>Content Warning: This blog post contains gifs. When I first wrote my post about  JavaScript and Accessibility , I promised I would make it a…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/accessibility-d3-bar-charts">Accessibility in d3 Bar Charts</a></h2><time>May 6, 2019</time><p>Hey y’all! First off, I want to thank people for their patience with this post. I had a very stressful few weeks after I published my last…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/exploring-accessibility-cli-tools">Exploring Accessibility CLI tools</a></h2><time>April 15, 2019</time><p>Happy Tax day (at least if you're American)! My  last post  was about my accessibility testing process. However, this week, I wanted to…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/web-accessibility-testing-process">My Web Accessibility Testing Process</a></h2><time>April 8, 2019</time><p>Hi friends! It’s been a hot minute since I wrote a blog post. If you follow me  on Twitter , you know that I took a very strategic break in…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/7-ways-tweets-more-accessible">7 Ways to make your Tweets more Accessible</a></h2><time>February 25, 2019</time><p>Content Warning: This blog post contains gifs. I wrote a tweet thread a while back where I started talking about ways to keep accessibility…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/3-things-I-learned-transitioning-remote-office">3 Things I learned transitioning from Remote to an Office</a></h2><time>February 19, 2019</time><p>Back in October, I wrote a post about  10 things I've learned from working remotely , and it was a big hit. It actually made the top 7 posts…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/beginning-demystify-aria">Beginning to Demystify ARIA</a></h2><time>February 12, 2019</time><p>Content Warning: This blog post contains gifs. If you didn’t know this already, I usually cross post all these on  DEV . When I cross-posted…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/a11y-js-seemingly-unconventional-romance">a11y and JS - A Seemingly Unconventional Romance</a></h2><time>January 28, 2019</time><p>This post was inspired by a few things. First, a few months ago Rian Rietveld announced she was  resigning as the WordPress accessibility…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/4-things-always-manually-test">4 things that I always manually test</a></h2><time>January 22, 2019</time><p>Content Warning: This blog post contains gifs. When I was a Drupal developer, a great deal of interest went into Automated Accessibility…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/3-reasons-why-accessibility-not-edge-case">3 Reasons Why Accessibility is NOT an Edge Case</a></h2><time>January 16, 2019</time><p>The primary question I get from developers is “How do I get my clients on board” or sometimes “How do I convince my boss that it’s worth…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/create-accessible-dropdown-navigation-without-js">Create an accessible dropdown navigation without JS</a></h2><time>January 9, 2019</time><p>Content Warning: This blog post contains gifs. After cross-posting my last accessibility post about  dropdowns  on  dev.to , I was reading…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/2018-year-in-review">2018 Year in Review</a></h2><time>December 31, 2018</time><p>It's that time of year where I utter the same predictable phrase: "This year feels like it's been so long and yet so short!" As some may…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/create-accessible-dropdown-navigation">Create an accessible dropdown navigation</a></h2><time>December 4, 2018</time><p>Content Warning: This blog post contains gifs.    Want to see this in action?   I created a 6 minute video collection!    Go To My Free…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/create-custom-keyboard-accesible-checkboxes">Create custom keyboard accessible checkboxes</a></h2><time>November 27, 2018</time><p>Content Warning: This blog post contains gifs. I've seen a ton of designers make these GORGEOUS checkbox styles, but then you see them…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/what-im-grateful-developer">What I&#x27;m Grateful for as a Developer</a></h2><time>November 20, 2018</time><p>Happy Thanksgiving to those of us in the United States! I've been in this industry now for about 4 and a half years. In the spirit of…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/learn-dyslexia-web">Learn about Dyslexia for the Web with me!</a></h2><time>November 13, 2018</time><p>Content Warning: This blog post contains gifs. As I started this blog, I began to follow specific hashtags on Twitter. I learned that last…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/lessons-first-month-active-blogging">Lessons in my First Month of Active Blogging</a></h2><time>October 30, 2018</time><p>I soft-launched my blog the day before my birthday, announced it on my birthday (October 3rd), and now it's 4 weeks later. It's been a very…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/negative-impacts-withholding-form-labels">Negative Impacts of Withholding Form Labels</a></h2><time>October 23, 2018</time><p>Back in fall of 2016, I spoke for the first time about accessibility. While planning my presentation and looking for a relevant case study…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/3-simple-tips-improve-keyboard-accessibility">3 Simple Tips to Improve Keyboard Accessibility</a></h2><time>October 16, 2018</time><p>I wanted to write a blog post about one of my favorite accessibility topics - keyboard accessibility! I test this so much without even…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/writing-alternative-text-matters">Writing alternative text that matters</a></h2><time>October 9, 2018</time><p>If I ask anyone what accessibility means to them, usually the first thing that they can identify is “Adding alt text!” All you have to do is…</p></article><article style="margin-top:24px;margin-bottom:24px"><h2 style="margin-top:10px;margin-bottom:10px"><a style="box-shadow:none" href="/blog/design-tips-color-accessibility">Design Tips - Color and Accessibility</a></h2><time>October 2, 2018</time><p>This topic has the potential to be a touchy one for marketing departments and designers. There have been plenty of approved designs I have…</p></article></div></div></main></div></div><footer><div class="footer-wrapper"><nav class="footer-menu" style="align-self:flex-start"><ul class="menu"><li class="menu-item"><a href="/about">About</a></li><li class="menu-item"><a href="/blog">Blog</a></li><li><a href="https://egghead.io/instructors/lindsey-kopacz">Egghead</a></li><li class="menu-item privacy-policy"><a href="/privacy-policy">Privacy Policy</a></li></ul></nav><div class="footer-details"><ul class="social"><li><a href="https://www.linkedin.com/in/lindsey-kopacz-70a09033" aria-label="Lindsey&#x27;s LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li><li><a href="https://twitter.com/LittleKope/" aria-label="Lindsey&#x27;s Twitter"><i class="fab fa-twitter" aria-hidden="true"></i></a></li><li><a href="https://github.com/lkopacz" aria-label="Lindsey&#x27;s Github"><i class="fab fa-github" aria-hidden="true"></i></a></li></ul></div></div><div class="credit">Logo and Color Scheme design by<!-- --> <a href="https://www.linkedin.com/in/raquel-breternitz/">Raquel Breternitz</a></div></footer></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;
1border:0" aria-live="assertive" aria-atomic="true"></div></div>
1<script>
2  
3  
4  if(true) {
5    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
6    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
7    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
8    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
9  }
10  if (typeof ga === "function") {
11    ga('create', 'UA-122458440-1', 'auto', {});
12      
13      
14      
15      
16      
17      }</script>
17<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/blog/";/*]]>*/</script>
17<script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-d22790a7c7927829ee5c.js"],"app":["/app-c9c16c8991030db0db65.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-47c8d8b7529f7a984452.js"],"component---src-pages-2018-year-in-review-index-md":["/component---src-pages-2018-year-in-review-index-md-7e36ad4ac1bc0a9e91bb.js"],"component---src-pages-4-things-ive-learned-about-dyslexia-index-md":["/component---src-pages-4-things-ive-learned-about-dyslexia-index-md-fb8cbf8a54c6e52750d0.js"],"component---src-pages-404-js":["/component---src-pages-404-js-9105c1b52b661e85fbb5.js"],"component---src-pages-a-11-y-taught-js-p-1-index-md":["/component---src-pages-a-11-y-taught-js-p-1-index-md-baaa521f4f042d6084b1.js"],"component---src-pages-a-11-y-taught-js-p-2-index-md":["/component---src-pages-a-11-y-taught-js-p-2-index-md-9c78a3f9c72a0722efad.js"],"component---src-pages-a-11-y-testing-workflow-index-md":["/component---src-pages-a-11-y-testing-workflow-index-md-5072eec7bd8716f2b294.js"],"component---src-pages-about-js":["/component---src-pages-about-js-a634a7feecb654f3ac4d.js"],"component---src-pages-accessible-basic-nav-index-mdx":["/component---src-pages-accessible-basic-nav-index-mdx-145a78c7b6905c52c4d4.js"],"component---src-pages-accessible-styled-checkboxes-index-mdx":["/component---src-pages-accessible-styled-checkboxes-index-mdx-9d88f66b6034d62131c4.js"],"component---src-pages-accessible-styled-radio-index-mdx":["/component---src-pages-accessible-styled-radio-index-mdx-4eea5ef8febd4edd7169.js"],"component---src-pages-aria-labels-index-md":["/component---src-pages-aria-labels-index-md-00b64ae9de57e0c88758.js"],"component---src-pages-aria-states-index-mdx":["/component---src-pages-aria-states-index-mdx-8d61eff6bf020cf9cb60.js"],"component---src-pages-blog-birthday-1-index-md":["/component---src-pages-blog-birthday-1-index-md-1475138db4ca702a553e.js"],"component---src-pages-blog-js":["/component---src-pages-blog-js-51eb9cf945d0e3813104.js"],"component---src-pages-cli-tools-index-md":["/component---src-pages-cli-tools-index-md-5f30ea05ecfaeed8b162.js"],"component---src-pages-color-and-accessibility-index-md":["/component---src-pages-color-and-accessibility-index-md-23e02559abbc593a9c64.js"],"component---src-pages-data-viz-a-11-y-bar-chart-index-mdx":["/component---src-pages-data-viz-a-11-y-bar-chart-index-mdx-a90ae6d29b13fa2908b6.js"],"component---src-pages-donut-chart-index-md":["/component---src-pages-donut-chart-index-md-a41753978d1183f30803.js"],"component---src-pages-first-month-blogging-index-md":["/component---src-pages-first-month-blogging-index-md-0864b5ff08461051a9e5.js"],"component---src-pages-focus-within-index-md":["/component---src-pages-focus-within-index-md-8caf05d0403fa4d3564a.js"],"component---src-pages-html-5-aria-index-md":["/component---src-pages-html-5-aria-index-md-075b77dd86deec1b46d8.js"],"component---src-pages-index-js":["/component---src-pages-index-js-e7ddbcd01a9d56b9c798.js"],"component---src-pages-input-range-index-mdx":["/component---src-pages-input-range-index-mdx-ca6a45435d92d4b18530.js"],"component---src-pages-js-a-11-y-index-md":["/component---src-pages-js-a-11-y-index-md-0c8cdd7f5d545f0d4139.js"],"component---src-pages-js-accordion-index-md":["/component---src-pages-js-accordion-index-md-c197ef475baf396d0e5e.js"],"component---src-pages-js-tips-index-mdx":["/component---src-pages-js-tips-index-mdx-98c2242788d31e558911.js"],"component---src-pages-keyboard-accessibility-101-index-md":["/component---src-pages-keyboard-accessibility-101-index-md-309be05a43452239777f.js"],"component---src-pages-manual-testing-checklist-index-md":["/component---src-pages-manual-testing-checklist-index-md-bd58d3233712e3b03ce2.js"],"component---src-pages-my-blogging-workflow-index-md":["/component---src-pages-my-blogging-workflow-index-md-5937a3c244d09236d9de.js"],"component---src-pages-my-rant-this-isnt-edge-case-index-md":["/component---src-pages-my-rant-this-isnt-edge-case-index-md-fb032cbf703f451e317d.js"],"component---src-pages-negative-impact-inaccessible-forms-index-md":["/component---src-pages-negative-impact-inaccessible-forms-index-md-87f10f0ec741b1bc1363.js"],"component---src-pages-podcast-a-11-y-index-md":["/component---src-pages-podcast-a-11-y-index-md-d691a0a51bbf0faafcc3.js"],"component---src-pages-privacy-policy-js":["/component---src-pages-privacy-policy-js-75c24a7d6f1704329ac4.js"],"component---src-pages-react-packages-a-11-y-index-mdx":["/component---src-pages-react-packages-a-11-y-index-mdx-b10e2f78dbd62f951915.js"],"component---src-pages-reduce-motion-index-md":["/component---src-pages-reduce-motion-index-md-7e2a1f550bea9fcc0ced.js"],"component---src-pages-speaker-accessibility-index-md":["/component---src-pages-speaker-accessibility-index-md-6da78a9a1aeabb2cabfb.js"],"component---src-pages-thank-you-order-js":["/component---src-pages-thank-you-order-js-52a50d7cff3629b1106e.js"],"component---src-pages-thanks-digest-js":["/component---src-pages-thanks-digest-js-0b6ed1ecacbebe316533.js"],"component---src-pages-thanks-egghead-js":["/component---src-pages-thanks-egghead-js-3a320d4c621f5772281d.js"],"component---src-pages-thanks-email-course-js":["/component---src-pages-thanks-email-course-js-14f5384ca3de8db85d7a.js"],"component---src-pages-thanksgiving-2018-index-md":["/component---src-pages-thanksgiving-2018-index-md-1e92c5c8a3ba3721e340.js"],"component---src-pages-transitioning-from-remote-index-md":["/component---src-pages-transitioning-from-remote-index-md-f1b41fae929af23657d4.js"],"component---src-pages-twitter-a-11-y-index-md":["/component---src-pages-twitter-a-11-y-index-md-d0a912665ab0b5d3fc26.js"],"component---src-pages-writing-alternative-text-that-matters-index-md":["/component---src-pages-writing-alternative-text-that-matters-index-md-c764088123aced4a7b8d.js"],"component---src-templates-blog-post-js":["/component---src-templates-blog-post-js-7bb63e0dd5d181f92da8.js"]};/*]]>*/</script>
17<script src="/polyfill-d22790a7c7927829ee5c.js" nomodule=""></script>
17<script src="/webpack-runtime-04ee07f01a3316bb5a37.js" async=""></script>
17<script src="/styles-407fe62976dc5310c43e.js" async=""></script>
17<script src="/framework-25679e2f2e739b4a55ca.js" async=""></script>
17<script src="/app-c9c16c8991030db0db65.js" async=""></script>
17<script src="/463c400049cbfdd14f898fba69d967c9e731d23c-73e840c7b288f04757ac.js" async=""></script>
17<script src="/component---src-pages-blog-js-51eb9cf945d0e3813104.js" async=""></script>
17</body></html>

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.