Accessibility Requirements | IT Accessibility

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="canonical" href="https://itaccessibility.illinois.edu/procurement/accessibility-requirements" /> <link rel="shortlink" href="https://itaccessibility.illinois.edu/node/288" /> <title>Accessibility Requirements | IT Accessibility</title>  <script src="https://onetrust.techservices.illinois.edu/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="26be7d61-2017-4ea7-8a8b-8f1704889763"></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link rel="stylesheet" media="all" href="/sites/default/files/css/css_Iw8koGowLjaFpf9C2NsYr6cLPj2qAvRU-VimViiKL28.css" /> <link rel="stylesheet" media="all" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" /> <link rel="stylesheet" media="all" href="https://cdn.jsdelivr.net/npm/@unicorn-fail/drupal-bootstrap-styles@0.0.2/dist/3.4.0/8.x-3.x/drupal-bootstrap.min.css" integrity="sha512-tGFFYdzcicBwsd5EPO92iUIytu9UkQR3tLMbORL9sfi/WswiHkA1O3ri9yHW+5dXk18Rd+pluMeDBrPKSwNCvw==" crossorigin="anonymous" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_VSvfoWBaESWnPp217dQYlXq65xNSoLo7bczoFudpDeM.css" /> </head> <body class="path-node page-node-type-accessibility-page has-glyphicons">  <div class="skipto"></div> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="container-fluid"> <header class="site-header"> <div class="row"> <div class="col-sm-12"> <div class="region region-header"> <a class="logo" href="https://www.illinois.edu" title="University of Illinois at Urbana-Champaign"> <img src="/themes/itaccess/logo.svg" alt="University of Illinois at Urbana-Champaign"> </a> <div class="branding-right"> <h1 class="name">IT Accessibility</h1> <p class="slogan">University of Illinois at Urbana-Champaign</p> </div> <div class="search-block-form col-sm-12 block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-searchform" role="search"> <form data-action="/search/node" class="antibot" action="/antibot" method="get" id="search-block-form" accept-charset="UTF-8"> <noscript> <div class="antibot-no-js antibot-message antibot-message-warning">You must have JavaScript enabled to use this form.</div> </noscript> <div class="form-item js-form-item form-type-search js-form-type-search form-item-keys js-form-item-keys form-no-label form-group"> <label for="edit-keys" class="control-label sr-only">Search</label> <div class="input-group"><input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" class="form-search form-control" placeholder="Search" data-msg-maxlength="Search field has a maximum length of 128." type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" /><span class="input-group-btn"><button type="submit" value="Search" class="button js-form-submit form-submit btn-primary btn icon-only" name=""><span class="sr-only">Search</span><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span></button></span></div> <div id="edit-keys--description" class="description help-block"> Enter the terms you wish to search for. </div> </div> <input data-drupal-selector="edit-antibot-key" type="hidden" name="antibot_key" value="" /><div class="form-actions form-group js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"></div> </form> </div> </div> </div> </div> <div id="navbar" class="navbar navbar-default container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbar-collapse" class="navbar-collapse collapse"> <div class="region region-navigation-collapsible"> <nav role="navigation" aria-labelledby="block-itaccess-main-menu-menu" id="block-itaccess-main-menu"> <h2 class="sr-only" id="block-itaccess-main-menu-menu">Main navigation</h2> <ul class="menu menu--main nav navbar-nav" role="menubar"> <li class="first" role="none"> <a href="/" role="menuitem" data-drupal-link-system-path="<front>">Home</a> </li> <li class="dropdown" role="none"> <a href="/get-started" role="menuitem" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/81">Get Started <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="first" role="none"> <a href="/explore-hadi" role="menuitem" data-drupal-link-system-path="node/82">Explore With Hadi</a> </li> <li class="last" role="none"> <a href="/tips-instructor" role="menuitem" data-drupal-link-system-path="node/98">Quick Tips for Instructors</a> </li> </ul> </li> <li class="dropdown" role="none"> <a href="/resources" role="menuitem" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/83">Resources <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="first" role="none"> <a href="/resources/emails" role="menuitem" data-drupal-link-system-path="node/133">Accessible Emails</a> </li> <li role="none"> <a href="/resources/multimedia" role="menuitem" data-drupal-link-system-path="node/389">Multimedia</a> </li> <li role="none"> <a href="/docaccess" role="menuitem" data-drupal-link-system-path="node/123">Document Accessibility</a> </li> <li role="none"> <a href="/pdf" role="menuitem" data-drupal-link-system-path="node/135">PDF Accessibility</a> </li> <li role="none"> <a href="/web-evaluation-tools" role="menuitem" data-drupal-link-system-path="node/86">Web Evaluation Tools</a> </li> <li role="none"> <a href="/references-and-files" role="menuitem" data-drupal-link-system-path="node/88">References and Files</a> </li> <li role="none"> <a href="/resources/virtual-meetings" role="menuitem" data-drupal-link-system-path="node/313">Best Practices for Virtual Meetings</a> </li> <li class="last" role="none"> <a href="http://movetocanvas.web.illinois.edu/about/accessibility/" role="menuitem">Canvas Transition</a> </li> </ul> </li> <li class="dropdown" role="none"> <a href="/accessibility-liaisons" role="menuitem" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/93">Accessibility Liaisons <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="first" role="none"> <a href="/accessibility-liaisons/join" role="menuitem" data-drupal-link-system-path="node/140">Become a Liaison!</a> </li> <li role="none"> <a href="/accessibility-liaisons/members" role="menuitem" data-drupal-link-system-path="node/292">Current Liaisons</a> </li> <li role="none"> <a href="/node/283" role="menuitem" data-drupal-link-system-path="node/283">ITAL Advisory Committee</a> </li> <li class="last" role="none"> <a href="/accessibility-liaisons/resources" role="menuitem" data-drupal-link-system-path="node/144">Liaison Resources</a> </li> </ul> </li> <li class="dropdown active active-trail" role="none"> <a href="/procurement" role="menuitem" aria-expanded="false" aria-haspopup="true" class="active-trail" data-drupal-link-system-path="node/151">Procurement <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="first" role="none"> <a href="/procurement/aap" role="menuitem" data-drupal-link-system-path="node/285">Alternative Access Plans</a> </li> <li class="active active-trail" role="none"> <a href="/procurement/accessibility-requirements" role="menuitem" class="active-trail is-active" data-drupal-link-system-path="node/288">Accessibility Requirements</a> </li> <li class="last" role="none"> <a href="/procurement/prioritization-guide" role="menuitem" data-drupal-link-system-path="node/281">Accessibility Prioritization Guide</a> </li> </ul> </li> <li class="dropdown" role="none"> <a href="/policy" role="menuitem" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/89">Policy <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="first" role="none"> <a href="/policy/implementation-guidelines" role="menuitem" data-drupal-link-system-path="node/90">Implementation Guidelines</a> </li> <li role="none"> <a href="/procurement/aap" role="menuitem" data-drupal-link-system-path="node/285">Alternative Access Plans</a> </li> <li role="none"> <a href="/policy/mdas" role="menuitem" data-drupal-link-system-path="node/286">Minimum Digital Accessibility Standards</a> </li> <li class="last" role="none"> <a href="/policy/technology-accessibility-review-committee" role="menuitem" data-drupal-link-system-path="node/92">Technology Accessibility Review Committee</a> </li> </ul> </li> <li class="dropdown last" role="none"> <a href="/exceptions" role="menuitem" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/77">Exceptions <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="first" role="none"> <a href="/exceptions/request" role="menuitem" data-drupal-link-system-path="node/293">Request An Exception</a> </li> <li role="none"> <a href="/exceptions/about-exceptions" role="menuitem" data-drupal-link-system-path="node/489">About Accessibility Exceptions</a> </li> <li role="none"> <a href="/exceptions/exception-process" role="menuitem" data-drupal-link-system-path="node/80">Exception Process</a> </li> <li role="none"> <a href="/exceptions/decision-tree" role="menuitem" data-drupal-link-system-path="node/78">Decision Tree</a> </li> <li class="last" role="none"> <a href="/exceptions/exception-categories" role="menuitem" data-drupal-link-system-path="node/79">Exception Categories</a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </header> <div class="main-container"> <div class="row"> <aside class="col-sm-4"> <div class="region region-sidebar-first"> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="section-menu well"> <h2 class="menu-title" id="block-mainnavigation-menu">In This Section</h2> <ul class="menu menu--main nav navbar-nav" role="menubar"> <li class="first" role="none"> <a href="/procurement/aap" role="menuitem" data-drupal-link-system-path="node/285">Alternative Access Plans</a> </li> <li class="active active-trail" role="none"> <a href="/procurement/accessibility-requirements" role="menuitem" class="active-trail is-active" data-drupal-link-system-path="node/288">Accessibility Requirements</a> </li> <li class="last" role="none"> <a href="/procurement/prioritization-guide" role="menuitem" data-drupal-link-system-path="node/281">Accessibility Prioritization Guide</a> </li> </ul> </nav> </div> </aside> <main class="col-sm-8 js-quickedit-main-content"> <div class="highlighted"> <div class="region region-highlighted"> <nav aria-label="breadcrumbs"> <ol class="breadcrumb"> <li > <a href="/">Home</a> </li> <li > <a href="/procurement">Procurement</a> </li> <li class="active"> Accessibility Requirements </li> </ol> </nav> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> <a id="main-content"></a> <div class="region region-content"> <h1 class="page-header"> <span>Accessibility Requirements</span> </h1> <article data-history-node-id="288" role="article" about="/procurement/accessibility-requirements" class="accessibility-page full clearfix"> <div class="content"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Be specific when including accessibility requirements in a project charter or as part of the business requirements for a procurement effort. Consider how a general statements such as "<em>the product must be accessible</em>," or "<em>product must meet federal and state accessibility requirements</em>" do not really help to clarify what must be done. The second statement is better, but it still would require familiarity with federal and state law to meet that objective. Instead, consider the following:</p> <blockquote> <p>"The product must meet the Web Content Accessibility Guidelines (WCAG) 2.0 Level AA requirements as referenced in Section 508 of the Rehabilitation Act of 1973, as amended."</p> </blockquote> <p>The above is specific, pointing to WCAG 2.0 Level AA requirements, which are easy to find with a web search, and ties this requirement to federal law. The <a href="https://www.w3.org/TR/WCAG20/">WCAG 2.0 requirements</a> are well documented, and there are many <a href="https://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html">checklists</a> available for easy reference.</p> <p>This statement could have cited the Illinois Information Technology Accessibility Act (IITAA), instead of Section 508, as the state law has been harmonized with federal law: Conformance with one guarantees conformance with the other. That being said, if formulating requirements for a sole-source or competitive bid, vendors more readily accept references to federal law.</p> <p><strong>Note:</strong> WCAG 2.x requirements are called Success Criteria and are divided into three levels (A, AA, and AAA). Level AA contains all Level A requirements and is the level that is required by federal and state law. Do not use or require Level AAA Success Criteria, as Level AAA is intended for specific use cases, were there is an identified need that cannot be met by Level AA requirements. If a specific need would require Level AAA support, only utilize those Success Criteria that are applicable for the identified need.</p> <p>If there are additional identified accessibility requirements, such as a specific need to support a given assistive technology, be sure to specify that requirement in addition to the accessibility standard to be met.</p> </div> </div> </article> </div> </main> </div> </div> <footer class="site-footer"> <div class="row"> <div class="region region-footer"> <section id="block-copyright" class="copyright-notice col-xs-12 col-sm-6 text-sm-left block block-block-content block-block-content64a75eb4-acf2-4134-b8ac-96a89b99aa18 clearfix"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Copyright 漏 2021 Illinois Board of Trustees</p> </div> </section> <section id="block-privacynotice" class="privacy-notice col-xs-12 col-sm-6 text-sm-right block block-block-content block-block-contente90a97a3-a543-4044-9566-d22bc17efeb4 clearfix"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p><a href="https://www.vpaa.uillinois.edu/resources/web_privacy">Privacy Notice</a></p></div> </section> <section class="openid-connect-login-form oidc-login col-xs-12 col-sm-6 text-sm-left block block-openid-connect block-openid-connect-login clearfix" data-drupal-selector="openid-connect-login-form" id="block-openidconnectlogin"> <form action="/procurement/accessibility-requirements" method="post" id="openid-connect-login-form" accept-charset="UTF-8"> <div><button data-drupal-selector="edit-openid-connect-client-generic-login" class="button js-form-submit form-submit btn-primary btn icon-before" type="submit" id="edit-openid-connect-client-generic-login" name="generic" value="Log in with Generic"><span class="icon glyphicon glyphicon-log-in" aria-hidden="true"></span> Log in with Generic</button></div><input autocomplete="off" data-drupal-selector="form-uencj7vzolik0ieyi4cyp9trhmzkcki6q1vhtcl29v0" type="hidden" name="form_build_id" value="form-UENcj7VZoLik0IeYi4cYp9trhmZkckI6Q1vHtcL29v0" /><input data-drupal-selector="edit-openid-connect-login-form" type="hidden" name="form_id" value="openid_connect_login_form" /> </form> </section> <section id="block-reportaccessissue" class="a11y-report-link col-xs-12 col-sm-6 text-sm-right block block-block-content block-block-content8d44473f-8707-4a5c-84b8-9b608a3b31fa clearfix"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p><a href="/report">Report an Accessibility Issue</a></p> </div> </section> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/288","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"a11y_extlink\/drupal.a11y_extlink,antibot\/antibot.form,clientside_validation_jquery\/cv.jquery.ckeditor,clientside_validation_jquery\/cv.jquery.validate,core\/drupal.dialog.ajax,fontawesome\/fontawesome.webfonts.custom,fontawesome\/fontawesome.webfonts.regular,fontawesome\/fontawesome.webfonts.sharplight,fontawesome\/fontawesome.webfonts.sharpregular,fontawesome\/fontawesome.webfonts.sharpsolid,fontawesome\/fontawesome.webfonts.solid,fontawesome\/fontawesome.webfonts.thin,system\/base,webform_bootstrap\/webform_bootstrap","theme":"itaccess","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/search\/node":true},"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"data":{"a11y_extlink":{"extTarget":false,"extTargetNoOverride":false,"extNofollow":0,"extFollowNoOverride":0,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"mailto","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"bootstrap":{"forms_has_error_value_toggle":1,"modal_animation":1,"modal_backdrop":"true","modal_focus_input":1,"modal_keyboard":1,"modal_select_text":1,"modal_show":1,"modal_size":""},"antibot":{"forms":{"search-block-form":{"id":"search-block-form","key":"cwM737L806ifEt28J8iHPBpX8iy63jVS7zvzF02bRk2"}}},"user":{"uid":0,"permissionsHash":"64c769ba4e3116c81affc69ef1a0b6327648945a5a14bd5c66234975f87cf44a"}}</script> <script src="/sites/default/files/js/js_Em7Y2_gA8CYFpjAV6BYpEkYyVf1zGkwX1QxRI89oMN8.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script> <script src="/sites/default/files/js/js_DXatsJpP7uRyXxpnojgsjrczqPtC6BUxbwgAzaX-BPk.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.min.js"></script> <script src="/sites/default/files/js/js_UL-B1u40W08bCHAHqhiVyxY1z71C3xawU2-ZDr7YMB0.js"></script>  <script type="text/javascript" src="https://emergency.publicaffairs.illinois.edu/illinois.js"></script> </body> </html>

CINXE.COM

Accessibility Requirements | IT Accessibility