WCAG 2.2 Compliance Explained ⭐ Accessibility Guidelines

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

打酱油的大蒜 · Job Search· 3 月前 ·

玩篮球的圣诞树 · 芯片制造九大核心设备对比，中美差距到底有多大 ...· 3 月前 ·

怕考试的键盘 · C# EPPlus ...· 4 月前 ·

痴情的冲锋衣 · 罗勇军：深圳监狱公平正义的守护者-政法群英榜 ...· 7 月前 ·

旅途中的牛腩 · Что означает ошибка ...· 1 年前 ·

</noscript><div id="___gatsby" tabindex="0"><div style="outline:0" tabindex="-1" id="gatsby-focus-wrapper"><link href="https://widget.intercom.io" crossorigin=""/><div/><div id="app" class="app"><header role="banner" class="header"><button class="button-burger" tabindex="0" aria-label="Open menu"><span class="button-burger__line"/><span class="button-burger__line"/><span class="button-burger__line"/></button><div class="header__i"><div class="header-logo"><a aria-label="Link to UserWay.org Homepage" tabindex="0" class="header-logo__link" href="/"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDE1MCAyOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDx0aXRsZT5sb2dvPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNi4yNjMzOTkxMyUiIHkxPSIxMC4wNjQzMDA3JSIgeDI9IjcyLjc1MTAyOTYlIiB5Mj0iMTAwLjk5MTI5OSUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzI1QzVGRiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDA0OEZGIiBvZmZzZXQ9IjQ0Ljc0MDkwMDElIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDNTAwRjMiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMiIgcG9pbnRzPSIwLjg5IDAuMTUgMTUuMDk0IDAuMTUgMTUuMDk0IDE1LjUxOCAwLjg5IDE1LjUxOCI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTIuMDAwMTA2NywxOS43MzMzMzMzIEM3LjczNTYxMTI0LDE5LjczMzMzMzMgNC4yNjY4NDIwNywxNi4yNjQ1MzMzIDQuMjY2ODQyMDcsMTIgTDQuMjY2ODQyMDcsNS42IEM0LjI2Njg0MjA3LDMuOTgyOTMzMzMgMi45NTA1ODcxMSwyLjY2NjY2NjY3IDEuMzMzNTM0ODEsMi42NjY2NjY2NyBMMC4wMDAyMTMzMzE0MzYsMi42NjY2NjY2NyBMMC4wMDAyMTMzMzE0MzYsMCBMMS4zMzM1MzQ4MSwwIEM0LjQyMDQ0MDcxLDAgNi45MzM0ODUwNCwyLjUxMzA2NjY3IDYuOTMzNDg1MDQsNS42IEw2LjkzMzQ4NTA0LDEyIEM2LjkzMzQ4NTA0LDE0Ljc5NDY2NjcgOS4yMDU0NjQ4NCwxNy4wNjY2NjY3IDEyLjAwMDEwNjcsMTcuMDY2NjY2NyBDMTQuNzk0NzQ4NSwxNy4wNjY2NjY3IDE3LjA2NjcyODMsMTQuNzk0NjY2NyAxNy4wNjY3MjgzLDEyIEwxNy4wNjY3MjgzLDUuNiBDMTcuMDY2NzI4MywyLjUxMzA2NjY3IDE5LjU3OTc3MjYsMCAyMi42NjY2Nzg1LDAgTDI0LDAgTDI0LDIuNjY2NjY2NjcgTDIyLjY2NjY3ODUsMi42NjY2NjY2NyBDMjEuMDQ5NjI2MiwyLjY2NjY2NjY3IDE5LjczMzM3MTMsMy45ODI5MzMzMyAxOS43MzMzNzEzLDUuNiBMMTkuNzMzMzcxMywxMiBDMTkuNzMzMzcxMywxNi4yNjQ1MzMzIDE2LjI2NDYwMjEsMTkuNzMzMzMzMyAxMi4wMDAxMDY3LDE5LjczMzMzMzMgWiBNMjMuMDcxNzk0OSw0LjI2NjY2NjY3IEwyMy45OTk3ODY3LDQuMjY2NjY2NjcgTDIzLjk5OTc4NjcsNy40NDUzMzMzMyBMMjMuOTk5Nzg2NywxMiBDMjMuOTk5Nzg2NywxOC42MTc2IDE4LjYxNzQzNDUsMjQgMTEuOTk5ODkzMywyNCBDNS4zODIzNTIxNiwyNCAwLDE4LjYxNzYgMCwxMiBMMCw3LjQ0NTMzMzMzIEwwLDYuNzAwOCBMMCw0LjI2NjY2NjY3IEwwLjkyNzk5MTc1MSw0LjI2NjY2NjY3IEMxLjg5ODY0OTc5LDQuMjY2NjY2NjcgMi42ODM3MDk0OCw1LjA1MTczMzMzIDIuNjgzNzA5NDgsNi4wMjI0IEwyLjY4MzcwOTQ4LDcuNDQ1MzMzMzMgTDIuNjY2NjQyOTYsNy40NDUzMzMzMyBMMi42NjY2NDI5NiwxMiBDMi42NjY2NDI5NiwxNy4xNDc3MzMzIDYuODUyMjA1NzYsMjEuMzMzMzMzMyAxMS45OTk4OTMzLDIxLjMzMzMzMzMgQzE3LjE0NzU4MDksMjEuMzMzMzMzMyAyMS4zMzMxNDM3LDE3LjE0NzczMzMgMjEuMzMzMTQzNywxMiBMMjEuMzMzMTQzNyw3LjQ0NTMzMzMzIEwyMS4zMTYwNzcyLDcuNDQ1MzMzMzMgTDIxLjMxNjA3NzIsNi4wMjI0IEMyMS4zMTYwNzcyLDUuMDUxNzMzMzMgMjIuMTAxMTM2OSw0LjI2NjY2NjY3IDIzLjA3MTc5NDksNC4yNjY2NjY2NyBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzQuNzA3LDEyLjE5NTQgTDM0LjcwNywzLjY0OTQgTDM5LjA0NywzLjY0OTQgTDM5LjA0NywxMS45NzE0IEMzOS4wNDcsMTMuOTM5NCA0MC4yNzcsMTUuMzQ5NCA0Mi4wMjEsMTUuMzQ5NCBDNDMuNzY3LDE1LjM0OTQgNDQuOTk3LDEzLjkzOTQgNDQuOTk3LDExLjk3MTQgTDQ0Ljk5NywzLjY0OTQgTDQ5LjMzNywzLjY0OTQgTDQ5LjMzNywxMi4xOTU0IEM0OS4zMzcsMTYuMzU1NCA0Ni4zMTcsMTkuMjg1NCA0Mi4wMjEsMTkuMjg1NCBDMzcuNzI3LDE5LjI4NTQgMzQuNzA3LDE2LjM1NTQgMzQuNzA3LDEyLjE5NTQiIGlkPSJGaWxsLTMiIGZpbGw9IiMyMzE0NDkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNTAuNjk1NCwxNi42OTE0IEw1My4xMTE0LDEzLjgwNTQgQzU0LjY3NzQsMTUuMDM1NCA1Ni4zNzc0LDE1LjY4NTQgNTguMTg5NCwxNS42ODU0IEM1OS4zNzU0LDE1LjY4NTQgNjAuMDAxNCwxNS4yODE0IDYwLjAwMTQsMTQuNjA5NCBDNjAuMDAxNCwxMy44NzM0IDU5LjQ2NTQsMTMuNzYxNCA1Ny4zMzk0LDEzLjI2OTQgQzU0LjAwNTQsMTIuNTA3NCA1MS40MzM0LDExLjYzNTQgNTEuNDMzNCw4LjQzNzQgQzUxLjQzMzQsNS4zNzE0IDUzLjg0OTQsMy4zODE0IDU3LjQ5NTQsMy4zODE0IEM2MC4xNTc0LDMuMzgxNCA2Mi4yMzc0LDQuMDk3NCA2My45Mzk0LDUuNDYxNCBMNjEuNzY5NCw4LjUyNTQgQzYwLjMzNzQsNy40OTc0IDU4Ljc3MTQsNi45ODM0IDU3LjM4MzQsNi45ODM0IEM1Ni4zMzM0LDYuOTgzNCA1NS44MTk0LDcuNDA3NCA1NS44MTk0LDcuOTg5NCBDNTUuODE5NCw4Ljc3MzQgNTYuMzU1NCw5LjAxOTQgNTguNTQ3NCw5LjQ4NzQgQzYyLjEyNTQsMTAuMjQ5NCA2NC4zNjM0LDExLjIxMTQgNjQuMzYzNCwxNC4xNDE0IEM2NC4zNjM0LDE3LjM4NTQgNjEuODc5NCwxOS4yODU0IDU4LjAzMzQsMTkuMjg1NCBDNTUuMjU5NCwxOS4yODU0IDUyLjY0MTQsMTguNDEzNCA1MC42OTU0LDE2LjY5MTQiIGlkPSJGaWxsLTUiIGZpbGw9IiMyMzE0NDkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC03IiBmaWxsPSIjMjMxNDQ5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iNzAuNjQ0NiA3LjUxOTYgNzAuNjQ0NiA5LjI0MTYgNzcuOTYwNiA5LjI0MTYgNzcuOTYwNiAxMy4xMTE2IDcwLjY0NDYgMTMuMTExNiA3MC42NDQ2IDE1LjE0NzYgNzguNjc2NiAxNS4xNDc2IDc4LjY3NjYgMTkuMDE3NiA2Ni4zMDQ2IDE5LjAxNzYgNjYuMzA0NiAzLjY0OTYgNzguNjc2NiAzLjY0OTYgNzguNjc2NiA3LjUxOTYiPjwvcG9seWdvbj4KICAgICAgICAgICAgPHBhdGggZD0iTTg1LjIwMjIsMTAuNDUwMiBMODcuODY0MiwxMC40NTAyIEM4OC44OTQyLDEwLjQ1MDIgODkuNjMyMiw5Ljg0NjIgODkuNjMyMiw5LjAxODIgQzg5LjYzMjIsOC4xOTAyIDg4Ljg5NDIsNy41ODYyIDg3Ljg2NDIsNy41ODYyIEw4NS4yMDIyLDcuNTg2MiBMODUuMjAyMiwxMC40NTAyIFogTTg5Ljc4ODIsMTkuMDE4MiBMODYuNTQ0MiwxNC4zODYyIEw4NS4yMDIyLDE0LjM4NjIgTDg1LjIwMjIsMTkuMDE4MiBMODAuODYyMiwxOS4wMTgyIEw4MC44NjIyLDMuNjUwMiBMODguMjIyMiwzLjY1MDIgQzkxLjY2NjIsMy42NTAyIDk0LjEwNjIsNS44NjQyIDk0LjEwNjIsOS4wMTgyIEM5NC4xMDYyLDExLjIxMDIgOTIuOTQyMiwxMi45MzQyIDkxLjA2NDIsMTMuODA2MiBMOTQuNzMyMiwxOS4wMTgyIEw4OS43ODgyLDE5LjAxODIgWiIgaWQ9IkZpbGwtOSIgZmlsbD0iIzIzMTQ0OSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTExIiBmaWxsPSIjMjMxNDQ5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iOTUuOTM1NiAzLjY0OTQgOTcuOTAzNiAzLjY0OTQgMTAyLjE1MzYgMTYuMDg3NCAxMDYuMjI1NiAzLjY0OTQgMTA4LjE3MTYgMy42NDk0IDExMi4yNDE2IDE2LjA4NzQgMTE2LjQ5MTYgMy42NDk0IDExOC40NjE2IDMuNjQ5NCAxMTMuMjAzNiAxOS4wMTc0IDExMS40ODE2IDE5LjAxNzQgMTA3LjIwOTYgNS45MzE0IDEwMi45MTM2IDE5LjAxNzQgMTAxLjE5MTYgMTkuMDE3NCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8cGF0aCBkPSJNMTMwLjM5OTQsMTMuODczIEwxMjYuODQzNCw1Ljc5NyBMMTIzLjI2MzQsMTMuODczIEwxMzAuMzk5NCwxMy44NzMgWiBNMTMxLjExNTQsMTUuNTI5IEwxMjIuNTQ3NCwxNS41MjkgTDEyMS4wMDM0LDE5LjAxNyBMMTE5LjEwMzQsMTkuMDE3IEwxMjUuODgxNCwzLjY0OSBMMTI3Ljc4MTQsMy42NDkgTDEzMS4xMTU0LDExLjIwOSBMMTMxLjM1NzQsMTEuNzU3IEwxMzIuMjkxNCwxMy44NzMgTDEzMC4zOTk0LDEzLjg3MyBMMTMyLjI5MTQsMTMuODczIEwxMzQuNTU5NCwxOS4wMTcgTDEzMi42NTc0LDE5LjAxNyBMMTMxLjExNTQsMTUuNTI5IFoiIGlkPSJGaWxsLTEzIiBmaWxsPSIjMjMxNDQ5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzQuMDAwMDAwLCAzLjUwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkZpbGwtMTUtQ2xpcHBlZCI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMyIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGF0aC0yIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTUiIGZpbGw9IiMyMzE0NDkiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNtYXNrLTMpIiBwb2ludHM9IjcuMDg2IDkuMjU0IDAuODkgMC4xNSAzLjA2IDAuMTUgOC4wMDQgNy41OTggMTIuOTkyIDAuMTUgMTUuMDk0IDAuMTUgOC45MiA5LjI1NCA4LjkyIDE1LjUxOCA3LjA4NiAxNS41MTgiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" alt="UserWay Logo"/></a></div><div class="header-nav"/><div class="header-actions"><div class="header-action mobile-hide"><a class="sign-in-btn" aria-label="Sign in - (Opens in a new tab)" tabindex="0" href="https://manage.userway.org/?null" target="_blank" rel="noreferrer noopener">Sign in</a></div><div class="header-action mobile-hide"><button class="button button_secondary" aria-label="Request a Demo" tabindex="0"><span>Request a Demo</span></button></div><div class="header-action"><a class="button" type="button" tabindex="0" href="/get/"><span>Start Free Trial</span></a></div></div></div></header><div><div><div style="transition:opacity .5s ease-in-out;opacity:1"><div class="uw-main-wr" role="main" style="height:auto"><div class="page-compliance"><div class="compliance-head"><div class="wrap"><p>Deep Dive Into Regulations for Digital Accessibility</p></div></div><nav class="compliance-nav compliance-nav_desk"><div class="wrap"><ul class="compliance-nav__list"><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/cvaa/"><div class="tab-button__line"/>CVAA</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/atag/"><div class="tab-button__line"/>ATAG</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/ferpa/"><div class="tab-button__line"/>FERPA</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/hipaa/"><div class="tab-button__line"/>HIPAA</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/coppa/"><div class="tab-button__line"/>COPPA</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/gdpr/"><div class="tab-button__line"/>GDPR</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/aoda/"><div class="tab-button__line"/>AODA</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/en/"><div class="tab-button__line"/>EN 301 549</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button tab-button_active"><a aria-current="page" class="tab-button__btn" href="/compliance/wcag/"><div class="tab-button__line"/>WCAG</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/ada/"><div class="tab-button__line"/>ADA</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li><li class="compliance-nav__item"><div class="tab-button"><a class="tab-button__btn" href="/compliance/508/"><div class="tab-button__line"/>S-508</a><span class="tab-button__icon tab-button__icon_left"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0018 20.8955V0.904297C19.997 11.9387 11.0562 20.8838 0.0234378 20.8955H20.0018Z" fill="white"/></svg></span><span class="tab-button__icon tab-button__icon_right"><svg width="20" height="21" viewbox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.00209808 20.8955V0.904297C0.00686455 11.9387 8.94766 20.8838 19.9805 20.8955H0.00209808Z" fill="white"/></svg></span></div></li></ul></div></nav><div class="compliance-nav compliance-nav_device"><div class="wrap"><div class="row"><div class="col"><p class="compliance-nav__title">Selected:</p><p class="compliance-nav__current">WCAG</p></div><div class="col"><button class="button button_secondary button_m" tabindex="0">Other Regulations</button></div></div></div></div><section class="compliance-section-1"><div class="wrap"><div class="section-header"><h1 class="section-title">WCAG 2.2 Compliance: A Guide to Best Conformance</h1><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:200px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='200'%20width='200'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity .5s linear;background-color:#f8f8f8;top:0;left:0;bottom:0;right:0"/><picture><source type="image/avif" data-srcset="/_gatsby/image/d072a213a1ad869b1a580f6860592362/06f51e21c20b04c9c13ffd1c8d41fa39/wcag.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Davif%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 50w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/ea8b3c1ce267a835af784a0ad0db5cf9/wcag.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D100%26h%3D100%26fm%3Davif%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 100w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/0f366b51b23eaaa01f4f2031755a18cc/wcag.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D200%26h%3D200%26fm%3Davif%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 200w" sizes="(min-width: 200px) 200px, 100vw"><source type="image/webp" data-srcset="/_gatsby/image/d072a213a1ad869b1a580f6860592362/68ec90ab147a838e63bf291a6aed3d4e/wcag.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Dwebp%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 50w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/c8588fff45eaa0f889fcea730b0f0c4d/wcag.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D100%26h%3D100%26fm%3Dwebp%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 100w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/503118af1ebe6b4b584839421e55472d/wcag.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D200%26h%3D200%26fm%3Dwebp%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 200w" sizes="(min-width: 200px) 200px, 100vw"><img data-gatsby-image-ssr="" formats="auto,avif" placeholder="blurred" data-main-image="" style="opacity:0" sizes="(min-width: 200px) 200px, 100vw" decoding="async" loading="lazy" data-src="/_gatsby/image/d072a213a1ad869b1a580f6860592362/f9f6a45b3bd6fbc033a2639b0dc606c5/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7" data-srcset="/_gatsby/image/d072a213a1ad869b1a580f6860592362/f9f6a45b3bd6fbc033a2639b0dc606c5/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 50w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/1a3d5207b5ced4f39bbd3bbd1c1fa633/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D100%26h%3D100%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 100w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/07321a3eefe286f687b209c2c6285d36/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D200%26h%3D200%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 200w" alt=""/></source></source></picture><noscript><picture><source type="image/avif" srcset="/_gatsby/image/d072a213a1ad869b1a580f6860592362/06f51e21c20b04c9c13ffd1c8d41fa39/wcag.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Davif%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 50w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/ea8b3c1ce267a835af784a0ad0db5cf9/wcag.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D100%26h%3D100%26fm%3Davif%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 100w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/0f366b51b23eaaa01f4f2031755a18cc/wcag.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D200%26h%3D200%26fm%3Davif%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 200w" sizes="(min-width: 200px) 200px, 100vw"><source type="image/webp" srcset="/_gatsby/image/d072a213a1ad869b1a580f6860592362/68ec90ab147a838e63bf291a6aed3d4e/wcag.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Dwebp%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 50w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/c8588fff45eaa0f889fcea730b0f0c4d/wcag.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D100%26h%3D100%26fm%3Dwebp%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 100w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/503118af1ebe6b4b584839421e55472d/wcag.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D200%26h%3D200%26fm%3Dwebp%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 200w" sizes="(min-width: 200px) 200px, 100vw"><img data-gatsby-image-ssr="" formats="auto,avif" placeholder="blurred" data-main-image="" style="opacity:0" sizes="(min-width: 200px) 200px, 100vw" decoding="async" loading="lazy" src="/_gatsby/image/d072a213a1ad869b1a580f6860592362/f9f6a45b3bd6fbc033a2639b0dc606c5/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7" srcset="/_gatsby/image/d072a213a1ad869b1a580f6860592362/f9f6a45b3bd6fbc033a2639b0dc606c5/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D50%26h%3D50%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 50w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/1a3d5207b5ced4f39bbd3bbd1c1fa633/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D100%26h%3D100%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 100w,/_gatsby/image/d072a213a1ad869b1a580f6860592362/07321a3eefe286f687b209c2c6285d36/wcag.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag.jpg&amp;a=w%3D200%26h%3D200%26fm%3Djpg%26q%3D75&amp;cd=ab31f468a9a5ffddb200cba07d036ae7 200w" alt=""/></source></source></picture></noscript></div></div><div class="row"><div class="col col_media"><div class="section-media"><button class="button video-btn" aria-label="Watch the Video - Opens in a popup" tabindex="0"><div class="video-btn__preview"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:300px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='168'%20width='300'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity .5s linear;background-color:#e8e8f8;top:0;left:0;bottom:0;right:0"/><picture><source type="image/avif" data-srcset="/_gatsby/image/85a345558721084bd66d17a7da18ad09/ac0bcfe942067ae8dfabea0bbdc63641/wcag-image-300x169-1.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Davif%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 75w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/ef6acc02cea930852e88318435380b7b/wcag-image-300x169-1.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D150%26h%3D84%26fm%3Davif%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 150w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/4cdae9f7322e5c08dc5e34af2b350f23/wcag-image-300x169-1.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D300%26h%3D168%26fm%3Davif%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 300w" sizes="(min-width: 300px) 300px, 100vw"><source type="image/webp" data-srcset="/_gatsby/image/85a345558721084bd66d17a7da18ad09/4f626cd01c7b3c845b994c0e340dee04/wcag-image-300x169-1.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Dwebp%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 75w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/d44d7e59c2d57f5f4a212925191b1e11/wcag-image-300x169-1.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D150%26h%3D84%26fm%3Dwebp%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 150w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/503b38cd1804b41743f4ca81c4a816dd/wcag-image-300x169-1.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D300%26h%3D168%26fm%3Dwebp%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 300w" sizes="(min-width: 300px) 300px, 100vw"><img data-gatsby-image-ssr="" formats="auto,avif" placeholder="blurred" data-main-image="" style="opacity:0" sizes="(min-width: 300px) 300px, 100vw" decoding="async" loading="lazy" data-src="/_gatsby/image/85a345558721084bd66d17a7da18ad09/ab5704467fffddc44093b382236f5786/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364" data-srcset="/_gatsby/image/85a345558721084bd66d17a7da18ad09/ab5704467fffddc44093b382236f5786/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 75w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/b1245e9879bd8a20cdd4f225086026a2/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D150%26h%3D84%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 150w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/bb5cca356ba463b2d3af4bac6ae1890e/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D300%26h%3D168%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 300w" alt="wcag 2.2"/></source></source></picture><noscript><picture><source type="image/avif" srcset="/_gatsby/image/85a345558721084bd66d17a7da18ad09/ac0bcfe942067ae8dfabea0bbdc63641/wcag-image-300x169-1.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Davif%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 75w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/ef6acc02cea930852e88318435380b7b/wcag-image-300x169-1.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D150%26h%3D84%26fm%3Davif%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 150w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/4cdae9f7322e5c08dc5e34af2b350f23/wcag-image-300x169-1.avif?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D300%26h%3D168%26fm%3Davif%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 300w" sizes="(min-width: 300px) 300px, 100vw"><source type="image/webp" srcset="/_gatsby/image/85a345558721084bd66d17a7da18ad09/4f626cd01c7b3c845b994c0e340dee04/wcag-image-300x169-1.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Dwebp%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 75w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/d44d7e59c2d57f5f4a212925191b1e11/wcag-image-300x169-1.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D150%26h%3D84%26fm%3Dwebp%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 150w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/503b38cd1804b41743f4ca81c4a816dd/wcag-image-300x169-1.webp?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D300%26h%3D168%26fm%3Dwebp%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 300w" sizes="(min-width: 300px) 300px, 100vw"><img data-gatsby-image-ssr="" formats="auto,avif" placeholder="blurred" data-main-image="" style="opacity:0" sizes="(min-width: 300px) 300px, 100vw" decoding="async" loading="lazy" src="/_gatsby/image/85a345558721084bd66d17a7da18ad09/ab5704467fffddc44093b382236f5786/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364" srcset="/_gatsby/image/85a345558721084bd66d17a7da18ad09/ab5704467fffddc44093b382236f5786/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D75%26h%3D42%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 75w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/b1245e9879bd8a20cdd4f225086026a2/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D150%26h%3D84%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 150w,/_gatsby/image/85a345558721084bd66d17a7da18ad09/bb5cca356ba463b2d3af4bac6ae1890e/wcag-image-300x169-1.jpg?u=https%3A%2F%2Fstaging.userway.org%2Fblog%2Fwp-content%2Fuploads%2F2023%2F05%2Fwcag-image-300x169-1.jpeg&amp;a=w%3D300%26h%3D168%26fm%3Djpg%26q%3D75&amp;cd=cd8306b4d2d73ff25be6f47b6be0e364 300w" alt="wcag 2.2"/></source></source></picture></noscript></div></div><div class="video-btn__label"><svg width="55" height="54" viewbox="0 0 55 54" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.5 54C42.4116 54 54.5 41.9116 54.5 27C54.5 12.0883 42.4116 0 27.5 0C12.5883 0 0.5 12.0883 0.5 27C0.5 41.9116 12.5883 54 27.5 54ZM21.3286 37.1246L37.5286 27.7714L21.3286 18.4184V37.1246Z" fill="white"/></svg><p>Watch the Video</p></div></button></div></div><div class="col col_content"><div class="post"><p><span style="font-weight:400">The Web Content Accessibility Guidelines (WCAG) are the gold standard for inclusive design to make websites and digital content more accessible for people with disabilities. As technology and trends evolve, WCAG undergoes periodic evaluation and updates by the World Wide Web Consortium’s (W3C) </span><a href="https://www.w3.org/WAI/"><span style="font-weight:400">Web Accessibility Initiative (WAI)</span></a><span style="font-weight:400"> and working groups in the disability community. The latest expected update is WCAG 2.2. When a business or agency has achieved “WCAG 2.2 compliance,” they have applied design principles that provide a high level of accessibility to their web content. </span></p><p><span style="font-weight:400">“Guidelines” are a set of recommendations or best practices designed to help organizations, or individuals achieve a certain goal or standard. They are not legally binding in and of themselves, and organizations or individuals are not required to follow them, so we generally speak of conforming with them. Laws, on the other hand, are binding rules or regulations that are established by a government or other legal authority. We “comply” with laws. </span></p><p><span style="font-weight:400">While the WCAG are not legally binding in and of themselves, the guidelines are widely recognized as the international standard for web accessibility, and many laws and regulations reference the WCAG as the benchmark for complying with the law. This is why people speak of WCAG compliance as a synonym for WCAG conformance.</span></p><h2><span style="font-weight:400">What are the Web Content Accessibility Guidelines?</span></h2><p><span style="font-weight:400">WCAG contains technical instructions and success criteria for website owners, designers, and developers. These criteria help them optimize websites to accommodate specific needs, such as assistive technology, screen readers, keyboard-only navigation, and more.</span></p><p><span style="font-weight:400">The WCAG 2.2 guidelines are expected require websites to include the following:</span></p><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Strong contrast between text and background color</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Descriptive alt text for all graphics and images</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Closed captions and transcriptions for video content</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Form labels for all input fields</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Appropriate descriptive tags for all navigation links and buttons</span></li></ul><p><span style="font-weight:400">Nearly all digital accessibility regulations worldwide are based explicitly or implicitly on WCAG.</span></p><h2><span style="font-weight:400">Why Should I Care About WCAG 2.2 AA Standards?</span></h2><p><span style="font-weight:400">Organizations and their design teams should be familiar with the </span><a href="https://www.w3.org/TR/WCAG22/"><span style="font-weight:400">WCAG 2.2 guidelines</span></a><span style="font-weight:400"> and continually monitor web content to ensure it meets requirements.</span></p><p><span style="font-weight:400">There are three commonly cited reasons to strive for WCAG compliance:</span></p><ol><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Ensuring inclusion for more people</span></li><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Optimizing website performance and functionality</span></li><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Compliance with federal and international regulations</span></li></ol><h3><span style="font-weight:400">Inclusion</span></h3><p><span style="font-weight:400">Making websites accessible means removing barriers users face when navigating content. Expanding access means including people with disabilities related to vision, hand motor skills, and neurodiversity. Accessibility also refers to providing access to content from a variety of devices, including mobile phones, tablets, and assistive technology.</span></p><p><b>Disabilities impact everyone.</b><span style="font-weight:400"> More than 1 billion people worldwide have a disability. This doesn’t include the countless others who may experience changes in their ability to perform everyday tasks due to age, injury, illness, and even situational limitations.</span></p><h3><span style="font-weight:400">Optimization</span></h3><p><span style="font-weight:400">Creating content that adheres to WCAG principles and success criteria results in a well-structured and streamlined website that works for more people. This means a better user experience, more traffic, more conversions, increased sales, fewer abandoned carts, less churn, and a lower bounce rate.</span></p><p><span style="font-weight:400">For example, WCAG requires alternative and descriptive text for all non-text content. For an e-Commerce website, coding alt text tags and including transcripts for product marketing material will ensure people who have vision disabilities can buy things from your website. Additionally, keywords used in alternative text and transcripts can help better your SEO.</span></p><h3><span style="font-weight:400">Regulations</span></h3><p><span style="font-weight:400">The Web Content Accessibility Guidelines are the basis for nearly all digital accessibility regulations worldwide. Organizations that fail to comply with digital accessibility laws expose themselves to significant liabilities, including fines and civil lawsuits.</span></p><p><span style="font-weight:400">In the U.S, WCAG 2.0 compliance is explicitly required for government agencies and federal contractors under </span><a href="https://userway.org/compliance/508/"><span style="font-weight:400">Section 508 of the Rehabilitation Act</span></a><span style="font-weight:400">. According to many court rulings and the outcomes of U.S. Department of Justice actions, private U.S. businesses and organizations are also subject to website accessibility laws under Title III of the </span><a href="https://userway.org/compliance/ada/"><span style="font-weight:400">Americans with Disabilities Act (ADA)</span></a><span style="font-weight:400">. Based on numerous consent orders and settlement agreements, the ADA implicitly requires these private entities to meet WCAG standards.</span></p><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">WCAG 2.1 Level AA is required under </span><a href="https://userway.org/compliance/en/"><span style="font-weight:400">EN 301 549 for the European Union</span></a><span style="font-weight:400">.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">The </span><span style="font-weight:400">Accessibility for Ontarians with Disabilities Act (AODA)</span><span style="font-weight:400"> requires WCAG 2.0 Level AA compliance.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">In Australia, the Web Accessibility National Transition Strategy requires all government agencies comply with WCAG. Private organizations are recommended to apply the WCAG to meet requirements under the Australian Disability Discrimination Act (DDA).</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">The Israel Standard (IS) 5568 applies to most businesses and requires them to adhere to WCAG standards.</span></li></ul><p><span style="font-weight:400">With so many laws and regulations pointing directly to the WCAG, conforming with the guidelines means complying with the related law. </span></p><h2><span style="font-weight:400">What does WCAG 2.2 AA Mean?</span></h2><p><span style="font-weight:400">To understand what “WCAG 2.2 AA” or “WCAG 2.2 AAA” mean, we need to break down the terminology.</span></p><h3><span style="font-weight:400">WCAG Versions</span></h3><p><span style="font-weight:400">WCAG is a set of guidelines that has been published and maintained by the World Wide Web Consortium (W3C) for nearly 30 years and has undergone a number of revisions since WCAG 1.0, which is now obsolete. The WCAG guidelines are created with input from a diverse, global group of member organizations, academics, W3C staff, and the general public. Members of the UserWay team also contribute to the development of W3C standards.</span></p><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">WCAG 1.0 – May 5, 1999 (obsolete)</span></li><li style="font-weight:400" aria-level="1"><span style="font-weight:400">WCAG 2.0 – December, 2008</span></li><li style="font-weight:400" aria-level="1"><span style="font-weight:400">WCAG 2.1 – June 5, 2018 </span></li><li style="font-weight:400" aria-level="1"><span style="font-weight:400">WCAG 2.2 – October, 2023</span></li></ul><p><span style="font-weight:400">WCAG 2.0 and 2.1 are the most commonly referenced versions by laws and international regulations. WCAG 2.1 added 17 new success criteria. WCAG 2.2 expands on 2.1 further with more criteria around mobile interface accessibility, as well as a focus on people with cognitive or learning disabilities and users with low vision. WCAG 2.2 guidelines are the latest expected update for WCAG standards as of August 2023. </span></p><p><span style="font-weight:400">This latest update builds off several pillars of accessible web design that seek to help developers create content that is inclusive for people with visual, hearing, motor, and cognitive impairments. The Working Group responsible for WCAG continues to develop the standard, and WCAG 3.0 is already being drafted.</span></p><h3><span style="font-weight:400">WCAG Levels</span></h3><p><span style="font-weight:400">Now that we know about different versions of WCAG, we can begin to explain what someone means when they say that websites should comply with WCAG 2.2 AA standards.</span></p><p><span style="font-weight:400">WCAG (Web Content Accessibility Guidelines) has three levels of conformance: Level A, Level AA, and Level AAA. These levels are used to define the accessibility standards for web content. Each level has specific criteria that need to be met to ensure better accessibility for people with disabilities. The higher the level, the more inclusive and accessible the content becomes.</span></p><p><span style="font-weight:400">These levels include:</span></p><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400"><strong>Level A:</strong> This is the basic level of accessibility. It includes guidelines that address the most fundamental barriers for users with disabilities. Meeting Level A ensures that some basic accessibility needs are addressed. Example: Providing alternative text for images so that screen readers can read aloud what the image is about. This helps people with visual impairments understand the content of the images.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400"><strong>Level AA:</strong> This is an intermediate level of accessibility, more comprehensive than Level A. Meeting Level AA means going a step further to accommodate a broader range of disabilities. It includes all Level A requirements and additional criteria. Example: Providing audio descriptions for videos to make them accessible to people who are blind or low vision. This ensures that everyone can understand the content of the videos, not just those who can visually perceive the video. </span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400"><strong>Level AAA:</strong> This is the highest level of accessibility. Meeting Level AAA indicates a very high standard of inclusivity and provides the best possible experience for users with disabilities. It includes all Level A and Level AA requirements, as well as more demanding criteria. Example: Providing users with text transcript, audio description, sign language interpretation, and robust audio descriptions for streaming media. This helps people with different disabilities like low vision, blind, deaf, and hard of hearing perceive content. </span></li></ul><p><span style="font-weight:400">The difference between the levels is in the scope of accessibility they cover. While Level A addresses some basic accessibility needs, Level AA builds upon that to cater to a broader range of users. Level AAA goes even further, ensuring an exceptionally inclusive experience for users with various disabilities. Meeting Level AAA is generally more challenging and may require substantial design and development efforts compared to Level A or AA. However, all three levels are essential for creating a web environment that is truly accessible and usable by everyone. For WCAG compliance, businesses must conform to Level A and Level AA success criteria. AAA conformance is optional but represents the highest level of accessibility.</span></p><p><span style="font-weight:400">Success criteria under most WCAG guidelines determine whether content meets WCAG 2.2 Level A, AA, or AAA profiles. For instance, the guidelines for website navigation outlined in Success Criterion 1.2 provide different levels of WCAG classification based on their design and usage. Notice how the granularity increases as the criteria move from A to AAA.</span></p><h4><span style="font-weight:400">SC 1.2</span></h4><p><span style="font-weight:400">To get a clear understanding of the distinctions among Level A, Level AA, and Level AAA, let’s explore an illustrative example. In this case, we will focus on success criteria associated with video content to demonstrate how each criterion encompasses unique requirements for achieving success.</span></p><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Level A – 1.2.3 Audio Description or Media Alternative </span></li><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Level AA – 1.2.5 Audio Description (Prerecorded)</span></li></ul><ul><li style="font-weight:400" aria-level="1"><span style="font-weight:400">Level AAA – 1.2.8 – Media Alternative (Prerecorded)</span></li></ul><p><span style="font-weight:400"><strong>1.</strong> <strong>Success Criterion 1.2.3 (Level A):</strong> Videos with significant visual content must also have another way to perceive for people with visual impairments. This can be done with an audio description or a text alternative. </span></p><p><span style="font-weight:400"><strong>2. Success Criterion 1.2.5 (Level AA):</strong> This criterion focuses on providing audio descriptions for prerecorded video content. It ensures that people who cannot see the video can still comprehend its content by listening to the audio descriptions.</span></p><p><span style="font-weight:400"><strong>3. Success Criterion 1.2.8 (Level AAA):</strong> This success criterion asks to provide a text transcript of all the audio content, including the audio description. This helps users who have disabilities related to vision and hearing challenges, such as low vision individuals who cannot perceive captions/visual content, and users who have hearing challenges and cannot perceive audio content.</span></p><p><span style="font-weight:400">As the WCAG levels progress from A to AA to AAA, the success criteria become more stringent, requiring additional accessibility measures. By meeting the success criteria at each level, websites become increasingly accessible, making information and multimedia content available to a diverse audience of different abilities.</span></p><h2><span style="font-weight:400">The Four</span> <span style="font-weight:400">WCAG Principles</span></h2><p><span style="font-weight:400">The four principles that guide WCAG serve as the ultimate goals for web accessibility. The following principles provide a philosophy for achieving accessibility on websites globally.</span></p><p><strong> </strong><span style="font-weight:400"><strong>1. Perceivable:</strong> To ensure that users can access and understand the information and interface elements of a website, it is important to present content in a way that can be perceived through at least one of the user’s senses.</span></p><p><span style="font-weight:400"><strong>2. Operable:</strong> It is essential that user interface elements and navigation are fully operable by users. This means that users must be able to easily interact with the interface, and should not be required to perform actions they are unable to do.</span></p><p><span style="font-weight:400"><strong>3. Understandable:</strong> Users must be able to understand the information presented, and should know how to effectively use and navigate the website.</span></p><p><span style="font-weight:400"><strong>4. Robust:</strong> A wide range of user agents, including assistive technologies, should be able to access website information and use the interface. This means that users should be able to continue accessing content even as technologies change.</span></p><h2><span style="font-weight:400">13 High Level Guidelines in the WCAG Principles</span></h2><p><span style="font-weight:400">There are also 13 guidelines that fall within the four WCAG principles explained above. A good way to think about their relationship is how these measurable objectives can be used to meet general goals. They are described below and grouped with the principle they support.</span></p><h3><span style="font-weight:400">Perceivable</span></h3><ul><li aria-level="1"><b>Text Alternatives – </b><span style="font-weight:400">Text alternatives are equivalent replacements for non-text elements, such as providing a label for a form field or a description for an image. These alternatives enable users who cannot see or interact with the non-text content to understand its purpose and context.</span></li></ul><ul><li aria-level="1"><b>Time-Based Media </b><span style="font-weight:400">– Alt text, transcripts, and closed captions should synchronize with interactive media.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Adaptable</b><span style="font-weight:400"> – All content should be capable of adjusting without losing information when the display size of a website is changed. </span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Distinguishable</b><span style="font-weight:400"> – Content should be formatted with appropriate spacing and text size. This includes strong contrast of foreground text with background color and images.</span></li></ul><h3><span style="font-weight:400">Operable</span></h3><ul><li style="font-weight:400" aria-level="1"><b>Keyboard Accessible</b><span style="font-weight:400"> – Websites should be completely and easily operable through keyboard-only navigation. This means websites should not disrupt typical functions of keystrokes or short-cut commands.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Enough Time</b><span style="font-weight:400"> – Ample time should be programmed for all time-based media and access without losing the chance to read or enter respective responses.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Seizures and Physical Reactions</b><span style="font-weight:400"> – All display content and website design should avoid excessive flashing and other typical triggers for seizures.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Navigable</b><span style="font-weight:400"> – A website should offer users straightforward and logical ways to discover and find content. Navigation menus and drop-downs should make sense and be easy to use. Heading and subheading tags should be used to break up long text boxes.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Input Modalities</b><span style="font-weight:400"> – Users should have a similar website experience even with different options for input beyond just a keyboard and mouse. This includes switch controls, eye trackers, and voice commands.</span></li></ul><h3><span style="font-weight:400">Understandable</span></h3><ul><li style="font-weight:400" aria-level="1"><b>Readable</b><span style="font-weight:400"> – All writing should be clear and understandable, avoiding jargon, unusual words and having limited acronyms. Where unfamiliar language is required, it should be qualified with definitions and the full unabbreviated phrase.</span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Predictable</b><span style="font-weight:400"> – Websites and content should be built to function as people expect them to, with vertical scroll orientation and all navigation links included in the heading and footer margins. </span></li></ul><ul><li style="font-weight:400" aria-level="1"><b>Input Assistance</b><span style="font-weight:400"> – Users should be able to use saved browser input information to avoid mistakes and ensure accuracy when attempting to fill out login fields and sign-up forms.</span></li></ul><h3><span style="font-weight:400">Robust</span></h3><ul><li style="font-weight:400" aria-level="1"><b>Compatible</b><span style="font-weight:400"> – Websites should strive to be as compatible as possible with current and future user agents, including assistive technologies, in order to provide the best user experience for all users.</span></li></ul><h2><span style="font-weight:400">Frequently Asked Questions</span></h2><h3><span style="font-weight:400">Is my organization’s website required to follow WCAG 2.2 AA standards?</span></h3><p><span style="font-weight:400">WCAG 2.2 Level AA is not explicitly required under U.S. law. However, based on several factors, WCAG is implied. A growing list of consent orders and settlement agreements in web accessibility lawsuits under the ADA specifically make WCAG compliance a concession by defendants. Further, Section 508 of the Rehabilitation ACT requires government agencies to comply with WCAG 2.0 standards. If your business is based in California or New York, state law explicitly requires WCAG 2.0 AA conformance, also known as WCAG 2.0 AA compliance.</span></p><p><span style="font-weight:400">While there is not a single definitive law stating this in black and white, WCAG 2.2 compliance is one the best ways to avoid expensive legal risks related to web accessibility.</span></p><h3><span style="font-weight:400">How do I make my website WCAG 2.2-compliant?</span></h3><p><span style="font-weight:400">Web accessibility compliance is a highly technical project. Bringing a website up to speed with WCAG 2.2 standards can constitute a significant investment in both time and money, and the majority of business owners and in-house IT departments neither have the skill nor work bandwidth to handle such an undertaking. </span></p><p><span style="font-weight:400">Thankfully, there are service providers and products offering a variety of solutions. Businesses can hire developers who specialize in accessibility design and can manually audit and fix issues. Robust software, such as UserWay’s AI-Powered Accessibility Solution, is also making WCAG compliance more affordable and attainable for all businesses.</span></p><h3><span style="font-weight:400">Is WCAG 2.2 conformance the same thing as WCAG 2.2 compliance?</span></h3><p><span style="font-weight:400">Yes! The WCAG were authored as a set of guidelines, assessed by success criteria. Organizations conforming with the guidelines could be sure that their digital content did not pose unintended barriers to people with disabilities. Anti-discrimination laws, such as Section 508 of the United States Rehabilitation Act of 1973, directly reference the WCAG as their benchmark for assessing compliance. So whether you call it compliance or conformance, the WCAG is the gold standard for assessing accessibility and ensuring the accessibility of your digital assets.</span></p><p/></div></div></div></div></section></div></div></div></div></div><div class="lazyload-wrapper"><div class="lazyload-placeholder"/></div></div><div style="z-index:2147483004;position:fixed;bottom:20px;display:block;left:20px;width:48px;height:48px;border-radius:50%;box-shadow:rgba(0,0,0,.0588235) 0 1px 6px 0,rgba(0,0,0,.156863) 0 2px 32px 0;background:#0027a8"><div style="font-family:intercom-font,'font-style:normal;letter-spacing:normal;font-stretch:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-position:normal;font-weight:400;text-align:left;text-decoration-line:none;text-decoration-style:initial;text-decoration-color:initial;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;box-sizing:content-box;-webkit-text-emphasis-style:none;-webkit-text-emphasis-color:initial;-webkit-font-smoothing:antialiased;line-height:1"><div role="button" aria-label="Load Chat" aria-busy="true" aria-live="polite" style="top:0;left:0;width:48px;height:48px;border-radius:50%;cursor:pointer;transform-origin:center;overflow-x:hidden;overflow-y:hidden;-webkit-backface-;-webkit-font-smoothing:antialiased"><div style="display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;top:0;bottom:0;width:100%;transform:rotate(0) scale(1);transition:transform .16s linear 0s,opacity 80ms linear 0s;opacity:1"><svg height="25px" width="21px" focusable="false" aria-hidden="true" viewbox="0 0 28 32"><path fill="rgb(255, 255, 255)" d="M28,32 C28,32 23.2863266,30.1450667 19.4727818,28.6592 L3.43749107,28.6592 C1.53921989,28.6592 0,27.0272 0,25.0144 L0,3.6448 C0,1.632 1.53921989,0 3.43749107,0 L24.5615088,0 C26.45978,0 27.9989999,1.632 27.9989999,3.6448 L27.9989999,22.0490667 L28,22.0490667 L28,32 Z M23.8614088,20.0181333 C23.5309223,19.6105242 22.9540812,19.5633836 22.5692242,19.9125333 C22.5392199,19.9392 19.5537934,22.5941333 13.9989999,22.5941333 C8.51321617,22.5941333 5.48178311,19.9584 5.4277754,19.9104 C5.04295119,19.5629428 4.46760991,19.6105095 4.13759108,20.0170667 C3.97913051,20.2124916 3.9004494,20.4673395 3.91904357,20.7249415 C3.93763774,20.9825435 4.05196575,21.2215447 4.23660523,21.3888 C4.37862552,21.5168 7.77411059,24.5386667 13.9989999,24.5386667 C20.2248893,24.5386667 23.6203743,21.5168 23.7623946,21.3888 C23.9467342,21.2215726 24.0608642,20.9827905 24.0794539,20.7254507 C24.0980436,20.4681109 24.0195551,20.2135019 23.8614088,20.0181333 Z"/></svg></div><div style="display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;top:0;bottom:0;width:100%;transition:transform .16s linear 0s,opacity 80ms linear 0s;opacity:0;transform:rotate(-30deg)"><svg focusable="false" viewbox="0 0 16 14" width="28" height="25" style="width:16px"><path fill="rgb(255, 255, 255)" fill-rule="evenodd" clip-rule="evenodd" d="M.116 4.884l1.768-1.768L8 9.232l6.116-6.116 1.768 1.768L8 12.768.116 4.884z"/></svg></div></div></div></div></div><div id="gatsby-announcer" style="top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"/></div><link data-chunk="default" rel="stylesheet" href="/default.7a60850260f19aec3594.css"/></body>