CINXE.COM

<!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>Posts - The A11Y Project</title><meta name="title" content="Posts - The A11Y Project"><meta name="description" content="Wisdom from the community."><meta property="og:type" content="website"><meta property="og:url" content="https://a11yproject.com/posts/"><meta property="og:title" content="Posts - The A11Y Project"><meta property="og:description" content="Wisdom from the community."><meta property="og:image" content="https://a11yproject.com/img/social/og-image-posts.png"><meta property="og:image:alt" content=""><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://a11yproject.com/posts/"><meta property="twitter:title" content="Posts - The A11Y Project"><meta property="twitter:description" content="Wisdom from the community."><meta property="twitter:image" content="https://a11yproject.com/img/social/og-image-posts.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-posts" data-color-scheme="pink-blue"><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" aria-current="page" 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" 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1441 549.96"><path fill="none" d="M263.35 67.17q-14.1-15.58-36.74-23-22.28-7.8-54.55-7.79h-51.58v259h40.44q34.52 0 59-7.05Q244.43 280.91 260 265q15.58-16.32 22.63-41.56 7.42-25.6 7.43-61.6 0-31.92-6.31-55.3-6.3-23.78-20.4-39.37zm331.86 143.61Q583 189.26 562.92 178.5q-19.67-10.77-48.24-10.77t-48.24 10.77q-19.67 10.75-31.92 32.28-12.24 21.15-17.81 53.07t-5.56 74.22q0 42.3 5.56 74.59t17.81 54.18q12.63 21.51 32.29 32.65 20 11.13 48.61 11.13t48.24-11.13q19.68-11.13 31.92-32.65 12.24-21.9 17.44-54.18 5.57-32.3 5.57-74.59T613 263.85q-5.55-31.92-17.79-53.07z"/><path fill="currentColor" d="M955.6 356.25q-13.73-14.47-35.25-26.72a485.11 485.11 0 0 0-51.59-24.86q-25.23-10.4-43.42-18.56-17.8-8.53-29.31-17.44-11.13-8.91-16.33-19.29-5.19-10.77-5.19-25.24a70.66 70.66 0 0 1 4.08-24.49 50.33 50.33 0 0 1 12.62-19.3q8.89-8.16 22.63-12.62t33-4.45q33.76 0 49.35 21.15 16 21.15 16 59.38 26.36 0 40.45-12.25 14.48-12.62 14.47-33.4a53.93 53.93 0 0 0-7.05-26.71q-7-13-21.15-22.27Q924.8 139.54 904 134t-47.87-5.56q-32.29 0-58.64 7t-45.27 20.78a92.64 92.64 0 0 0-29.32 33.4q-10 20-10 46 0 24.87 7.06 43.05a93.37 93.37 0 0 0 21.15 31.91q14.1 14.11 35.62 26.35 21.9 11.88 51.21 24.87 27.46 11.87 45.65 21.15t28.57 18.18q10.77 8.91 14.85 19.3 4.44 10 4.45 24.12a70.86 70.86 0 0 1-5.57 28.2 61.31 61.31 0 0 1-16.33 21.9q-10.38 8.9-26 14.1-15.58 4.83-36 4.82-23 0-39-7.42a69.52 69.52 0 0 1-25.24-20.78 85.11 85.11 0 0 1-13.73-30.8 164.28 164.28 0 0 1-4.08-37.48 52.76 52.76 0 0 0-15.22 2.6 43 43 0 0 0-15.58 8.16q-7 5.94-12.25 16.33-4.81 10-4.82 25.23 0 20 8.9 35.26 8.91 14.84 25.24 25.23 16.32 10 39.33 14.85 23.39 5.19 52 5.19 33.76 0 61.23-7.42 27.82-7.42 47.5-22.27a104 104 0 0 0 30.43-37.48q10.76-22.26 10.76-52 0-23.74-6.68-41.93a91.71 91.71 0 0 0-20.75-32.59zm317.22-175.9q8.91-8.16 22.64-12.62t33-4.45q33.77 0 49.35 21.15 16 21.15 16 59.38 26.35 0 40.45-12.25a42.36 42.36 0 0 0 6.75-7.42V170.3a62.89 62.89 0 0 0-20.48-21.12q-14.1-9.65-34.88-15.22t-47.87-5.56q-32.3 0-58.64 7t-45.27 20.78a92.64 92.64 0 0 0-29.32 33.4q-10 20-10 46 0 24.87 7 43.05a93.54 93.54 0 0 0 21.16 31.91q14.1 14.11 35.62 26.35 21.9 11.88 51.21 24.87 27.46 11.93 45.67 21.24t28.57 18.18q10.77 8.91 14.85 19.3 4.44 10 4.45 24.12a70.86 70.86 0 0 1-5.57 28.2 61.31 61.31 0 0 1-16.33 21.9q-10.38 8.9-26 14.1-15.59 4.83-36 4.82-23 0-39-7.42a69.52 69.52 0 0 1-25.18-20.81 85.11 85.11 0 0 1-13.73-30.8 164.28 164.28 0 0 1-4.08-37.48 52.69 52.69 0 0 0-15.21 2.6 42.91 42.91 0 0 0-15.59 8.16q-7.05 5.94-12.25 16.33-4.82 10-4.82 25.23 0 20 8.91 35.26l.75 1.21q-8.38 1.44-16.59 2.5a198 198 0 0 1-25.24 1.48q-26.34 0-42.3-18.18-15.58-18.18-15.59-57.15v-256h99.45v-43.47h-99.45V41.56h-34.88q-5.94 29.32-14.1 49a109.2 109.2 0 0 1-20.78 33.4 72.4 72.4 0 0 1-29.32 18.55q-16.34 5.56-30.06 5.57v30.42H1028v253.82q0 32.67 6.31 55.3 6.68 22.63 20 36.36t34.14 19.67q20.77 6.32 49.73 6.31a172.29 172.29 0 0 0 18.92-1.11 146 146 0 0 0 18.93-2.6 148 148 0 0 0 17.07-3.71 91.56 91.56 0 0 0 12.62-4.45V515a81.81 81.81 0 0 0 17.69 14.93q16.32 10 39.34 14.85 23.37 5.19 52 5.19 33.77 0 61.23-7.42 27.83-7.42 47.5-22.27a105.25 105.25 0 0 0 17.52-17.07V360.36a96.75 96.75 0 0 0-3.78-4.11q-13.73-14.47-35.25-26.72a485.11 485.11 0 0 0-51.59-24.86q-25.23-10.4-43.41-18.56-17.82-8.53-29.32-17.44-11.13-8.91-16.33-19.29-5.19-10.77-5.19-25.24a70.66 70.66 0 0 1 4.08-24.49 50.31 50.31 0 0 1 12.61-19.3zm-627.52-.74a136.77 136.77 0 0 0-55.29-39q-32.65-13-73.85-13-88.32 0-133.59 52a144.41 144.41 0 0 0-14.72 20.51 200.37 200.37 0 0 0 4.23-41.29q0-37.11-11.51-66.43a124.44 124.44 0 0 0-34.14-49.72q-23-20.79-58.26-31.55Q232.92 0 185.05 0H0v33c1.71.21 3.4.45 5.07.73a47.23 47.23 0 0 1 20 7 37.1 37.1 0 0 1 13.36 16q5.2 10 5.2 26.72v372.62q0 17.82-4.83 28.58a39.43 39.43 0 0 1-13.35 16.7 51.24 51.24 0 0 1-20 7.42q-2.67.44-5.44.78v33h208.04v-31.93h-25.23a188.46 188.46 0 0 1-24.12-1.48 54.88 54.88 0 0 1-19.7-7.05 37.45 37.45 0 0 1-13.73-15.21q-4.83-10.39-4.82-27.1V331.39h47.87q56.4 0 95.37-14.11 39-14.46 63.08-38.22a145.86 145.86 0 0 0 19.56-24.12q-8.69 36.29-8.69 83.13 0 53.43 11.87 93.51 12.25 39.71 34.89 66.06A143.08 143.08 0 0 0 440.09 537q32.66 13 73.85 13 87.57 0 132.85-52.32 45.65-52.33 45.64-159.57 0-53.44-12.24-92.78-11.88-39.75-34.89-65.72zM282.64 223.4q-7 25.23-22.63 41.56-15.58 16-40.08 23.38-24.5 7.05-59 7.05h-40.45v-259h51.58q32.28 0 54.55 7.79 22.63 7.43 36.74 23t20.41 39.33q6.3 23.38 6.31 55.3 0 35.97-7.43 61.59zM613 412.66q-5.19 32.28-17.44 54.18-12.26 21.51-31.92 32.65t-48.24 11.13q-28.57 0-48.61-11.13-19.67-11.13-32.29-32.65-12.24-21.9-17.81-54.18t-5.56-74.59q0-42.31 5.56-74.22t17.81-53.07q12.25-21.53 31.92-32.28t48.24-10.77q28.58 0 48.24 10.77 20 10.75 32.29 32.28 12.24 21.15 17.81 53.07t5.57 74.22q.02 42.3-5.57 74.59z"/></svg><div class="u-text-transform-uppercase l-hero__promo c-hero-summary"><h1 id="title" class="u-hide-visually">Posts</h1><p>Posts by category</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="#latest">Featured Post</a></li><li><a href="#experience">Experiences</a><ol><li><a href="#the-power-of-chatgpt-as-a-cognitive-accessibility-assistive-technology-for-traumatic-brain-injury-survivors">The power of ChatGPT as a cognitive accessibility assistive technology for Traumatic Brain Injury survivors</a></li><li><a href="#blind-people-need-to-be-considered-more-when-making-data-visualizations">Blind people need to be considered more when making data visualizations</a></li><li><a href="#disability-lets-say-the-word">Disability: let’s say the word</a></li><li><a href="#how-i-deal-with-colorblindness-as-a-digital-product-designer">How I deal with colorblindness as a digital product designer</a></li></ol></li><li><a href="#background">Background</a><ol><li><a href="#what-is-semantic-html">What is Semantic HTML?</a></li><li><a href="#a-guide-to-troublesome-ui-components">A guide to troublesome UI components</a></li><li><a href="#what-is-wai-the-web-accessibility-initiative">What is WAI? The Web Accessibility Initiative</a></li><li><a href="#should-i-use-an-accessibility-overlay">Should I use an accessibility overlay?</a></li><li><a href="#dyslexia-fonts">Dyslexia fonts</a></li><li><a href="#introduction-to-wcag-2x">Introduction to WCAG 2.x</a></li><li><a href="#introduction-to-the-web-accessibility-initiative">Introduction to the Web Accessibility Initiative</a></li><li><a href="#an-in-depth-guide-to-aria-roles">An in-depth guide to ARIA roles</a></li><li><a href="#aria-states">ARIA states</a></li><li><a href="#aria-properties">ARIA properties</a></li><li><a href="#understanding-color-blindness">Understanding color blindness</a></li><li><a href="#what-is-color-contrast">What is color contrast?</a></li><li><a href="#getting-started-with-aria">Getting started with ARIA</a></li><li><a href="#a-primer-to-vestibular-disorders">A primer to vestibular disorders</a></li><li><a href="#a-primer-to-visual-impairment">A primer to visual impairment</a></li></ol></li><li><a href="#myth">Myths</a><ol><li><a href="#automated-tools-can-ensure-full-accessibility-compliance">Automated tools can ensure full accessibility compliance</a></li><li><a href="#accessibility-and-seo">Accessibility and SEO</a></li><li><a href="#alternate-text-and-automation">Alternate text and automation</a></li><li><a href="#aria-has-perfect-support">ARIA has perfect support</a></li><li><a href="#people-who-use-screen-readers-dont-use-javascript">People who use screen readers don't use JavaScript</a></li><li><a href="#accessibility-is-blind-people">Accessibility is 'blind people'</a></li></ol></li><li><a href="#quick-test">Quick tests</a><ol><li><a href="#resize-text">Resize text</a></li><li><a href="#large-touch-targets">Large touch targets</a></li><li><a href="#check-comprehension-level">Check comprehension level</a></li><li><a href="#check-contrast-with-your-mobile-device">Check contrast with your mobile device</a></li><li><a href="#navigate-using-just-your-keyboard">Navigate using just your keyboard</a></li></ol></li><li><a href="#quick-tip">Quick tips</a><ol><li><a href="#starting-a-design-with-accessibility">Starting a design with accessibility</a></li><li><a href="#reviewing-a-design-for-accessibility">Reviewing a design for accessibility</a></li><li><a href="#everyday-accessibility">Everyday Accessibility</a></li><li><a href="#creating-valid-and-accessible-links">Creating valid and accessible links</a></li><li><a href="#browser-keyboard-navigation-in-macos">Browser keyboard navigation in macOS</a></li><li><a href="#a11y-and-a-brief-numeronyms-primer">a11y and a brief numeronyms primer</a></li><li><a href="#never-remove-css-outlines">Never remove CSS outlines</a></li><li><a href="#dont-auto-play-video-music-and-more">Don't auto-play video, music and more</a></li><li><a href="#never-use-maximum-scale=10">Never use maximum-scale='1.0'</a></li><li><a href="#aria-landmark-roles-and-html5-implicit-mapping">ARIA Landmark roles and HTML5 implicit mapping</a></li><li><a href="#using-alt-text-properly">Using alt text properly</a></li></ol></li><li><a href="#how-to">How-to</a><ol><li><a href="#are-you-making-these-five-mistakes-when-writing-alt-text">Are you making these five mistakes when writing alt text?</a></li><li><a href="#use-firefox-for-accessibility-testing">Use Firefox for accessibility testing</a></li><li><a href="#accessible-heading-structure">Accessible heading structure</a></li><li><a href="#use-the-tabindex-attribute">Use the tabindex attribute</a></li><li><a href="#designing-accessible-animation">Designing accessible animation</a></li><li><a href="#enabling-keyboard-culture-with-no-mouse-days">Enabling keyboard culture with No Mouse Days</a></li><li><a href="#create-accessible-forms">Create accessible forms</a></li><li><a href="#create-accessible-data-tables">Create accessible data tables</a></li><li><a href="#use-placeholder-attributes">Use placeholder attributes</a></li><li><a href="#using-captions-with-htmls-video-element">Using captions with HTML's video element</a></li><li><a href="#use-skip-navigation-links">Use skip navigation links</a></li><li><a href="#use-title-attributes">Use title attributes</a></li><li><a href="#hide-content">Hide content</a></li><li><a href="#use-role=application">Use role='application'</a></li><li><a href="#future-proofing-your-accessibility-efforts">Future-proofing your accessibility efforts</a></li></ol></li><li><a href="#assistive-technology">Assistive technology</a><ol><li><a href="#getting-started-with-talkback-on-android">Getting started with TalkBack on Android</a></li><li><a href="#getting-started-with-orca-screen-reader-on-gnome-desktop-environment-on-ubuntu-2004-lts">Getting started with Orca screen reader on Gnome desktop environment on Ubuntu 20.04 LTS</a></li><li><a href="#fixing-contrast-issues-on-your-own-site-and-elsewhere">Fixing contrast issues, on your own site and elsewhere</a></li><li><a href="#text-resizing-in-ios-and-android">Text resizing in iOS and Android</a></li><li><a href="#getting-started-with-voiceover-on-ios">Getting started with VoiceOver on iOS</a></li><li><a href="#learning-common-keyboard-shortcuts-for-screen-readers">Learning common keyboard shortcuts for screen readers</a></li><li><a href="#operating-system-and-browser-accessibility-display-modes">Operating System and Browser Accessibility Display Modes</a></li><li><a href="#getting-started-with-nvda">Getting started with NVDA</a></li><li><a href="#getting-started-with-macos-voiceover">Getting started with macOS VoiceOver</a></li></ol></li><li><a href="#write-for-us">Write for us</a></li></ol></div></nav></details></div><div data-content class="l-content"><div class="c-card__wrapper"><div class="c-featured"><h2 id="latest" class="u-font-size-body u-text-transform-uppercase c-banner c-banner--post"><svg aria-hidden="true" focusable="false" class="c-banner__icon" width="22" height="22"><use xlink:href="/img/icons.svg#featured"></use></svg> Featured Post</h2><div class="c-featured__body c-featured__body--post"><h3><a class="c-featured__title c-featured__title--post" href="/posts/should-i-use-an-accessibility-overlay/">Should I use an accessibility overlay?</a></h3><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-shortest u-text-transform-uppercase c-featured__meta"><time datetime="2021-03-08T00:00:00.000Z">March 8, 2021</time> by The A11Y Project Team</p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-featured__description">There are two types of accessibility overlays: Temporary bandage solutions, and permanent plugins. The use of a permanent plugin is incredibly problematic.</p></div></div></div><h2 id="experience" class="c-heading-large">Experiences</h2><p class="c-preface">Lived experiences shared by disabled people.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/the-power-of-chatgpt-as-a-cognitive-accessibility-assistive-technology-for-traumatic-brain-injury-survivors/"><h3 id="the-power-of-chatgpt-as-a-cognitive-accessibility-assistive-technology-for-traumatic-brain-injury-survivors">The power of ChatGPT as a cognitive accessibility assistive technology for Traumatic Brain Injury survivors</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2023-03-14T00:00:00.000Z">March 14, 2023</time> by <a class="c-card-post__author" href="/authors/#jamie-vanderwall">Jamie Vanderwall</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">This essay explores the use of ChatGPT as a cognitive accessibility assistive technology for traumatic brain injury (TBI) survivors.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/blind-people-need-to-be-considered-more-when-making-data-visualizations/"><h3 id="blind-people-need-to-be-considered-more-when-making-data-visualizations">Blind people need to be considered more when making data visualizations</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2022-09-22T00:00:00.000Z">September 22, 2022</time> by <a class="c-card-post__author" href="/authors/#johny-cassidy">Johny Cassidy</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">As a blind journalist, I’m concerned that the increased use of visual data representation without careful and creative thought about accessibility is widening the inaccessibility gap.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/lets-say-the-word-disability/"><h3 id="disability-lets-say-the-word">Disability: let’s say the word</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-10-18T00:00:00.000Z">October 18, 2021</time> by <a class="c-card-post__author" href="/authors/#emily-ogle">Emily Ogle</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">In hesitating to use the word ‘disability,’ people are unwittingly reinforcing the stigma that having a disability is a bad thing.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/how-i-deal-with-colorblindness-as-a-digital-product-designer/"><h3 id="how-i-deal-with-colorblindness-as-a-digital-product-designer">How I deal with colorblindness as a digital product designer</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-10-09T00:00:00.000Z">October 9, 2021</time> by <a class="c-card-post__author" href="/authors/#federico-monaco">Federico Monaco</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">What it means to be a colorblind designer and what the main problems are that someone with colorblindness can encounter if they decide to pursue a career as a designer.</p></div></div><h2 id="background" class="c-heading-large">Background</h2><p class="c-preface">General information for help in thinking about different parts of digital accessibility.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/what-is-semantic-html/"><h3 id="what-is-semantic-html">What is Semantic HTML?</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2023-04-04T00:00:00.000Z">April 4, 2023</time> by <a class="c-card-post__author" href="/authors/#david-a-kennedy">David A. Kennedy</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">The Web Accessibility Initiative is W3C's effort to improve accessibility of the Web for people with disabilities.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/a-guide-to-troublesome-ui-components/"><h3 id="a-guide-to-troublesome-ui-components">A guide to troublesome UI components</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2023-02-14T00:00:00.000Z">February 14, 2023</time> by <a class="c-card-post__author" href="/authors/#martin-lexelius">Martin Lexelius</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Some UI components that have non-trivial considerations to use in an accessible way.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/what-is-wai/"><h3 id="what-is-wai-the-web-accessibility-initiative">What is WAI? The Web Accessibility Initiative</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2022-07-18T00:00:00.000Z">July 18, 2022</time> by <a class="c-card-post__author" href="/authors/#ilknur-eren">Ilknur Eren</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">The Web Accessibility Initiative is W3C's effort to improve accessibility of the Web for people with disabilities.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/should-i-use-an-accessibility-overlay/"><h3 id="should-i-use-an-accessibility-overlay">Should I use an accessibility overlay?</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-03-08T00:00:00.000Z">March 8, 2021</time> by <a class="c-card-post__author" href="/authors/#the-a11y-project-team">The A11Y Project Team</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">There are two types of accessibility overlays: Temporary bandage solutions, and permanent plugins. The use of a permanent plugin is incredibly problematic.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/dyslexia-fonts/"><h3 id="dyslexia-fonts">Dyslexia fonts</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-02-22T00:00:00.000Z">February 22, 2021</time> by <a class="c-card-post__author" href="/authors/#hamsa-harcourt">Hamsa Harcourt</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick overview of dyslexia fonts.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/wcag2-documents/"><h3 id="introduction-to-wcag-2x">Introduction to WCAG 2.x</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-10-14T00:00:00.000Z">October 14, 2020</time> by <a class="c-card-post__author" href="/authors/#hamsa-harcourt">Hamsa Harcourt</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick overview of WCAG 2.x documents.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/introduction-to-wai/"><h3 id="introduction-to-the-web-accessibility-initiative">Introduction to the Web Accessibility Initiative</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-10-02T00:00:00.000Z">October 2, 2020</time> by <a class="c-card-post__author" href="/authors/#hamsa-harcourt">Hamsa Harcourt</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Key facts about web accessibility initiative, what it is, and why it exists.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/an-indepth-guide-to-aria-roles/"><h3 id="an-in-depth-guide-to-aria-roles">An in-depth guide to ARIA roles</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-08-20T00:00:00.000Z">August 20, 2020</time> by <a class="c-card-post__author" href="/authors/#duncan-jimbo">Duncan Jimbo</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">ARIA roles are one half of the predefined categories of attributes used to describe elements that may not exist natively in browsers or may not be understood by screen readers and other assistive technologies.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/aria-states/"><h3 id="aria-states">ARIA states</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2018-07-30T00:00:00.000Z">July 30, 2018</time> by <a class="c-card-post__author" href="/authors/#alex-brenon">Alex Brenon</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick introduction to ARIA's states.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/aria-properties/"><h3 id="aria-properties">ARIA properties</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2018-07-30T00:00:00.000Z">July 30, 2018</time> by <a class="c-card-post__author" href="/authors/#alex-brenon">Alex Brenon</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick introduction to ARIA's properties.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/understanding-colourblindness/"><h3 id="understanding-color-blindness">Understanding color blindness</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2017-10-18T00:00:00.000Z">October 18, 2017</time> by <a class="c-card-post__author" href="/authors/#matthew-higgins">Matthew Higgins</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">What is color blindness, and how can we design with it in mind?</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/what-is-color-contrast/"><h3 id="what-is-color-contrast">What is color contrast?</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2015-01-05T00:00:00.000Z">January 5, 2015</time> by <a class="c-card-post__author" href="/authors/#rachel-r-vasquez">Rachel R. Vasquez</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">What is color contrast and why do we need it for web accessibility?</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/getting-started-aria/"><h3 id="getting-started-with-aria">Getting started with ARIA</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2014-05-15T00:00:00.000Z">May 15, 2014</time> by <a class="c-card-post__author" href="/authors/#monika-piotrowicz">Monika Piotrowicz</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Introduction to ARIA, describing Roles, States, and Properties and when to use ARIA in HTML.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/understanding-vestibular-disorders/"><h3 id="a-primer-to-vestibular-disorders">A primer to vestibular disorders</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-05-05T00:00:00.000Z">May 5, 2013</time> by <a class="c-card-post__author" href="/authors/#dennis-gaebel">Dennis Gaebel</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Key facts, definitions, demographics and causes of vestibular disorders.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/understanding-visual-impairment/"><h3 id="a-primer-to-visual-impairment">A primer to visual impairment</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-22T00:00:00.000Z">January 22, 2013</time> by <a class="c-card-post__author" href="/authors/#nat-tarnoff">Nat Tarnoff</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Key facts, definitions, demographics, causes, challenges and future of visual impairment.</p></div></div><h2 id="myth" class="c-heading-large">Myths</h2><p class="c-preface">Common misconceptions and falsehoods about accessibility.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/automated-tools-can-ensure-full-accessibility-compliance/"><h3 id="automated-tools-can-ensure-full-accessibility-compliance">Automated tools can ensure full accessibility compliance</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2025-03-10T00:00:00.000Z">March 10, 2025</time> by <a class="c-card-post__author" href="/authors/#melwyn-joseph">Melwyn Joseph</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Can automated tools guarantee full compliance with accessibility standards like WCAG? The short answer is no.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/accessibility-seo/"><h3 id="accessibility-and-seo">Accessibility and SEO</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-07-01T00:00:00.000Z">July 1, 2021</time> by <a class="c-card-post__author" href="/authors/#cooper-hollmaier">Cooper Hollmaier</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">SEO and accessibility have a lot more in common than you would think. Many of the same practices that we use to further enable people to enjoy our digital experiences are also great for search engines.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/alternate-text-and-automation/"><h3 id="alternate-text-and-automation">Alternate text and automation</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-03-23T00:00:00.000Z">March 23, 2021</time> by <a class="c-card-post__author" href="/authors/#eric-bailey">Eric Bailey</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Alternate (alt) text help people who use assistive technology understand images, and are a core part of the Web Content Accessibility Guidelines (WCAG). They require a human’s input to be effective.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/aria-has-perfect-support/"><h3 id="aria-has-perfect-support">ARIA has perfect support</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-05-13T00:00:00.000Z">May 13, 2020</time> by <a class="c-card-post__author" href="/authors/#eric-bailey">Eric Bailey</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">ARIA is a very useful tool for helping to enhance accessible web experiences, but it should only be used when no other options are available.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/people-who-use-screen-readers-dont-use-javascript/"><h3 id="people-who-use-screen-readers-dont-use-javascript">People who use screen readers don't use JavaScript</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-04-21T00:00:00.000Z">April 21, 2013</time> by <a class="c-card-post__author" href="/authors/#dave-rupert">Dave Rupert</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">97.6% of all screen readers have JavaScript enabled.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/accessibility-is-blind-people/"><h3 id="accessibility-is-blind-people">Accessibility is 'blind people'</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-11T00:00:00.000Z">January 11, 2013</time> by <a class="c-card-post__author" href="/authors/#dave-rupert">Dave Rupert</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A brief explanation of the four categories of accessibility.</p></div></div><h2 id="quick-test" class="c-heading-large">Quick tests</h2><p class="c-preface">Things you can quickly try out to check for inaccessible experiences.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/resize-text/"><h3 id="resize-text">Resize text</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2018-11-26T00:00:00.000Z">November 26, 2018</time> by <a class="c-card-post__author" href="/authors/#luis-garcia">Luis Garcia</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How to test the Resize Text WCAG Success Criterion.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/large-touch-targets/"><h3 id="large-touch-targets">Large touch targets</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2018-11-21T00:00:00.000Z">November 21, 2018</time> by <a class="c-card-post__author" href="/authors/#eric-bailey">Eric Bailey</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How to determine if your touch targets are large enough to be used.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/check-comprehension-level/"><h3 id="check-comprehension-level">Check comprehension level</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-25T00:00:00.000Z">January 25, 2013</time> by <a class="c-card-post__author" href="/authors/#nat-tarnoff">Nat Tarnoff</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">you can check the reading level of your written content by using these tools.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/check-contrast-with-mobile-device/"><h3 id="check-contrast-with-your-mobile-device">Check contrast with your mobile device</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-22T00:00:00.000Z">January 22, 2013</time> by <a class="c-card-post__author" href="/authors/#dave-rupert">Dave Rupert</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Using an ordinary mobile device you can check your site's readability.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/navigate-using-just-your-keyboard/"><h3 id="navigate-using-just-your-keyboard">Navigate using just your keyboard</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-11T00:00:00.000Z">January 11, 2013</time> by <a class="c-card-post__author" href="/authors/#dave-rupert">Dave Rupert</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick accessibility test that you can run on your sites right now.</p></div></div><h2 id="quick-tip" class="c-heading-large">Quick tips</h2><p class="c-preface">Short, easy-to-digest and easy-to-implement accessibility-related information.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/starting-a-design-with-accessibility/"><h3 id="starting-a-design-with-accessibility">Starting a design with accessibility</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-08-25T00:00:00.000Z">August 25, 2021</time> by <a class="c-card-post__author" href="/authors/#steve-barnett">Steve Barnett</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Three quick tips to help us design more accessibly.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/reviewing-a-design-for-accessibility/"><h3 id="reviewing-a-design-for-accessibility">Reviewing a design for accessibility</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-08-14T00:00:00.000Z">August 14, 2021</time> by <a class="c-card-post__author" href="/authors/#steve-barnett">Steve Barnett</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Reviewing designs for accessibility is a great way to help designers think more accessibly and to help developers implement more accessibly. We can use short checklists to help us make sure we haven't missed any big things.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/everyday-accessibility/"><h3 id="everyday-accessibility">Everyday Accessibility</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-06-15T00:00:00.000Z">June 15, 2021</time> by <a class="c-card-post__author" href="/authors/#michele-a-williams-phd">Michele A. Williams, PhD</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Make your social media, digital document, and multimedia content more accessible with these quick and practical steps.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/creating-valid-and-accessible-links/"><h3 id="creating-valid-and-accessible-links">Creating valid and accessible links</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2019-02-15T00:00:00.000Z">February 15, 2019</time> by <a class="c-card-post__author" href="/authors/#emma-patricios">Emma Patricios</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Links are used on almost every site on the web, however it is easy to create links that are not accessible to all.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/macos-browser-keyboard-navigation/"><h3 id="browser-keyboard-navigation-in-macos">Browser keyboard navigation in macOS</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2017-12-29T00:00:00.000Z">December 29, 2017</time> by <a class="c-card-post__author" href="/authors/#scott-vinkle">Scott Vinkle</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How to enable full keyboard support in browsers on macOS.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/a11y-and-other-numeronyms/"><h3 id="a11y-and-a-brief-numeronyms-primer">a11y and a brief numeronyms primer</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2017-08-26T00:00:00.000Z">August 26, 2017</time> by <a class="c-card-post__author" href="/authors/#scott-ohara">Scott O'Hara</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">The numeronym 'a11y' is shorthand for 'accessibility.'</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/never-remove-css-outlines/"><h3 id="never-remove-css-outlines">Never remove CSS outlines</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-25T00:00:00.000Z">January 25, 2013</time> by <a class="c-card-post__author" href="/authors/#guilherme-simoes">Guilherme Simões</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Removing CSS outlines without proper fallbacks can make it impossible to navigate your site with a keyboard.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/never-use-auto-play/"><h3 id="dont-auto-play-video-music-and-more">Don't auto-play video, music and more</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-15T00:00:00.000Z">January 15, 2013</time> by <a class="c-card-post__author" href="/authors/#emma-patricios">Emma Patricios</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Why you shouldn't auto-play anything that could distract the user from their main task.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/never-use-maximum-scale/"><h3 id="never-use-maximum-scale=10">Never use <code>maximum-scale='1.0'</code></h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-14T00:00:00.000Z">January 14, 2013</time> by <a class="c-card-post__author" href="/authors/#thomas-sjogren">Thomas Sjögren</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Why you never ever should use <code>maximum-scale='1.0'</code> in your viewport meta tag.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/aria-landmark-roles/"><h3 id="aria-landmark-roles-and-html5-implicit-mapping">ARIA Landmark roles and HTML5 implicit mapping</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-14T00:00:00.000Z">January 14, 2013</time> by <a class="c-card-post__author" href="/authors/#erik-runyon">Erik Runyon</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Use ARIA Landmark Roles to help assistive devices navigate the markup.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/alt-text/"><h3 id="using-alt-text-properly">Using alt text properly</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-14T00:00:00.000Z">January 14, 2013</time> by <a class="c-card-post__author" href="/authors/#susan-robertson">Susan Robertson</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A few tips on how and when to use the alt attribute. Make sure the text is helpful and most importantly meaningful.</p></div></div><h2 id="how-to" class="c-heading-large">How-to</h2><p class="c-preface">Guides to implementing accessible code.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/are-you-making-these-five-mistakes-when-writing-alt-text/"><h3 id="are-you-making-these-five-mistakes-when-writing-alt-text">Are you making these five mistakes when writing alt text?</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2023-03-02T00:00:00.000Z">March 2, 2023</time> by <a class="c-card-post__author" href="/authors/#daniel-sage">Daniel Sage</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">When you ask them, most experts’ advice also boils down to: Describe what you see. And while it’s valid advice and may seem simple, it’s not.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/using-firefox-for-accessibility-testing/"><h3 id="use-firefox-for-accessibility-testing">Use Firefox for accessibility testing</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2022-07-17T00:00:00.000Z">July 17, 2022</time> by <a class="c-card-post__author" href="/authors/#todd-libby">Todd Libby</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Firefox has become one of the best tools for accessibility audits. Let’s go over Firefox’s accessibility features that you can use today.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/how-to-accessible-heading-structure/"><h3 id="accessible-heading-structure">Accessible heading structure</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2022-01-03T00:00:00.000Z">January 3, 2022</time> by <a class="c-card-post__author" href="/authors/#rian-rietveld">Rian Rietveld</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Headings are the backbone of the content of a page. A visitor should be able to scan or navigate a webpage using headings to get a good impression of its content.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/how-to-use-the-tabindex-attribute/"><h3 id="use-the-tabindex-attribute">Use the <code>tabindex</code> attribute</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-01-28T00:00:00.000Z">January 28, 2021</time> by <a class="c-card-post__author" href="/authors/#eric-bailey">Eric Bailey</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description"><code>tabindex</code> is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/design-accessible-animation/"><h3 id="designing-accessible-animation">Designing accessible animation</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-12-22T00:00:00.000Z">December 22, 2020</time> by <a class="c-card-post__author" href="/authors/#kelly-gillit">Kelly Gillit</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A general guide to designing more inclusive animation and what to avoid along the away.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/no-mouse-days/"><h3 id="enabling-keyboard-culture-with-no-mouse-days">Enabling keyboard culture with No Mouse Days</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-10-15T00:00:00.000Z">October 15, 2020</time> by <a class="c-card-post__author" href="/authors/#marcy-sutton">Marcy Sutton</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Tips on ditching your mouse and creating more accessible experiences.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/how-to-write-accessible-forms/"><h3 id="create-accessible-forms">Create accessible forms</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-09-16T00:00:00.000Z">September 16, 2020</time> by <a class="c-card-post__author" href="/authors/#hamsa-harcourt">Hamsa Harcourt</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Practical tips on how to create accessible forms.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/accessible-data-tables/"><h3 id="create-accessible-data-tables">Create accessible data tables</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2016-03-05T00:00:00.000Z">March 5, 2016</time> by <a class="c-card-post__author" href="/authors/#franklyn-roth">Franklyn Roth</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">What you need to create an accessible data table.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/placeholder-input-elements/"><h3 id="use-placeholder-attributes">Use <code>placeholder</code> attributes</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2016-01-07T00:00:00.000Z">January 7, 2016</time> by <a class="c-card-post__author" href="/authors/#rachel-r-vasquez">Rachel R. Vasquez</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How-to use placeholders on input elements.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/using-caption-services-with-html5-video/"><h3 id="using-captions-with-htmls-video-element">Using captions with HTML's video element</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-07-17T00:00:00.000Z">July 17, 2013</time> by <a class="c-card-post__author" href="/authors/#nat-tarnoff">Nat Tarnoff</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How to implement captions for HTML video element.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/skip-nav-links/"><h3 id="use-skip-navigation-links">Use skip navigation links</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-05-11T00:00:00.000Z">May 11, 2013</time> by <a class="c-card-post__author" href="/authors/#cameron-cundiff">Cameron Cundiff</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Use skip nav links to ease keyboard user fatigue and frustration.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/title-attributes/"><h3 id="use-title-attributes">Use <code>title</code> attributes</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-04-22T00:00:00.000Z">April 22, 2013</time> by <a class="c-card-post__author" href="/authors/#dave-rupert">Dave Rupert</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Avoid using title attributes except in a few special circumstances.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/how-to-hide-content/"><h3 id="hide-content">Hide content</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-02-15T00:00:00.000Z">February 15, 2013</time> by <a class="c-card-post__author" href="/authors/#dave-rupert">Dave Rupert</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How-to hide content but still make it accessible to screen readers.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/how-to-use-application-role/"><h3 id="use-role=application">Use <code>role='application'</code></h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-02-09T00:00:00.000Z">February 9, 2013</time> by <a class="c-card-post__author" href="/authors/#dennis-gaebel">Dennis Gaebel</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Never use role='application' on a widely containing element body if your page consists mostly of traditional page elements.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/future-proof-your-accessibility/"><h3 id="future-proofing-your-accessibility-efforts">Future-proofing your accessibility efforts</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-22T00:00:00.000Z">January 22, 2013</time> by <a class="c-card-post__author" href="/authors/#thomas-sjogren">Thomas Sjögren</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Ways to help make your accessibility efforts are as future proof as possible.</p></div></div><h2 id="assistive-technology" class="c-heading-large">Assistive technology</h2><p class="c-preface">Background information on the tools used by people who rely on them to navigate digital devices and interfaces.</p><div class="c-card__wrapper"><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/getting-started-talkback/"><h3 id="getting-started-with-talkback-on-android">Getting started with TalkBack on Android</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2023-03-06T00:00:00.000Z">March 6, 2023</time> by <a class="c-card-post__author" href="/authors/#cooper-hollmaier">Cooper Hollmaier</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A brief overview of getting started with TalkBack version 13.1 on Android.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/getting-started-with-orca/"><h3 id="getting-started-with-orca-screen-reader-on-gnome-desktop-environment-on-ubuntu-2004-lts">Getting started with Orca screen reader on Gnome desktop environment on Ubuntu 20.04 LTS</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-09-03T00:00:00.000Z">September 3, 2021</time> by <a class="c-card-post__author" href="/authors/#joseph-mawa">Joseph Mawa</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick overview of getting started with Orca on Gnome desktop environment on Ubuntu 20.04 LTS.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/fixing-contrast-issues-on-your-own-site-and-elsewhere/"><h3 id="fixing-contrast-issues-on-your-own-site-and-elsewhere">Fixing contrast issues, on your own site and elsewhere</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-06-07T00:00:00.000Z">June 7, 2021</time> by <a class="c-card-post__author" href="/authors/#kilian-valkhof">Kilian Valkhof</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Insufficient text contrast is the most common accessibility issue on websites today, even though by and large be automatically found and fixed. The Fix Contrast browser extension fixes contrast issues for end users.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/text-resizing-in-ios-and-android/"><h3 id="text-resizing-in-ios-and-android">Text resizing in iOS and Android</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2021-01-28T00:00:00.000Z">January 28, 2021</time> by <a class="c-card-post__author" href="/authors/#lucia-cerchie">Lucia Cerchie</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Things to keep in mind for designing accessible mobile apps.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/getting-started-with-voiceover-ios/"><h3 id="getting-started-with-voiceover-on-ios">Getting started with VoiceOver on iOS</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-11-23T00:00:00.000Z">November 23, 2020</time> by <a class="c-card-post__author" href="/authors/#anh-pham">Anh Pham</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How-to guide to the basics of navigating around on an iPhone using Apple’s VoiceOver screen reader, included in iOS.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/learning-common-keyboard-shortcuts-for-screen-readers/"><h3 id="learning-common-keyboard-shortcuts-for-screen-readers">Learning common keyboard shortcuts for screen readers</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-07-24T00:00:00.000Z">July 24, 2020</time> by <a class="c-card-post__author" href="/authors/#andrew-nevins">Andrew Nevins</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">Keyboard shortcuts are hard to learn. Here are some other ways that can help that learning.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/operating-system-and-browser-accessibility-display-modes/"><h3 id="operating-system-and-browser-accessibility-display-modes">Operating System and Browser Accessibility Display Modes</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2020-01-23T00:00:00.000Z">January 23, 2020</time> by <a class="c-card-post__author" href="/authors/#eric-bailey">Eric Bailey</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick overview of navigating a webpage using the NVDA screen reader.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/getting-started-with-nvda/"><h3 id="getting-started-with-nvda">Getting started with NVDA</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2015-05-29T00:00:00.000Z">May 29, 2015</time> by <a class="c-card-post__author" href="/authors/#scott-vinkle">Scott Vinkle</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">A quick overview of navigating a webpage using the NVDA screen reader.</p></div><div class="u-spacing-top-long u-spacing-left-long c-card-post"><a class="c-card-post__title" href="/posts/getting-started-with-voiceover/"><h3 id="getting-started-with-macos-voiceover">Getting started with macOS VoiceOver</h3></a><p class="u-font-size-body-small c-card-post__meta">Published on <time datetime="2013-01-14T00:00:00.000Z">January 14, 2013</time> by <a class="c-card-post__author" href="/authors/#mat-marquis">Mat Marquis</a></p><p class="u-font-family-secondary u-font-size-body-small u-spacing-top-medium c-card-post__description">How-to guide to the basics of navigating a webpage using Apple’s VoiceOver screen reader, included in macOS.</p></div></div><h2 id="write-for-us" class="c-heading-large">Write for us</h2><p class="c-preface">We're always looking for people who want to <a href="/contribute/">share what they know</a> about accessibility.</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/" aria-current="page">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/">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>