CINXE.COM
Mapping of WCAG 2.0 to Functional Performance Criteria | Section508.gov
<!DOCTYPE html> <html lang="en"> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="index, follow"> <!-- Mobile Specific Metas ================================================== --> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Title and meta description ================================================== --> <title>Mapping of WCAG 2.0 to Functional Performance Criteria | Section508.gov</title> <meta property="og:title" content="Section508.gov"> <meta name="description" content="Information about the Section508.gov website, GSA鈥檚 Government-wide IT Accessibility Team, and guidance to Federal agencies on accessible information and communication technology (ICT)."> <meta property="og:description" content="Information about the Section508.gov website, GSA鈥檚 Government-wide IT Accessibility Team, and guidance to Federal agencies on accessible information and communication technology (ICT)."> <meta property="og:image" content="https://assets.section508.gov/files/images/social-media-og-image.jpg"> <meta name="twitter:image" content="https://assets.section508.gov/files/images/social-media-og-image.jpg" /> <!-- endif --> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@" /> <meta name="twitter:title" content="Section508.gov" /> <meta name="twitter:description" content="Information about the Section508.gov website, GSA鈥檚 Government-wide IT Accessibility Team, and guidance to Federal agencies on accessible information and communication technology (ICT)." /> <meta property="og:type" content="article"> <link rel="canonical" href="https://www.section508.gov/content/mapping-wcag-to-fpc/" /> <meta property="og:url" content="https://www.section508.gov/content/mapping-wcag-to-fpc/" /> <!-- Favicons ================================================== --> <!-- 128x128 --> <link rel="shortcut icon" type="image/ico" href="/assets/images/favicon.ico" /> <link rel="icon" type="image/png" href="/assets/images/favicon.ico" /> <link rel="icon" type="image/png" sizes="192x192" href="/assets/images/android-chrome-192x192.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png" /> <link rel="manifest" href="/assets/images/site.webmanifest" /> <!-- CSS ================================================== --> <link rel="stylesheet" type="text/css" href="/assets/css/index.css?1732224641581990839"> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="/assets/js/uswds-init.min.js?1732224641581990839"></script> <!-- Custom Meta Data ================================================== --> <meta name="topic" content="Law (law)"> <meta name="sub-topic" content="Accessibility Standards, Procedures, Guidance, Best Practices"> <meta name="audience" content="508 Program Manager (508pm), Federal employee (fedemp), Information Technology Program and Project Managers (itpm), Content Creators (creator), Developers and Testers (dev-test)"> <meta name="resource-type" content="Process/How-to"> <meta name="format" content="HTML (html)"> </head> <body> <section aria-label="Official Government Site Banner" class="page-landing-page layout-demo "> <a class="usa-skipnav" href="#main-content">Skip to main content</a> <div class="usa-banner" aria-label="Official website of the United States government" > <div class="usa-accordion"> <header class="usa-banner__header"> <div class="usa-banner__inner"> <div class="grid-col-auto"> <img aria-hidden="true" class="usa-banner__header-flag" src="/assets/img/us_flag_small.png" alt="U.S. flag" /> </div> <div class="grid-col-fill tablet:grid-col-auto" aria-hidden="true"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action">Here鈥檚 how you know</p> </div> <button type="button" class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner-default" > <span class="usa-banner__button-text">Here鈥檚 how you know</span> </button> </div> </header> <div class="usa-banner__content usa-accordion__content" id="gov-banner-default" hidden="" > <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"> <img class="usa-banner__icon usa-media-block__img" src="/assets/img/icon-dot-gov.svg" role="img" alt="Dot gov" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Official websites use .gov</strong><br />A <strong>.gov</strong> website belongs to an official government organization in the United States. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"> <img class="usa-banner__icon usa-media-block__img" src="/assets/img/icon-https.svg" role="img" alt="Https" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Secure .gov websites use HTTPS</strong><br />A <strong>lock</strong> ( <span class="icon-lock" ><svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false" > <title id="banner-lock-title-default">Lock</title> <desc id="banner-lock-description-default">Locked padlock icon</desc> <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /> </svg> </span >) or <strong>https://</strong> means you鈥檝e safely connected to the .gov website. Share sensitive information only on official, secure websites. </p> </div> </div> </div> </div> </div> </div> <button id="backtotop" title="Go to top" style="display: none">藙 Top</button> <div class="usa-overlay"></div> </section> <header class="usa-header usa-header--extended" role="banner"> <div class="usa-navbar"> <div class="usa-logo" id="extended-logo"> <span><a href="/" onclick="return navigate(this)"> <img src="/assets/images/508-logo-cropped-web-altgreen.png" alt="Section508.gov Home; GSA logo with text: Section508.gov Buy. Build. Be Accessible." class="logo" /> </a></span> </div> <button class="usa-menu-btn">Menu</button> </div> <nav id="site-nav" role="navigation" class="usa-nav" aria-label="Primary Site Navigation"> <div class="usa-nav__inner"> <button class="usa-nav__close"><img alt="close" src="/assets/img/close.svg"></button> <ul class="usa-nav__primary usa-accordion"> <li class="usa-nav__primary-item"> <a aria-label="Policy & Management primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/manage/"><span>Policy & Management</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Acquisition primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/buy-sell/"><span>Acquisition</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Content Creation primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/create/"><span>Content Creation</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Design & Develop primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/develop/"><span>Design & Develop</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Testing primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/test/"><span>Testing</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Training, Tools & Events primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/training/"><span>Training, Tools & Events</span></a> </li> </ul> <div class="usa-nav__secondary"> <ul class="usa-nav__secondary-links"> <li class="usa-nav__secondary-item"> <a href="/blog/" class="external-link" onclick="return navigate(this)">Blogs & Updates</a> </li> <li class="usa-nav__secondary-item"> <a href="/tools/program-manager-listing/" class="external-link" onclick="return navigate(this)">My Agency鈥檚 508 PM</a> </li> <li class="usa-nav__secondary-item"> <a href="/content/about-us/" class="external-link" onclick="return navigate(this)">About Us</a> </li> </ul> <form id="search_form" class="usa-search usa-search--small" action="https://search.usa.gov/search" accept-charset="UTF-8" method="get"> <input name="utf8" type="hidden" value="✓" /> <input name="affiliate" type="hidden" value="gsa-section508-accessibility" /> <div role="search"> <label class="usa-sr-only" for="extended-search-field-small">Search</label> <input class="usa-input usagov-search-autocomplete" id="extended-search-field-small" type="search" name="query" autocomplete="off"> <button class="usa-button primary-background-color" type="submit"><img src="/assets/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /></button> </div> </form> </div> </div> </nav> </header> <main id="main-content"> <section aria-label="Page Banner" class="usa-graphic-list usa-section sml-margin bg-gradient landing-page-banner"> <div class="grid-container"> <div class="grid-row grid-gap"> <div class="tablet: grid-col"> <h1 class="text-white font-sans-xl margin-top-0 margin-bottom-0"> Mapping of WCAG 2.0 to Functional Performance Criteria </h1> </div> </div> </div> </section> <div class="grid-container usa-graphic-list"> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css" /> <script src="//cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#example').dataTable( { columnDefs: [ { type: 'natural', targets: [0, 9] } ], "paging": false, responsive: false, fixedHeader: true, "language": { "search": "Filter:" } } ); } ); </script> <style type="text/css">td { text-align: center;} input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; float: none; border-right: 2px solid; } </style> <p>The <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a> (WCAG) success criteria (SC) and the <a href="https://www.access-board.gov/ict/">Revised Section 508 Standards</a> share the same objective: to make <a href="/content/glossary#ict">information and communication technology</a> (ICT) accessible to individuals with disabilities. The revised Section 508 references WCAG 2.0 Level A and AA. The mapping in the table below relates each WCAG SC to the disabilities that may be impacted by non-conformance. In the table, the column headers (columns 2 through 9) represent the disabilities identified by the Section 508 Functional Performance Criteria.</p> <p>Please note that the information provided in this table is intended solely as informal guidance and is neither a determination of your legal rights or responsibilities, nor a statement of the official views of the U.S. Access Board, the GSA Office of Government-wide Policy IT Accessibility Program, or any other federal agency. Any links to non-federal websites are provided as a courtesy and do not represent an endorsement of the linked information, products, or services.</p> <p>Select one of the column headers to sort the table.</p> <table class="display" id="example" style="width:100%" summary="An informal guide mapping the relationship between the web accessibility requirements of WCAG 2.0 to the Section 508 Functional Performance Criteria."><thead><tr><th scope="col">WCAG 2.0 SC</th><th scope="col">Without Vision</th><th scope="col">Limited Vision</th><th scope="col">Without Perception of Color</th><th scope="col">Without Hearing</th><th scope="col">Limited Hearing</th><th scope="col">Without Speech</th><th scope="col">Limited Manipulation</th><th scope="col">Limited Reach and Strength</th><th scope="col">Limited Language, Cognitive, and Learning Abilities</th></tr></thead><tbody><tr><th scope="row">1.1.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#non-text-content" target="_Non-text">Non-text content</a></th><td>X</td><td>X</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.2.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#audio-only-and-video-only-prerecorded" target="_wcagqr">Audio-only and video only (prerecorded)</a></th><td>X</td><td>X</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.2.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#captions-prerecorded" target="_wcagqr">Captions (prerecorded)</a></th><td>-</td><td>-</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.2.3 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#audio-description-or-media-alternative-prerecorded" target="_wcagqr">Audio description or media alternative (prerecorded)</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.2.4 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#captions-live" target="_wcagqr">Captions (live)</a></th><td>-</td><td>-</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.2.5 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#audio-description-prerecorded" target="_wcagqr">Audio description (precorded)</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.3.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#info-and-relationships" target="_wcagqr">Info and relationships</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.3.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#meaningful-sequence" target="_wcagqr">Meaningful sequence</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.3.3 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#sensory-characteristics" target="_wcagqr">Sensory characteristics</a></th><td>X</td><td>X</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.4.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#use-of-color" target="_wcagqr">Use of colour</a></th><td>X</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.4.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#audio-control" target="_wcagqr">Audio control</a></th><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">1.4.3 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#contrast-minimum" target="_wcagqr">Contrast (minimum)</a></th><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr><tr><th scope="row">1.4.4 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#resize-text" target="_wcagqr">Resize text</a></th><td>-</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr><tr><th scope="row">1.4.5 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#images-of-text" target="_wcagqr">Images of text</a></th><td>-</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">2.1.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#keyboard" target="_wcagqr">Keyboard</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.1.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#no-keyboard-trap" target="_wcagqr">No keyboard trap</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>-</td></tr><tr><th scope="row">2.2.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#timing-adjustable" target="_wcagqr">Timing adjustable</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.2.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#pause-stop-hide" target="_wcagqr">Pause, stop, hide</a></th><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">2.3.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#three-flashes-or-below-threshold" target="_wcagqr">Three flashes or below threshold</a></th><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr><tr><th scope="row">2.4.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#bypass-blocks" target="_wcagqr">Bypass blocks</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.4.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#page-titled" target="_wcagqr">Page titled</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.4.3 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#focus-order" target="_wcagqr">Focus order</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.4.4 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#link-purpose-in-context" target="_wcagqr">Link purpose (in context)</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.4.5 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#multiple-ways" target="_wcagqr">Multiple ways</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.4.6 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#headings-and-labels" target="_wcagqr">Headings and labels</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">2.4.7 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#focus-visible" target="_wcagqr">Focus visible</a></th><td>-</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">3.1.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#language-of-page" target="_wcagqr">Language of page</a></th><td>X</td><td>X</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">3.1.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#language-of-parts" target="_wcagqr">Language of parts</a></th><td>X</td><td>X</td><td>-</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">3.2.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#on-focus" target="_wcagqr">On focus</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">3.2.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#on-input" target="_wcagqr">On Input</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">3.2.3 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#consistent-navigation" target="_wcagqr">Consistent navigation</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">3.2.4 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#consistent-identification" target="_wcagqr">Consistent identification</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">3.3.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#error-identification" target="_wcagqr">Error identification</a></th><td>X</td><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">3.3.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#labels-or-instructions" target="_wcagqr">Labels or instructions</a></th><td>-</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td></tr><tr><th scope="row">3.3.3 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#error-suggestion" target="_wcagqr">Error suggestion</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">3.3.4 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#error-prevention-legal-financial-data" target="_wcagqr">Error prevention (legal, financial, data)</a></th><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">4.1.1 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#parsing" target="_wcagqr">Parsing</a></th><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><tr><th scope="row">4.1.2 <a href="https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_overview&levels=aaa#name-role-value" target="_wcagqr">Name, role, value</a></th><td>X</td><td>X</td><td>-</td><td>-</td><td>-</td><td>-</td><td>X</td><td>-</td><td>X</td></tr><!-- <tr> <th scope="row">18. Stylesheet Non-dependence</th> <td>1.3.2 Meaningful Sequence</td> <td>15.B / 1.3.2-content-order-meaning-CSS-position</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">19. Frames and iFrames</th> <td>4.1.2 Name, Role, Value</td> <td>12.C / 4.1.2-frame-title</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">19. Frames and iFrames</th> <td>4.1.2 Name, Role, Value</td> <td>12.D / 4.1.2-iframe-name</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">2. Focus Visible</th> <td>2.4.7 Focus Visible</td> <td>4.D / 2.4.7-focus-visible</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">20. Alternate Versions</th> <td>Conformance Requirement 1. Conformance Level</td> <td>1.A / Alt-version-conformant</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">20. Alternate Versions</th> <td>Conformance Requirement 1. Conformance Level</td> <td>1.B / Alt-version-equivalent</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">20. Alternate Versions</th> <td>Conformance Requirement 1. Conformance Level</td> <td>1.C / Alt-version-access</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">20. Alternate Versions</th> <td>Conformance Requirement 1. Conformance Level</td> <td>1.D / Alt-version-nc-access</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">21. Timed Events</th> <td>1.4.2 Audio Control</td> <td>2.A / 1.4.2-audio-control</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">21. Timed Events</th> <td>2.2.1 Timing Adjustable</td> <td>8.A / 2.2.1-timing-adjustable</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">21. Timed Events</th> <td>2.2.2 Pause, Stop, Hide</td> <td>2.B / 2.2.2-blinking-moving-scrolling</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">21. Timed Events</th> <td>2.2.2 Pause, Stop, Hide</td> <td>2.C / 2.2.2-auto-updating</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">21. Timed Events</th> <td>4.1.2 Name, Role, Value</td> <td>2.D / 4.1.2-change-notify-auto</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">22. Resize Text</th> <td>1.4.4 Resize text</td> <td>18.A / 1.4.4-resize-text</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">22. Resize Text</th> <td>1.4.4 Resize text</td> <td>18.A / 1.4.4-resize-text</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">23. Multiple Ways</th> <td>2.4.5 Multiple Ways</td> <td>19.A / 2.4.5-multiple-ways</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">24. Parsing</th> <td>4.1.1 Parsing</td> <td>20.A / 4.1.1-parsing</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">25. Non-Interference</th> <td>Conformance Requirement 5. Non-Interference</td> <td>1.E / non-interference</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">25. Non-Interference</th> <td>Conformance Requirement 5. Non-Interference</td> <td>2.A / 1.4.2-audio-control</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">25. Non-Interference</th> <td>Conformance Requirement 5. Non-Interference</td> <td>2.B / 2.2.2-blinking-moving-scrolling</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">25. Non-Interference</th> <td>Conformance Requirement 5. Non-Interference</td> <td>2.C / 2.2.2-auto-updating</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">25. Non-Interference</th> <td>Conformance Requirement 5. Non-Interference</td> <td>3.A / 2.3.1-flashing</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">3. Focus Order</th> <td>2.4.3 Focus Order</td> <td>4.F / 2.4.3-focus-order-meaning</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">3. Focus Order</th> <td>2.4.3 Focus Order</td> <td>4.G / 2.4.3-focus-order-reveal</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">3. Focus Order</th> <td>2.4.3 Focus Order</td> <td>4.H / 2.4.3-focus-order-return</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">3. Focus Order</th> <td>3.2.1 On Focus</td> <td>4.E / 3.2.1-on-focus</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">4. Repetitive Content</th> <td>2.4.1 Bypass Blocks</td> <td>9.A / 2.4.1-bypass-function</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">4. Repetitive Content</th> <td>3.2.3 Consistent Navigation</td> <td>9.B / 3.2.3-consistent- navigation</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">4. Repetitive Content</th> <td>3.2.4 Consistent Identification</td> <td>9.C / 3.2.4-consistent-identification</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>1.1.1 Non-text Content</td> <td>7.A / 1.1.1-meaningful-image-name</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>1.1.1 Non-text Content</td> <td>7.B / 1.1.1-decorative-image</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>1.1.1 Non-text Content</td> <td>7.C / 1.1.1- decorative-background-image</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>1.1.1 Non-text Content</td> <td>7.C / 1.1.1- decorative-background-image</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>1.1.1 Non-text Content</td> <td>7.D / 1.1.1-captcha-alternative</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>1.4.5 Images of Text</td> <td>7.E / 1.4.5-image-of-text</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>4.1.2 Name, Role, Value</td> <td>7.A / 1.1.1-meaningful-image-name</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>4.1.2 Name, Role, Value</td> <td>7.B / 1.1.1-decorative-image</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>4.1.2 Name, Role, Value</td> <td>7.C / 1.1.1- decorative-background-image</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">6. Images</th> <td>4.1.2 Name, Role, Value</td> <td>7.D / 1.1.1-captcha-alternative</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">7. Sensory Characteristics</th> <td>1.3.3 Sensory Characteristics</td> <td>13.B / 1.3.3-sensory-info</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">7. Sensory Characteristics</th> <td>1.4.1 Use of Color</td> <td>13.A / 1.4.1-color-meaning</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">8. Contrast</th> <td>1.4.3 Contrast (Minimum)</td> <td>13.C / 1.4.3-contrast</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">9. Flashing</th> <td>2.3.1 Three Flashes or Below Threshold</td> <td>3.A / 2.3.1-flashing</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">5. Changing Content</th> <td>4.1.2 Name, Role, Value</td> <td>2.D / 4.1.2-change-notify-auto</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">5. Changing Content</th> <td>4.1.2 Name, Role, Value</td> <td>5.E / 4.1.2-change-notify-form</td> <td>Burgundy</td> <td>FPurple</td> </tr> <tr> <th scope="row">5. Changing Content</th> <td>4.1.2 Name, Role, Value</td> <td>6.B / 4.1.2-change-notify-links</td> <td>Burgundy</td> <td>FPurple</td> </tr> --></tbody></table> <p> </p> <div class="border-base radius-lg border-1px"> <div class="panel-body padding-3"> <strong>Before You Go</strong> <p dir="ltr">We're always working to improve the information and resources on this website. To suggest a new resource for this or another page, please <a class="mailto" href="mailto:section.508@gsa.gov">contact us</a>.</p> </div> </div> <p><span class="bold"><strong>Reviewed/Updated: </strong>November 2020</span></p> <div class="margin-bottom-05"> <strong>Contributing Organizations</strong> <ul class="margin-top-05 padding-left-1" style="list-style-type:none"> <li class="margin-bottom-1"> <img src="https://assets.section508.gov/files/images/seals-logos/usab.jpg" height="48px" alt="Photo: U.S. Access Board" style="vertical-align:middle"> <a href="/contributors/usab.html" class="margin-left-1"> U.S. Access Board</a> </li> </ul> </div> </div> </main> <footer class="usa-footer__primary-section"> <div class="grid-container"> <div class="grid-row grid-gap padding-bottom-4"> <div class="desktop:grid-col-4"> <p class="text-bold">Government-wide Initiatives</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="https://www.gsa.gov/technology/government-it-initiatives/digital-strategy" target="_blank" onclick="return navigate(this)">Digital Strategy</a></li> <li> <a href="https://www.plainlanguage.gov/" target="_blank" onclick="return navigate(this)">Plain Language </a></li> <li> <a href="https://designsystem.digital.gov/" target="_blank" onclick="return navigate(this)"> U.S. Web Design System </a></li> <li> <a href="https://www.cio.gov/about/members-and-leadership/accessibility-cop/" target="_blank" onclick="return navigate(this)"> CIO Council Accessibility Community of Practice (ACOP)</a></li> </ul> </div> <div class="desktop:grid-col-2"> <p class="text-bold">Organization</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="/about-us/" aria-label="About Us in Organization" onclick="return navigate(this)"> About Us</a></li> <li> <a aria-label="Contact Us details" href="/contact-us/" onclick="return navigate(this)"> Contact Us</a></li> <li><a href="/contributors/" aria-label="Section508.gov site Contributors" onclick="return navigate(this)"> Contributors</a></li> </ul> </div> <div class="desktop:grid-col-3"> <p class="text-bold">Tools</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="/art/" aria-label="Accessibility Requirements Tool" onclick="return navigate(this)"> ART</a></li> <li> <a href="/buy/solicitation-review-tool" aria-label="Solicitation Review Tool" onclick="return navigate(this)"> SRT</a></li> <li> <a href="/content/guide-accessible-web-design-development" onclick="return navigate(this)"> Developer Guide</a></li> <li> <a href="https://digitaldashboard.gov/" target="_blank" onclick="return navigate(this)"> DigitalDashboard.gov</a></li> <li> <a href="https://analytics.usa.gov/" target="_blank" onclick="return navigate(this)"> Analytics.usa.gov</a></li> </ul> </div> <div class="desktop:grid-col-3"> <p class="text-bold">Resources</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="/content/glossary" aria-label="Glossary for Section508" onclick="return navigate(this)"> Glossary</a></li> <li> <a href="/website-policies" onclick="return navigate(this)"> Website Policies</a></li> <li> <a href="/tools/program-manager-listing/" onclick="return navigate(this)"> Find Your Section 508 Program Manager</a></li> <li><a href="/manage/join-the-508-community/" onclick="return navigate(this)">Join the Community(Listserv)</a></li> </ul> </div> </div> </div> </footer> <div class="usa-identifier"> <section class="usa-identifier__section usa-identifier__section--masthead" aria-label="Agency identifier," > <div class="usa-identifier__container"> <div class="usa-identifier__logos"> <a href="https://gsa.gov" class="usa-identifier__logo" onclick="return navigate(this)"> <img class="usa-identifier__logo-img" alt="General Services Administration Logo" src="/assets/images/logos/gsa-logo.png"> </a> </div> <div class="usa-identifier__identity"> <p class="usa-identifier__identity-domain">Section508.gov</p> <p class="usa-identifier__identity-disclaimer"> An official website of the <a href="https://www.gsa.gov/" onclick="return navigate(this)">General Services Administration</a> </p> </div> </div> </section> <nav class="usa-identifier__section usa-identifier__section--required-links" aria-label="Important links,," > <div class="usa-identifier__container"> <ul class="usa-identifier__required-links-list"> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/about-us" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">About GSA</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/accessibility-aids" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">Accessibility statement</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/freedom-of-information-act-foia" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">FOIA requests</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/civil-rights-programs/notification-and-federal-employee-antidiscrimination-and-retaliation-act-of-2002" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">No FEAR Act data</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsaig.gov/" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">Office of the Inspector General</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/reports/budget-performance" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">Performance reports</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/website-policies" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">Privacy policy</a> </li> <li class="usa-identifier__required-links-item"> <a href="/website-policies/#reuse-and-copyright" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">Reuse and Copyright</a> </li> </ul> </div> </nav> <section class="usa-identifier__section usa-identifier__section--usagov" aria-label="U.S. government information and services,," > <div class="usa-identifier__container"> <div class="usa-identifier__usagov-description"> Looking for U.S. government information and services? </div> <a href="https://www.usa.gov/" class="usa-link" onclick="return navigate(this)">Visit USA.gov</a> </div> </section> </div> <!-- Digital Analytics Program roll-up, see https://analytics.usa.gov for data --> <script id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA"></script> <script src="/assets/js/uswds.min.js?1732224641581990839"></script> <script src="/assets/js/app.js?1732224641581990839"></script> <script> $(document).ready(function(){ // Check if the user already dismissed alert banner if (window.localStorage.getItem('dismiss_alert')) { $('#alert_banner').hide(); } $("#dismiss_alert").click(function(){ // Save on LocalStorage window.localStorage.setItem('dismiss_alert', true); $('#alert_banner').hide(); }); }); </script> </body> </html>