CINXE.COM
About - The A11Y Project
<!DOCTYPE html><html lang="en" itemscope itemtype="http://schema.org/Webpage" class="no-js"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content=""><meta name="theme-color" content="#f6f6f6" media="(prefers-color-scheme: light)"><meta name="theme-color" content="#333536" media="(prefers-color-scheme: dark)"><title>About - The A11Y Project</title><meta name="title" content="About - The A11Y Project"><meta name="description" content="About this website."><meta property="og:type" content="website"><meta property="og:url" content="https://a11yproject.com/about/"><meta property="og:title" content="About - The A11Y Project"><meta property="og:description" content="About this website."><meta property="og:image" content="https://a11yproject.com/img/social/og-image-about.png"><meta property="og:image:alt" content=""><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://a11yproject.com/about/"><meta property="twitter:title" content="About - The A11Y Project"><meta property="twitter:description" content="About this website."><meta property="twitter:image" content="https://a11yproject.com/img/social/og-image-about.png"><meta property="twitter:image:alt" content=""><meta name="theme-color" content="#fb37ff"><link rel="icon" href="/favicon.svg"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/manifest.json"><script src="/js/apply-theme-setting.min.js?v=1.5.1"></script><link rel="stylesheet" as="style" href="/css/screen.min.css?v=1.5.1"><link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="The A11Y Project"><link rel="sitemap" type="application/xml" title="The A11Y Project" href="/sitemap.xml"><link rel="author" href="/humans.txt"><script async>if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register("/sw.js"); }); }</script></head><body class="template-about" data-color-scheme="blue-yellow"><a class="u-text-transform-uppercase c-skipnav" href="#title">Skip to content.</a><aside class="c-blm-banner" aria-label="Black lives matter"><p class="u-font-size-body-small"><span role="img" aria-label="Raised black fist.">✊🏾</span> The A11Y Project supports the Black community and the <a class="c-blm-banner__link" href="https://blacklivesmatter.carrd.co/">Black Lives Matter movement</a>. <wbr><a class="c-blm-banner__link" href="https://twitter.com/search?q=%23BlackDisabledLivesMatter">#BlackDisabledLivesMatter</a></p></aside><header id="header" class="l-header"><nav id="primary-navigation" class="l-primary-nav c-primary-nav" aria-label="Primary"><div id="logo" class="l-primary-nav__logo c-logo"><a class="c-logo__link" href="/"><div aria-hidden="true" class="c-logo__lockup"><svg class="c-logo__icon" aria-hidden="true" focusable="false" width="51" height="51" xmlns="http://www.w3.org/2000/svg"><title>The A11Y Project</title><path d="M25.5 0C11.417 0 0 11.417 0 25.5S11.417 51 25.5 51 51 39.583 51 25.5 39.583 0 25.5 0zm-.385 5.064a3.3 3.3 0 0 1 3.307 3.291 3.304 3.304 0 0 1-3.307 3.306 3.3 3.3 0 0 1-3.29-3.306 3.29 3.29 0 0 1 3.29-3.291zm14.289 10.652l-9.809 1.24.005 9.817 4.755 15.867a1.85 1.85 0 0 1-1.344 2.252c-.989.25-2.003-.3-2.252-1.298l-4.87-14.443h-1.498l-4.48 14.742c-.374.964-1.448 1.404-2.407 1.03-.954-.37-1.533-1.454-1.158-2.418l4.115-15.572v-9.978l-9.04-1.228c-.928-.075-1.558-.89-1.483-1.818.07-.934.914-1.628 1.838-1.554l10.982.944h4.815l11.69-.963a1.68 1.68 0 0 1 1.749 1.623c.04.924-.68 1.718-1.608 1.758z" fill="currentColor"/></svg> <svg class="c-logo__wordmark" aria-hidden="true" focusable="false" width="180" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.973 15H3.945V3.242H.068V.722H10.85v2.52H6.973V15zM24.746 15H21.73V8.838h-5.655V15h-3.027V.723h3.027v5.595h5.654V.723h3.018V15zM36.582 15h-8.223V.723h8.223v2.48h-5.195v3.135h4.834v2.48h-4.834V12.5h5.195V15zM53.506 15l-1.035-3.398h-5.205L46.23 15h-3.262L48.008.664h3.701L56.768 15h-3.262zm-1.758-5.938c-.957-3.079-1.497-4.82-1.621-5.224a16.453 16.453 0 0 1-.254-.957c-.215.833-.83 2.894-1.846 6.181h3.721zM64.756 15h-3.018V6.738v-.605l.02-.742c.013-.26.023-.521.03-.782.012-.26.022-.498.028-.713-.032.04-.088.098-.166.176l-.263.264-.303.283a5.13 5.13 0 0 1-.303.264L59.141 6.2l-1.465-1.816 4.6-3.662h2.48V15zM75.772 15h-3.018V6.738v-.605l.02-.742c.013-.26.022-.521.029-.782.013-.26.023-.498.029-.713-.032.04-.088.098-.166.176l-.264.264-.302.283a5.162 5.162 0 0 1-.303.264L70.157 6.2 68.69 4.385l4.6-3.662h2.48V15zM85.049 6.602l2.978-5.88h3.262l-4.736 8.721V15h-3.008V9.541L78.809.723h3.28l2.96 5.879zM101.309 7.441h.996c.931 0 1.627-.182 2.09-.546.462-.372.693-.909.693-1.612 0-.71-.195-1.234-.586-1.572-.384-.339-.99-.508-1.816-.508h-1.377v4.238zm6.836-2.265c0 1.536-.482 2.711-1.446 3.525-.957.814-2.321 1.22-4.092 1.22h-1.298V15h-3.028V.723h4.561c1.732 0 3.047.374 3.945 1.123.905.742 1.358 1.852 1.358 3.33zM113.867 7.06h.977c.957 0 1.663-.159 2.119-.478.456-.319.683-.82.683-1.504 0-.677-.234-1.159-.703-1.445-.462-.287-1.181-.43-2.158-.43h-.918v3.858zm0 2.461V15h-3.027V.723H115c1.94 0 3.376.354 4.307 1.064.931.703 1.396 1.774 1.396 3.213 0 .84-.231 1.589-.693 2.246-.462.651-1.117 1.162-1.963 1.533L122.246 15h-3.359l-3.408-5.479h-1.612zM137.002 7.842c0 2.363-.586 4.18-1.758 5.449-1.172 1.27-2.851 1.904-5.039 1.904-2.187 0-3.867-.635-5.039-1.904-1.172-1.27-1.758-3.092-1.758-5.469 0-2.376.586-4.19 1.758-5.44 1.178-1.256 2.865-1.884 5.059-1.884s3.87.632 5.029 1.895c1.165 1.263 1.748 3.079 1.748 5.449zm-10.42 0c0 1.595.303 2.796.908 3.603.606.808 1.511 1.211 2.715 1.211 2.415 0 3.623-1.605 3.623-4.814 0-3.216-1.201-4.824-3.603-4.824-1.205 0-2.113.406-2.725 1.22-.612.808-.918 2.009-.918 3.604zM138.467 19.2c-.684 0-1.279-.072-1.787-.216v-2.52c.521.131.996.196 1.425.196.665 0 1.14-.208 1.426-.625.287-.41.43-1.055.43-1.933V.722h3.027v13.36c0 1.667-.381 2.936-1.142 3.809-.762.872-1.888 1.308-3.379 1.308zM154.805 15h-8.223V.723h8.223v2.48h-5.196v3.135h4.834v2.48h-4.834V12.5h5.196V15zM163.857 3.037c-1.139 0-2.021.43-2.646 1.29-.625.852-.938 2.043-.938 3.573 0 3.184 1.195 4.776 3.584 4.776 1.003 0 2.217-.25 3.643-.752v2.539c-1.172.488-2.48.732-3.926.732-2.077 0-3.665-.628-4.765-1.885-1.101-1.263-1.651-3.072-1.651-5.43 0-1.484.27-2.782.811-3.896.54-1.12 1.315-1.976 2.324-2.568 1.016-.599 2.204-.898 3.564-.898 1.387 0 2.78.335 4.18 1.005l-.976 2.461a16.127 16.127 0 0 0-1.612-.664 4.806 4.806 0 0 0-1.592-.283zM176.055 15h-3.028V3.242h-3.877V.722h10.782v2.52h-3.877V15z" fill="currentColor"/></svg></div><p class="u-hide-visually">The A11Y Project</p></a></div><ul class="l-primary-nav__sections c-primary-nav__list"><li class="c-primary-nav__list-item"><a class="c-primary-nav__link" href="/posts/">Posts</a></li><li class="c-primary-nav__list-item"><a class="c-primary-nav__link" href="/spotlight/">Spotlight</a></li><li class="c-primary-nav__list-item"><a class="c-primary-nav__link" href="/resources/">Resources</a></li><li class="c-primary-nav__list-item"><a class="c-primary-nav__link" aria-current="page" href="/about/">About</a></li><li class="c-primary-nav__list-item"><a class="c-primary-nav__link" href="/checklist/">Checklist</a></li></ul></nav><div class="l-hero c-hero"><svg id="about" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1441 454.02"><defs><style>.cls-1{fill:none}.cls-2{fill:currentColor}</style></defs><path class="cls-1" d="M580.61 195q-8.61-15.52-22.76-23.3-13.83-7.78-33.42-7.78-23 0-38.6 7.78a57.68 57.68 0 00-24.49 23.05q-9.21 15.56-13.25 39.18-3.75 23.61-3.74 55.6 0 30.83 3.74 54.45 4 23.61 13.25 39.75a64.49 64.49 0 0024.78 24.49q15.56 8.07 38.89 8.06 19.59 0 33.13-8.06 13.83-8.36 22.47-24.49 8.92-16.12 13-39.75 4-23.93 4-55 0-31.4-4-54.74-4.06-23.64-13-39.24zM872.78 190.71q-9.51-16.71-25.07-25.06-15.27-8.35-37.45-8.36t-37.45 8.36Q757.54 174 748 190.71q-9.49 16.42-13.82 41.2t-4.32 57.62q0 32.84 4.32 57.9T748 389.49q9.79 16.71 25.07 25.35 15.55 8.66 37.74 8.65t37.45-8.65q15.27-8.64 24.77-25.35 9.51-17 13.54-42.06 4.32-25.06 4.33-57.9t-4.33-57.62q-4.29-24.78-13.79-41.2zM166.3 125.61q-7.5-23.06-12.39-44.37-2 10.67-4.9 20.74-2.59 9.8-5.76 20.17t-7.2 21.85q-4 11.24-9.22 25.07l-40 108.61h133.05l-36.59-103.1q-9.21-26.22-16.99-48.97z"/><path class="cls-2" d="M623.82 165.65A91.4 91.4 0 00586.08 136q-22.47-9.8-51.56-9.8a104.17 104.17 0 00-31.12 4.32 82 82 0 00-24.77 11.82 83.37 83.37 0 00-19.3 18.43 145.46 145.46 0 00-15 24.49H442q.57-14.69 1.15-28.52.58-12.1.87-25.06.29-13.26.29-23.34V0H335.74v24.78h4.61a112.1 112.1 0 0118.43 1.44 36.55 36.55 0 0115.56 5.47 28.76 28.76 0 0110.37 12.39q4 7.77 4 20.74v316.32q0 13.83-4 22.18a30.47 30.47 0 01-10.37 13 37.08 37.08 0 01-15.27 5.77c-1.78.29-3.62.53-5.49.73-1.42-.2-2.78-.44-4.06-.73a31.38 31.38 0 01-11.24-4.9 36.07 36.07 0 01-8.64-9.8 106.84 106.84 0 01-6.91-15.26l-133.39-365h-46.09L12.46 377.39a244.4 244.4 0 01-10.08 23.05Q1.21 402.86 0 405v43.28h100.33v-24.79H86.79q-19.89 0-29.68-6.92-9.51-6.92-9.51-21.89a55.26 55.26 0 011.45-11.52 93.69 93.69 0 014-13.83l22.47-61.94h155l23.62 66a107.2 107.2 0 013.46 11.81 37.63 37.63 0 011.44 10.08q0 28.25-35.43 28.24h-13.52v24.77h220.14l10.37-46.09h3.75a117.39 117.39 0 0014.69 21 89.69 89.69 0 0044.65 27.08 117.75 117.75 0 0030.83 3.72q29.09 0 51.56-9.5a93.68 93.68 0 0037.74-30q15.27-20.18 23-51.28 8.07-31.12 8.07-73.75 0-42.36-8.07-73.18-7.74-30.76-23-50.64zm-537 112.07l40-108.61q5.18-13.83 9.23-25.11 4-11.52 7.2-21.89T149 102q2.88-10.08 4.9-20.74 4.89 21.32 12.39 44.37 7.77 22.76 17 49l36.59 103.14zM593.57 344q-4 23.61-13 39.75-8.64 16.14-22.47 24.49-13.54 8.07-33.13 8.06-23.34 0-38.89-8.06a64.49 64.49 0 01-24.78-24.49q-9.21-16.12-13.25-39.75-3.75-23.62-3.74-54.45 0-32 3.74-55.6 4-23.62 13.25-39.18a57.68 57.68 0 0124.49-23.05q15.56-7.78 38.6-7.78 19.59 0 33.42 7.78 14.19 7.77 22.8 23.28 8.92 15.57 13 39.18 4 23.34 4 54.74 0 31.14-4.04 55.08zM911.67 166.51a106.15 106.15 0 00-42.93-30.24q-25.35-10.1-57.33-10.09-68.56 0-103.71 40.33-34.86 40.34-34.86 123 0 41.48 9.22 72.59 9.51 30.83 27.08 51.28a111 111 0 0043.22 30.54Q777.71 454 809.68 454q68 0 103.14-40.62 35.43-40.62 35.43-123.87 0-41.49-9.5-72-9.22-30.82-27.08-51zM886.6 347.43q-4 25.07-13.54 42.06-9.49 16.71-24.77 25.35t-37.45 8.65q-22.19 0-37.74-8.65-15.27-8.64-25.1-25.35-9.49-17-13.82-42.06t-4.32-57.9q0-32.85 4.32-57.62t13.82-41.2q9.51-16.71 24.78-25.06t37.45-8.36q22.18 0 37.45 8.36 15.56 8.35 25.07 25.06 9.5 16.42 13.82 41.2t4.33 57.62q.03 32.84-4.3 57.9zM1274.13 422.33a42.36 42.36 0 01-15.27-5.47 29 29 0 01-10.66-11.81q-3.75-8.07-3.75-21V131.94H1139v24.78h1.73a114.17 114.17 0 0118.73 1.44 35.09 35.09 0 0115.27 6.05q6.62 4.32 10.37 13 4 8.36 4 22.19v121.53a163 163 0 01-4.32 38.89 85.61 85.61 0 01-13.54 30.25 61 61 0 01-23 19.3q-13.83 6.92-33.42 6.91-17.85 0-30-5.18a46.44 46.44 0 01-19-15.85q-6.91-10.37-10.08-25.35a182.8 182.8 0 01-2.88-34.28V131.94H947.15v24.78h1.73a112.1 112.1 0 0118.43 1.44 39.69 39.69 0 0115.56 5.76 28.76 28.76 0 0110.37 12.39q4 7.77 4 20.74V338.5q0 30.25 6.33 52.15 6.63 21.89 19 36a73.42 73.42 0 0030.53 20.74q18.15 6.63 41.49 6.62a160.78 160.78 0 0027.65-2.3 90.15 90.15 0 0025.36-7.78 91.06 91.06 0 0022.75-16.42q11-10.36 19.88-27.08h2.88l7.78 47.82h93.63v-24.76h-1.73a145.86 145.86 0 01-18.66-1.16zM1441 165.65v-33.71h-68.59V59.35h-27.08q-4.61 22.75-10.95 38a84.56 84.56 0 01-16.13 25.93 56.24 56.24 0 01-22.76 14.41 72.8 72.8 0 01-23.33 4.32v23.62h44.94v197q0 25.35 4.89 42.92 5.19 17.58 15.56 28.24t26.5 15.27q16.14 4.89 38.61 4.89a132.38 132.38 0 0014.69-.86 112.19 112.19 0 0014.69-2c3.16-.5 6.13-1.1 9-1.77V421.2c-1.36.2-2.71.38-4.06.56a153.3 153.3 0 01-19.59 1.15q-20.46 0-32.84-14.12-12.1-14.12-12.1-44.36V165.65z"/></svg><div class="u-text-transform-uppercase l-hero__promo c-hero-summary"><h1 id="title" class="u-hide-visually">About</h1><p>All about this project</p></div></div></header><div class="l-lip c-lip"><div class="l-lip__hollow c-lip__hollow"></div><div class="l-lip__fill c-lip__fill"></div></div><main id="main" class="l-main"><div class="l-toc"><details open class="v-toc"><summary class="v-toc__summary"><span class="v-toc__summary-inner"><svg class="v-toc__icon" aria-hidden="true" focusable="false" height="30" width="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M9.07,29.55l-2.15-2.1L19,15,6.92,2.55,9.07.45,23.23,15Z"/></svg> <span class="v-toc__title">Table of Contents</span></span></summary><nav class="v-toc__nav" data-toc aria-label="Table of Contents"><div class="l-toc"><ol><li><a href="#disability">Disability</a></li><li><a href="#inclusion">Inclusion</a></li><li><a href="#law">Law</a></li><li><a href="#opportunity">Opportunity</a></li><li><a href="#what-does-the-term-a11y-mean">What does the term a11y mean?</a></li><li><a href="#about-this-site">About this site</a></li></ol></div></nav></details></div><div data-content class="l-content c-content c-content--about"><p class="c-lede">Accessibility is incredibly important, yet often overlooked in traditional digital design and development education. Because of this, The A11Y Project strives to be a living example of how to create beautiful, accessible, and inclusive digital experiences.</p><h2 id="disability" class="c-heading-large">Disability</h2><p><a href="https://www.cdc.gov/ncbddd/disabilityandhealth/infographic-disability-impacts-all.html">One in four people in the United States has a disability</a>. For many, technology built with accessibility in mind makes things easier. For people with disabilities, technology makes things possible.</p><p>Websites and apps can be made to work in such a way that it can be understood by assistive technology such as screen readers, refreshable braille displays, and screen magnifiers. Many disabled people rely on such devices to do things like order food, pay taxes, apply to jobs, and talk with their friends and family.</p><p>Additionally, websites and web apps can be designed to be understood by the widest possible audience. This includes accommodating things like colorblindness, Dyslexia and Dyscalculia, seizure and migraine triggers, as well as reading comprehension level and cognitive load.</p><h2 id="inclusion" class="c-heading-large">Inclusion</h2><p>Accessibility is important. Inclusion is essential.</p><p>Without representation, it is impossible to understand, much less effectively make accessible digital experiences.</p><p>In addition, accessibility work is oftentimes done after the fact to great expense. Inclusivity asks people making digital experiences to consider early and often what barriers and biases might keep people from being present, and what they can do about it.</p><h2 id="law" class="c-heading-large">Law</h2><p>In many countries, accessibility is a right protected by law, the same way protections for people's race, religion, and gender are upheld. Depriving someone of access is illegal and immoral.</p><h2 id="opportunity" class="c-heading-large">Opportunity</h2><p>Making things accessible translates to better opportunities, as it means more people can use them. Accessible digital experiences also remove barriers. This is incredibly important for things like employment, an area where disabled people have historically faced discrimination.</p><p>In addition, <a href="https://www.air.org/sites/default/files/2022-03/Hidden-Market-Spending-Power-of-People-with-Disabilities-April-2018.pdf">recent research (PDF)</a> has revealed that there are billions of dollars in potential revenue if accessibility needs are accommodated. For example, the keyboard present with every desktop and laptop computer, tablet, and smartphone are derived from <a href="https://en.m.wikipedia.org/wiki/Hansen_Writing_Ball">the Hansen Writing Ball</a>, assistive technology invented in the early 1800s.</p><h2 id="what-does-the-term-a11y-mean" class="c-heading-large">What does the term a11y mean?</h2><p>“<dfn>a11y</dfn>” stands for “accessibility.” It is a numeronym, with <strong>11</strong> representing the count of letters between the letter <strong>a</strong> and the letter <strong>y</strong>. Other numeronyms you may be familiar with include: <dfn>i18n</dfn> (internationalization), <dfn>P2P</dfn> (peer to peer), <dfn>WWII</dfn> (World War 2), etc.</p><p>The word accessibility has different meanings in different contexts. On the internet, the use of the term a11y helps to identify content related specifically to digital accessibility. For example, it is often used as <a href="https://twitter.com/hashtag/a11y?src=hash">a Twitter hashtag</a> by digital accessibility practitioners.</p><p>If you’d like to learn more about the term a11y, check out our post, <a href="/posts/a11y-and-other-numeronyms/">Quick tip: a11y and a brief numeronyms primer</a>.</p><h2 id="about-this-site" class="c-heading-large">About this site</h2><p>This site is Open Source software, meaning that everyone is able to view its underlying code, as well as collaboratively participate in its development if they so choose. The site's <a href="/team/#maintainers">maintainers</a> help with day-to-day operations.</p><p>This code is stored on <a href="https://github.com/a11yproject/a11yproject.com/">GitHub</a>, a website that helps facilitate collaboration for code-related things. The website itself is built using <a href="https://www.11ty.dev/">Eleventy</a>, an engine used to quickly and efficiently stitch together code and written content.</p><p>If you are knowledgeable about accessibility and want to help, please consider <a href="/contribute/">contributing</a> or <a href="/sponsorship/">sponsoring</a>! In addition to development help, we always welcome help with writing posts and editing, as well as providing information, resources, and feedback.</p></div></main><aside id="sponsors" class="l-sponsors c-sponsors" aria-label="Sponsors"><a class="c-sponsor__link" href="https://gomakethings.com/"><img alt="Go make things. Learn Vanilla JavaScript. Get daily developer tips." class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/go-make-things.svg"> </a><a class="c-sponsor__link" href="https://assistivlabs.com/?utm_source=the_a11y_project&utm_medium=sponsored_ad"><img alt="Assistiv Labs. Instantly test with real screen readers and more. Get started." class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/assistiv-labs.svg"> </a><a class="c-sponsor__link" href="https://makeitfable.com/?utm_source=partnerships&utm_medium=website&utm_campaign=a11yproject"><img alt="Fable." class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/fable.png"> </a><a class="c-sponsor__link" href="https://a11y-collective.com/?utm_medium=website&utm_source=a11y_project&utm_campaign=banner"><img alt="A11Y Collective. Online courses in web accessibility. Increase your knowledge base and add accessible code, design, or content to your skill set. Sign up for a course." class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/a11y-collective.svg"> </a><a class="c-sponsor__link" href="https://beinclusive.app/?mtm_campaign=Sponsorship&mtm_kwd=A11yProject"><img alt="Be Inclusive. Tired of tracking audits in spreadsheets? Focus on what really matters, let us simplify the rest. Try it free for a week!" class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/be-inclusive.svg"> </a><a class="c-sponsor__link" href="https://www.helloaccess.co?utm_source=a11yproject"><img alt="Improve your website and app accessibility. We offer user tests and audits provided by people with disabilities. Get started." class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/hello-access.svg"> </a><a class="c-sponsor__link" href="https://www.a11yproject.com/sponsorship/"><img alt="Sponsor The A11Y Project. Learn how." class="c-sponsor__ad" loading="lazy" role="img" src="/img/sponsors/sponsor-the-a11y-project.svg"></a></aside><footer id="footer" class="l-footer c-footer" role="contentinfo"><nav id="site-navigation" class="l-footer-nav" aria-label="Site"><div class="l-footer-nav__features c-footer__subnav"><h2 id="features" class="u-font-size-body-medium u-text-transform-uppercase c-footer__heading">Features</h2><ul class="c-footer__list"><li><a class="c-footer__link" href="/posts/">Posts</a></li><li><a class="c-footer__link" href="/spotlight/">Spotlight</a></li><li><a class="c-footer__link" href="/resources/">Resources</a></li><li><a class="c-footer__link" href="/about/" aria-current="page">About</a></li><li><a class="c-footer__link" href="/checklist/">Checklist</a></li></ul></div><div class="l-footer-nav__project c-footer__subnav"><h2 id="project" class="u-font-size-body-medium u-text-transform-uppercase c-footer__heading">Project</h2><ul class="c-footer__list"><li><a class="c-footer__link" href="/values/">Values</a></li><li><a class="c-footer__link" href="/team/">Team</a></li><li><a class="c-footer__link" href="/authors/">Authors</a></li><li><a class="c-footer__link" href="/announcements/">Announcements</a></li><li><a class="c-footer__link" href="/collections/">Collections</a></li></ul></div><div class="l-footer-nav__utility c-footer__subnav"><h2 id="site" class="u-font-size-body-medium u-text-transform-uppercase c-footer__heading">Site</h2><ul class="c-footer__list"><li><a class="c-footer__link" href="/code-of-conduct/">Code of Conduct</a></li><li><a class="c-footer__link" href="/accessibility-statement/">Accessibility Statement</a></li><li><a class="c-footer__link" href="/contributing-guidelines/">Contributing Guidelines</a></li><li><a class="c-footer__link" href="/content-style-guide/">Content Style Guide</a></li><li><a class="c-footer__link" href="/privacy-and-security/">Privacy and Security</a></li></ul></div><div class="l-footer-nav__social c-footer__subnav"><h2 id="social" class="u-font-size-body-medium u-text-transform-uppercase c-footer__heading">Social</h2><ul class="c-footer__list"><li><a class="c-footer__link" href="https://a11y.info/@thea11yproject/">Mastodon</a></li><li><a class="c-footer__link" href="https://twitter.com/A11YProject">Twitter</a></li><li><a rel="me" class="c-footer__link" href="/feed/feed.xml"><abbr>RSS</abbr></a></li></ul></div><div class="l-footer-nav__support c-footer__subnav"><h2 id="support" class="u-font-size-body-medium u-text-transform-uppercase c-footer__heading">Support</h2><ul class="c-footer__list"><li><a class="c-footer__link" href="/sponsorship/">Sponsorship</a></li><li><a class="c-footer__link" href="https://opencollective.com/the-a11y-project">Open Collective</a></li><li><a class="c-footer__link" href="/write-for-us/">Write for Us</a></li><li><a class="c-footer__link" href="https://github.com/a11yproject/a11yproject.com/issues?q=is%3Aissue+is%3Aopen+label%3A%22Good+First+Issue%22">Good First Issues</a></li><li><a class="c-footer__link" href="https://github.com/a11yproject/a11yproject.com">GitHub</a></li></ul></div><div class="l-footer__meta--nav c-footer__subnav"><p class="c-footer__tagline">Accessibility helps everyone.</p><div class="l-footer__copyright"><p class="c-font-size-body-small">© 2013–2024 The Accessibility Project. <a class="c-footer__copyright-link" href="https://www.apache.org/licenses/LICENSE-2.0"><abbr>APLv2</abbr></a>. <a class="c-footer__copyright-link" href="/sitemap.xml">Sitemap</a>.</p><p class="c-footer__copyright">Powered by <a class="c-footer__copyright-link" href="https://www.11ty.io/">Eleventy</a>, <a class="c-footer__copyright-link" href="https://www.netlify.com/">Netlify</a>, and <a class="c-footer__copyright-link" href="https://github.com/a11yproject/a11yproject.com">GitHub</a>.</p></div><p class="u-font-size-body-small l-footer__top"><a class="c-footer__copyright-link" href="#header">Back to top</a></p></div></nav><div class="l-footer__meta--footer"><p class="l-footer__tagline c-footer__tagline">Accessibility helps everyone.</p><div id="theme" class="l-footer__theme-switcher"><section class="l-footer__theme-switcher" aria-label="Theme switcher"><fieldset class="c-theme-switcher" data-theme-toggle><div class="c-theme-switcher__wrapper c-theme-switcher"><legend class="u-text-transform-uppercase c-theme-switcher__title">Theme</legend><div class="c-theme-switcher__options"><input id="theme-system" class="c-theme-switcher__input" name="theme" value="system" type="radio" checked="checked"><label for="theme-system" class="c-theme-switcher__label">System</label> <input id="theme-light" class="c-theme-switcher__input" name="theme" value="light" type="radio"><label for="theme-light" class="c-theme-switcher__label">Light</label> <input id="theme-dark" class="c-theme-switcher__input" name="theme" value="dark" type="radio"><label for="theme-dark" class="c-theme-switcher__label">Dark</label></div></div></fieldset></section></div><div class="l-footer__tagline-copyright"><div class="l-footer__copyright"><p class="c-font-size-body-small">© 2013–2024 The Accessibility Project. <a class="c-footer__copyright-link" href="https://www.apache.org/licenses/LICENSE-2.0"><abbr>APLv2</abbr></a>. <a class="c-footer__copyright-link" href="/sitemap.xml">Sitemap</a>.</p><p class="c-footer__copyright">Powered by <a class="c-footer__copyright-link" href="https://www.11ty.io/">Eleventy</a>, <a class="c-footer__copyright-link" href="https://www.netlify.com/">Netlify</a>, and <a class="c-footer__copyright-link" href="https://github.com/a11yproject/a11yproject.com">GitHub</a>.</p></div><p class="u-font-size-body-small l-footer__top"><a class="c-footer__copyright-link" href="#header">Back to top</a></p></div></div></footer><script async src="/js/lib/details-element-polyfill.polyfill.min.js"></script><script src="/js/theme-toggle.min.js?v=1.5.1"></script><script async src="/js/lib/table-of-contents.min.js"></script></body></html>