CINXE.COM

WAI-ARIA - Wikipedia

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>WAI-ARIA - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"5e0f5078-eb36-4d0b-87cf-34713f300002","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"WAI-ARIA","wgTitle":"WAI-ARIA","wgCurRevisionId":1258815403,"wgRevisionId":1258815403,"wgArticleId":17571061,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Articles with short description","Short description is different from Wikidata","Accessible information","Ajax (programming)","Web 2.0"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"WAI-ARIA","wgRelevantArticleId":17571061,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{ "tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":10000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q338992","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles": "ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface", "ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector-2022"> <script async="" src="/w/load.php?lang=en&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="WAI-ARIA - Wikipedia"> <meta property="og:type" content="website"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/WAI-ARIA"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=WAI-ARIA&amp;action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/WAI-ARIA"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&amp;feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-WAI-ARIA rootpage-WAI-ARIA skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page&#039;s font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&amp;returnto=WAI-ARIA" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&amp;returnto=WAI-ARIA" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=WAI-ARIA" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=WAI-ARIA" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"><!-- CentralNotice --></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-The_5_Rules_of_ARIA" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#The_5_Rules_of_ARIA"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>The 5 Rules of ARIA</span> </div> </a> <ul id="toc-The_5_Rules_of_ARIA-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Scope" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Scope"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Scope</span> </div> </a> <ul id="toc-Scope-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Documents" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Documents"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Documents</span> </div> </a> <ul id="toc-Documents-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-References" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#References"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>References</span> </div> </a> <ul id="toc-References-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_links" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#External_links"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>External links</span> </div> </a> <ul id="toc-External_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">WAI-ARIA</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 8 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-8" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">8 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%88%D8%A7%D9%8A-%D8%A3%D8%B1%D9%8A%D8%A7" title="واي-أريا – Arabic" lang="ar" hreflang="ar" data-title="واي-أريا" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Accessible_Rich_Internet_Applications" title="Accessible Rich Internet Applications – German" lang="de" hreflang="de" data-title="Accessible Rich Internet Applications" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Accessible_Rich_Internet_Applications" title="Accessible Rich Internet Applications – French" lang="fr" hreflang="fr" data-title="Accessible Rich Internet Applications" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/WAI-ARIA" title="WAI-ARIA – Korean" lang="ko" hreflang="ko" data-title="WAI-ARIA" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/WAI-ARIA" title="WAI-ARIA – Italian" lang="it" hreflang="it" data-title="WAI-ARIA" data-language-autonym="Italiano" data-language-local-name="Italian" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/WAI-ARIA" title="WAI-ARIA – Dutch" lang="nl" hreflang="nl" data-title="WAI-ARIA" data-language-autonym="Nederlands" data-language-local-name="Dutch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/WAI-ARIA" title="WAI-ARIA – Japanese" lang="ja" hreflang="ja" data-title="WAI-ARIA" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/WAI-ARIA" title="WAI-ARIA – Russian" lang="ru" hreflang="ru" data-title="WAI-ARIA" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target"><span>Русский</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q338992#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/WAI-ARIA" title="View the content page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:WAI-ARIA" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/WAI-ARIA"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/WAI-ARIA"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/WAI-ARIA" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/WAI-ARIA" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;oldid=1258815403" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&amp;page=WAI-ARIA&amp;id=1258815403&amp;wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FWAI-ARIA"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FWAI-ARIA"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&amp;page=WAI-ARIA&amp;action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=WAI-ARIA&amp;printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q338992" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Technical specification for web accessibility</div> <style data-mw-deduplicate="TemplateStyles:r1257001546">.mw-parser-output .infobox-subbox{padding:0;border:none;margin:-3px;width:auto;min-width:100%;font-size:100%;clear:none;float:none;background-color:transparent}.mw-parser-output .infobox-3cols-child{margin:auto}.mw-parser-output .infobox .navbar{font-size:100%}@media screen{html.skin-theme-clientpref-night .mw-parser-output .infobox-full-data:not(.notheme)>div:not(.notheme)[style]{background:#1f1f23!important;color:#f8f9fa}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .infobox-full-data:not(.notheme) div:not(.notheme){background:#1f1f23!important;color:#f8f9fa}}@media(min-width:640px){body.skin--responsive .mw-parser-output .infobox-table{display:table!important}body.skin--responsive .mw-parser-output .infobox-table>caption{display:table-caption!important}body.skin--responsive .mw-parser-output .infobox-table>tbody{display:table-row-group}body.skin--responsive .mw-parser-output .infobox-table tr{display:table-row!important}body.skin--responsive .mw-parser-output .infobox-table th,body.skin--responsive .mw-parser-output .infobox-table td{padding-left:inherit;padding-right:inherit}}</style><table class="infobox hproduct"><caption class="infobox-title fn">WAI-ARIA</caption><tbody><tr><td colspan="2" class="infobox-subheader">Web Accessibility Initiative - Accessible Rich Internet Applications</td></tr><tr><th scope="row" class="infobox-label">Abbreviation</th><td class="infobox-data">WAI-ARIA</td></tr><tr><th scope="row" class="infobox-label">Status</th><td class="infobox-data"><a href="/wiki/World_Wide_Web_Consortium#W3C_recommendation_(REC)" title="World Wide Web Consortium">W3C Recommendation</a></td></tr><tr><th scope="row" class="infobox-label">Year started</th><td class="infobox-data">2006<span class="noprint">&#59;&#32;18&#160;years ago</span><span style="display:none">&#160;(<span class="bday dtstart published updated">2006</span>)</span></td></tr><tr><th scope="row" class="infobox-label">First published</th><td class="infobox-data">September&#160;26, 2006<span class="noprint">&#59;&#32;18 years ago</span><span style="display:none">&#160;(<span class="bday dtstart published updated">2006-09-26</span>)</span></td></tr><tr><th scope="row" class="infobox-label">Latest version</th><td class="infobox-data">WAI-ARIA 1.2: <a href="/wiki/World_Wide_Web_Consortium#W3C_recommendation_(REC)" title="World Wide Web Consortium">W3C Recommendation</a><br />June&#160;6, 2023<span class="noprint">&#59;&#32;17 months ago</span><span style="display:none">&#160;(<span class="bday dtstart published updated">2023-06-06</span>)</span></td></tr><tr><th scope="row" class="infobox-label">Organization</th><td class="infobox-data"><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style><div class="plainlist"> <ul><li><abbr title="World Wide Web Consortium"><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a></abbr></li> <li><a href="/wiki/Adobe_Inc." title="Adobe Inc.">Adobe</a></li> <li><a href="/wiki/Apple_Inc." title="Apple Inc.">Apple</a></li> <li><a href="/wiki/IBM" title="IBM">IBM</a></li> <li><a href="/wiki/Igalia" title="Igalia">Igalia</a></li> <li><a href="/wiki/Knowbility" title="Knowbility">Knowbility</a></li> <li>Spec-Ops</li></ul> </div></td></tr><tr><th scope="row" class="infobox-label">Committee</th><td class="infobox-data"><abbr title="Accessible Rich Internet Applications Working Group">ARIA WG</abbr></td></tr><tr><th scope="row" class="infobox-label">Editors</th><td class="infobox-data"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"><div class="plainlist"> <ul><li>Joanmarie Diggs</li> <li>James Nurthen</li> <li>Michael Cooper</li> <li>Carolyn MacLeod</li></ul> <div class="collapsible-list mw-collapsible mw-collapsed" style="text-align: left;"> <div style="line-height: 1.6em; font-weight: bold;"><div>Former editors</div></div> <ul class="mw-collapsible-content" style="margin-top: 0; margin-bottom: 0; line-height: inherit; list-style: none; margin-left: 0;"><li style="line-height: inherit; margin: 0"> <ul><li>Shane McCarron (until 2018<span style="display:none">&#160;(<span class="dtend itvend">2018</span>)</span>)</li> <li>Richard Schwerdtfeger (until October&#160;2017<span style="display:none">&#160;(<span class="dtend itvend">2017-10</span>)</span>)</li> <li>James Craig (Editor until May&#160;2016<span style="display:none">&#160;(<span class="dtend itvend">2016-05</span>)</span>)</li></ul> </li></ul> </div> </div></td></tr><tr><th scope="row" class="infobox-label">Domain</th><td class="infobox-data"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409"><div class="plainlist"> <ul><li><a href="/wiki/Assistive_technology" title="Assistive technology">Assistive technology</a></li> <li><a href="/wiki/Progressive_web_application" class="mw-redirect" title="Progressive web application">Progressive web applications</a></li> <li><a href="/wiki/Semantic_HTML" title="Semantic HTML">Semantic HTML</a></li> <li><a href="/wiki/Web_accessibility" title="Web accessibility">Web accessibility</a></li></ul> </div></td></tr><tr><th scope="row" class="infobox-label">Website</th><td class="infobox-data"><span class="url"><a rel="nofollow" class="external text" href="https://www.w3.org/WAI/standards-guidelines/aria/">www<wbr />.w3<wbr />.org<wbr />/WAI<wbr />/standards-guidelines<wbr />/aria<wbr />/</a></span></td></tr></tbody></table> <p><b>Web Accessibility Initiative &#8211; Accessible Rich Internet Applications</b> (<b>WAI-ARIA</b>) is a <a href="/wiki/Specification_(technical_standard)" title="Specification (technical standard)">technical specification</a> published by the <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> (W3C) that specifies how to increase the <a href="/wiki/Accessibility" title="Accessibility">accessibility</a> of <a href="/wiki/Web_page" title="Web page">web pages</a>, in particular, <a href="/wiki/Dynamic_web_page" title="Dynamic web page">dynamic content</a>, and <a href="/wiki/User_interface" title="User interface">user interface</a> components developed with <a href="/wiki/Ajax_(programming)" title="Ajax (programming)">Ajax</a>, <a href="/wiki/HTML" title="HTML">HTML</a>, <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>, and related technologies. </p><p>In the 15 September 2008 working draft, <a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a> 1.2 Tiny added support for WAI-ARIA.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> On 20 March 2014, WAI-ARIA 1.0 became a completed W3C Recommendation.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">&#91;</span>2<span class="cite-bracket">&#93;</span></a></sup> 14 December 2017 saw the release of WAI-ARIA 1.1.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">&#91;</span>3<span class="cite-bracket">&#93;</span></a></sup> </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="The_5_Rules_of_ARIA">The 5 Rules of ARIA</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=WAI-ARIA&amp;action=edit&amp;section=1" title="Edit section: The 5 Rules of ARIA"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ol><li>Don’t use ARIA if you can achieve the same semantics with a native HTML element or attribute<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup></li> <li>Do not change the semantics of native HTML (unless you really have to)<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup></li> <li>All interactive ARIA controls must be usable with the keyboard.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">&#91;</span>6<span class="cite-bracket">&#93;</span></a></sup></li> <li>Do not remove semantics or hide focusable elements (using role="presentation" or aria-hidden="true" on a focusable element)<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">&#91;</span>7<span class="cite-bracket">&#93;</span></a></sup></li> <li>Ensure all interactive elements have an accessible name (Accessibility API accessible name).<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">&#91;</span>8<span class="cite-bracket">&#93;</span></a></sup></li></ol> <div class="mw-heading mw-heading2"><h2 id="Scope">Scope</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=WAI-ARIA&amp;action=edit&amp;section=2" title="Edit section: Scope"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Web developers increasingly use <a href="/wiki/Client-side" class="mw-redirect" title="Client-side">client-side</a> scripts to create user interface controls that cannot be created with HTML alone. They also use client-side scripts to update sections of a page without requesting a completely new page from a <a href="/wiki/Web_server" title="Web server">web server</a>. Such techniques on websites are called <a href="/wiki/Rich_Internet_applications" class="mw-redirect" title="Rich Internet applications">rich Internet applications</a>. These user interface controls and content updates are often not accessible to users with <a href="/wiki/Disabilities" class="mw-redirect" title="Disabilities">disabilities</a>, especially <a href="/wiki/Screen_reader" title="Screen reader">screen reader</a> users and users who cannot use a <a href="/wiki/Mouse_(computing)" class="mw-redirect" title="Mouse (computing)">mouse</a> or other <a href="/wiki/Pointing_device" title="Pointing device">pointing device</a>. WAI-ARIA allows <a href="/wiki/Web_page" title="Web page">web pages</a> (or portions of pages) to declare themselves as <a href="/wiki/Application_software" title="Application software">applications</a> rather than as <a href="/wiki/Static_web_page" title="Static web page">static documents</a>, by adding role, property, and state information to dynamic web applications. ARIA is intended for use by developers of <a href="/wiki/Web_application" title="Web application">web applications</a>, <a href="/wiki/Web_browser" title="Web browser">web browsers</a>, <a href="/wiki/Assistive_technology" title="Assistive technology">assistive technologies</a>, and accessibility evaluation tools.<sup id="cite_ref-wai-aria-overview_9-0" class="reference"><a href="#cite_note-wai-aria-overview-9"><span class="cite-bracket">&#91;</span>9<span class="cite-bracket">&#93;</span></a></sup> </p><p>WAI-ARIA describes how to add <a href="/wiki/Semantics" title="Semantics">semantics</a> and other <a href="/wiki/Metadata" title="Metadata">metadata</a> to HTML content in order to make user interface controls and dynamic content more accessible. For example, with WAI-ARIA it is possible to identify a list of <a href="/wiki/Hyperlink" title="Hyperlink">links</a> as a navigation <a href="/wiki/Menu_(computing)" title="Menu (computing)">menu</a> and to state whether it is expanded or collapsed. Although originally developed to address accessibility issues in HTML, the use of WAI-ARIA is not limited to HTML: in principle, it can also be used in other <a href="/wiki/Markup_languages" class="mw-redirect" title="Markup languages">markup languages</a> such as Scalable Vector Graphics (SVG).<sup id="cite_ref-ariasvg2008_10-0" class="reference"><a href="#cite_note-ariasvg2008-10"><span class="cite-bracket">&#91;</span>10<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">&#91;</span>11<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Documents">Documents</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=WAI-ARIA&amp;action=edit&amp;section=3" title="Edit section: Documents"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The <a href="/wiki/Web_Accessibility_Initiative" title="Web Accessibility Initiative">Web Accessibility Initiative</a> has published an overview of WAI-ARIA that introduces the subject and guides readers to the WAI-ARIA Suite documents:<sup id="cite_ref-wai-aria-overview_9-1" class="reference"><a href="#cite_note-wai-aria-overview-9"><span class="cite-bracket">&#91;</span>9<span class="cite-bracket">&#93;</span></a></sup> </p> <dl><dt>Accessible Rich Internet Applications (WAI-ARIA) Version 1.0</dt> <dd>This is primarily aimed at developers of <a href="/wiki/Web_browsers" class="mw-redirect" title="Web browsers">Web browsers</a>, <a href="/wiki/Assistive_technology" title="Assistive technology">assistive technologies</a>, and other <a href="/wiki/User_agents" class="mw-redirect" title="User agents">user agents</a>, in addition to developers of other <a href="/wiki/Technical_specifications" class="mw-redirect" title="Technical specifications">technical specifications</a>, and developers of accessibility evaluation tools. The WAI-ARIA has been marked as completed on 20 March 2014 and is therefore a <a href="/wiki/W3C_recommendation" class="mw-redirect" title="W3C recommendation">W3C recommendation</a>.<sup id="cite_ref-w3.org_12-0" class="reference"><a href="#cite_note-w3.org-12"><span class="cite-bracket">&#91;</span>12<span class="cite-bracket">&#93;</span></a></sup></dd> <dt>WAI-ARIA Overview</dt> <dd>This is a technical introduction to WAI-ARIA. It describes the problems WAI-ARIA tries to address, the underlying concepts, the technical approach and business reasons for adopting WAI-ARIA.<sup id="cite_ref-wai-aria-overview_9-2" class="reference"><a href="#cite_note-wai-aria-overview-9"><span class="cite-bracket">&#91;</span>9<span class="cite-bracket">&#93;</span></a></sup></dd> <dt>WAI-ARIA Authoring Practices</dt> <dd>This document describes best practices for delivering rich Internet applications with WAI-ARIA: it discusses subjects such as general steps for building accessible <a href="/wiki/GUI_widget" class="mw-redirect" title="GUI widget">widgets</a>, keyboard navigation, relationships, <a href="/wiki/Form_(web)" class="mw-redirect" title="Form (web)">form</a> properties, <a href="/wiki/Drag-and-drop" class="mw-redirect" title="Drag-and-drop">drag-and-drop</a> support, <a href="/wiki/Alert_dialog_box" title="Alert dialog box">alert</a> and <a href="/wiki/Dialog_boxes" class="mw-redirect" title="Dialog boxes">dialog boxes</a>, <a href="/wiki/Reusable_software_component" class="mw-redirect" title="Reusable software component">reusable component</a> libraries, and <a href="/wiki/Software_testing" title="Software testing">testing</a>.<sup id="cite_ref-wai-aria-bp_13-0" class="reference"><a href="#cite_note-wai-aria-bp-13"><span class="cite-bracket">&#91;</span>13<span class="cite-bracket">&#93;</span></a></sup></dd> <dt>Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap)</dt> <dd>Much of the content of this document has been moved into other documents.<sup id="cite_ref-ariaroadmap_14-0" class="reference"><a href="#cite_note-ariaroadmap-14"><span class="cite-bracket">&#91;</span>14<span class="cite-bracket">&#93;</span></a></sup></dd></dl> <p>The ARIA specifications editors have included <a href="/wiki/Lisa_Seeman" title="Lisa Seeman">Lisa Seeman</a>, <a href="/w/index.php?title=Rich_Schwerdtfeger&amp;action=edit&amp;redlink=1" class="new" title="Rich Schwerdtfeger (page does not exist)">Rich Schwerdtfeger</a>, James Craig, Michael Cooper, and Lisa Pappas.<sup id="cite_ref-w3.org_12-1" class="reference"><a href="#cite_note-w3.org-12"><span class="cite-bracket">&#91;</span>12<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=WAI-ARIA&amp;action=edit&amp;section=4" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Accessibility" title="Accessibility">Accessibility</a> and <a href="/wiki/Web_accessibility" title="Web accessibility">Web accessibility</a></li> <li><a href="/wiki/Ajax_(programming)" title="Ajax (programming)">Ajax</a></li> <li><a href="/wiki/Rich_Internet_application" class="mw-redirect" title="Rich Internet application">Rich Internet application</a></li> <li><a href="/wiki/Universal_design" title="Universal design">Universal design</a></li> <li><a rel="nofollow" class="external text" href="https://www.checkmeister.com">CheckMeister accessibility tools</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=WAI-ARIA&amp;action=edit&amp;section=5" title="Edit section: References"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist"> <div class="mw-references-wrap mw-references-columns"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/2008/WD-SVGMobile12-20080915/Overview.html">"Scalable Vector Graphics (SVG) Tiny 1.2 Specification"</a>. <i>www.w3.org</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=www.w3.org&amp;rft.atitle=Scalable+Vector+Graphics+%28SVG%29+Tiny+1.2+Specification&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2F2008%2FWD-SVGMobile12-20080915%2FOverview.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/2014/REC-wai-aria-20140320/Overview.html">"Accessible Rich Internet Applications (WAI-ARIA) 1.0"</a>. <i>www.w3.org</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=www.w3.org&amp;rft.atitle=Accessible+Rich+Internet+Applications+%28WAI-ARIA%29+1.0&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2F2014%2FREC-wai-aria-20140320%2FOverview.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/wai-aria-1.1/">"Accessible Rich Internet Applications (WAI-ARIA) 1.1"</a>. <i>www.w3.org</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=www.w3.org&amp;rft.atitle=Accessible+Rich+Internet+Applications+%28WAI-ARIA%29+1.1&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fwai-aria-1.1%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://web.dev/learn/accessibility/aria-html/">"ARIA and HTML"</a>. <i>web.dev</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=web.dev&amp;rft.atitle=ARIA+and+HTML&amp;rft_id=https%3A%2F%2Fweb.dev%2Flearn%2Faccessibility%2Faria-html%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-5">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://dev.to/konrud/5-rules-of-aria-40i">"5 Rules of ARIA"</a>. <i>DEV Community</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=DEV+Community&amp;rft.atitle=5+Rules+of+ARIA&amp;rft_id=https%3A%2F%2Fdev.to%2Fkonrud%2F5-rules-of-aria-40i&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.deque.com/blog/top-5-rules-of-aria/#crayon-6459211377b9f899714671">"StackPath"</a>. <i>www.deque.com</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=www.deque.com&amp;rft.atitle=StackPath&amp;rft_id=https%3A%2F%2Fwww.deque.com%2Fblog%2Ftop-5-rules-of-aria%2F%23crayon-6459211377b9f899714671&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://webaim.org/techniques/aria/">"WebAIM: Introduction to ARIA - Accessible Rich Internet Applications"</a>. <i>webaim.org</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=webaim.org&amp;rft.atitle=WebAIM%3A+Introduction+to+ARIA+-+Accessible+Rich+Internet+Applications&amp;rft_id=https%3A%2F%2Fwebaim.org%2Ftechniques%2Faria%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/using-aria/Overview.html">"Using ARIA"</a>. <i>www.w3.org</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2023-05-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=www.w3.org&amp;rft.atitle=Using+ARIA&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fusing-aria%2FOverview.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-wai-aria-overview-9"><span class="mw-cite-backlink">^ <a href="#cite_ref-wai-aria-overview_9-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-wai-aria-overview_9-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-wai-aria-overview_9-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFCooper2011" class="citation web cs1">Cooper, Michael, ed. (2011-01-18). <a rel="nofollow" class="external text" href="https://www.w3.org/WAI/standards-guidelines/aria/">"WAI-ARIA Overview"</a>. Accessible Rich Internet Applications Working Group, Education and Outreach Working Group. W3C (published December 2006)<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-21</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=WAI-ARIA+Overview&amp;rft.pub=W3C&amp;rft.date=2011-01-18&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FWAI%2Fstandards-guidelines%2Faria%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-ariasvg2008-10"><span class="mw-cite-backlink"><b><a href="#cite_ref-ariasvg2008_10-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFSVG_Working_Group2008" class="citation web cs1">SVG Working Group (2008-12-22). <a rel="nofollow" class="external text" href="https://www.w3.org/TR/SVGMobile12/struct.html#RoleAttribute">"Document Structure – SVG Tiny 1.2 § 5.10.1 Attributes common to all elements"</a>. <i>W3C</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-21</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=Document+Structure+%E2%80%93+SVG+Tiny+1.2+%C2%A7+5.10.1+Attributes+common+to+all+elements&amp;rft.date=2008-12-22&amp;rft.au=SVG+Working+Group&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2FSVGMobile12%2Fstruct.html%23RoleAttribute&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-11">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFSVG_Working_Group2008" class="citation web cs1">SVG Working Group (2008-12-22). <a rel="nofollow" class="external text" href="https://www.w3.org/TR/SVGMobile12/metadata.html#MetadataAttributes">"Document Structure – SVG Tiny 1.2 § 18.3 Extensible metadata attributes"</a>. <i>W3C</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-21</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=Document+Structure+%E2%80%93+SVG+Tiny+1.2+%C2%A7+18.3+Extensible+metadata+attributes&amp;rft.date=2008-12-22&amp;rft.au=SVG+Working+Group&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2FSVGMobile12%2Fmetadata.html%23MetadataAttributes&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span>.</span> </li> <li id="cite_note-w3.org-12"><span class="mw-cite-backlink">^ <a href="#cite_ref-w3.org_12-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-w3.org_12-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/wai-aria/">"Accessible Rich Internet Applications (WAI-ARIA) 1.0"</a>. W3.org<span class="reference-accessdate">. Retrieved <span class="nowrap">2014-04-11</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Accessible+Rich+Internet+Applications+%28WAI-ARIA%29+1.0&amp;rft.pub=W3.org&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fwai-aria%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-wai-aria-bp-13"><span class="mw-cite-backlink"><b><a href="#cite_ref-wai-aria-bp_13-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFKingKuNurthenBijl2019" class="citation web cs1">King, Matt; Ku, JaEun Jemma; Nurthen, James; Bijl, Zoë; Cooper, Michael; Scheuhammer, Joseph; Pappas, Lisa; Schwerdtfeger, Rich, eds. (2019-08-14). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/wai-aria-practices/">"WAI-ARIA Authoring Practices 1.1"</a>. Accessible Rich Internet Applications Working Group<span class="reference-accessdate">. Retrieved <span class="nowrap">2021-04-09</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=WAI-ARIA+Authoring+Practices+1.1&amp;rft.pub=Accessible+Rich+Internet+Applications+Working+Group&amp;rft.date=2019-08-14&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fwai-aria-practices%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> <li id="cite_note-ariaroadmap-14"><span class="mw-cite-backlink"><b><a href="#cite_ref-ariaroadmap_14-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFSchwerdtfeger2008" class="citation web cs1">Schwerdtfeger, Richard, ed. (2008-02-04). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/wai-aria-roadmap/">"Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap)"</a>. <i>W3C</i>. Protocols &amp; Formats Working Group<span class="reference-accessdate">. Retrieved <span class="nowrap">2012-12-06</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=Roadmap+for+Accessible+Rich+Internet+Applications+%28WAI-ARIA+Roadmap%29&amp;rft.date=2008-02-04&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fwai-aria-roadmap%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AWAI-ARIA" class="Z3988"></span></span> </li> </ol></div></div> <div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=WAI-ARIA&amp;action=edit&amp;section=6" title="Edit section: External links"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="https://www.checkmeister.com/evaluation">Web Accessibility Checking Tools by Gareth Slinn</a></li> <li><a rel="nofollow" class="external text" href="https://neurologicalux.com/">Neurological UX for accessibility</a></li> <li><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA">ARIA developer portal</a> documentation, videos, and articles relating to ARIA (materials under Creative Commons Attribution-Share Alike license)</li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="World_Wide_Web_Consortium_(W3C)" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:W3C_standards" title="Template:W3C standards"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:W3C_standards" title="Template talk:W3C standards"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:W3C_standards" title="Special:EditPage/Template:W3C standards"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="World_Wide_Web_Consortium_(W3C)" style="font-size:114%;margin:0 4em"><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> (W3C)</div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">Products and<br />standards</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/World_Wide_Web_Consortium#W3C_recommendation_(REC)" title="World Wide Web Consortium">Recommendations</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/ActivityPub" title="ActivityPub">ActivityPub</a></li> <li><a href="/wiki/Activity_Streams_(format)" title="Activity Streams (format)">Activity Streams</a></li> <li><a class="mw-selflink selflink">ARIA</a></li> <li><a href="/wiki/Canonical_XML" title="Canonical XML">Canonical XML</a></li> <li><a href="/wiki/Compound_Document_Format" title="Compound Document Format">CDF</a></li> <li><a href="/wiki/CSS" title="CSS">CSS</a> <ul><li><a href="/wiki/CSS_animations" title="CSS animations">Animations</a></li> <li><a href="/wiki/CSS_Flexible_Box_Layout" title="CSS Flexible Box Layout">Flexbox</a></li> <li><a href="/wiki/CSS_grid_layout" title="CSS grid layout">Grid</a></li></ul></li> <li><a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a></li> <li><a href="/wiki/Efficient_XML_Interchange" title="Efficient XML Interchange">EXI</a></li> <li><a href="/wiki/Emotion_Markup_Language" title="Emotion Markup Language">EmotionML</a></li> <li><a href="/wiki/W3C_Geolocation_API" title="W3C Geolocation API">Geolocation API</a></li> <li><a href="/wiki/HTML" title="HTML">HTML</a> <ul><li><a href="/wiki/HTML5" title="HTML5">HTML5</a></li></ul></li> <li><a href="/wiki/Indexed_Database_API" title="Indexed Database API">IndexedDB</a></li> <li><a href="/wiki/Internationalization_Tag_Set" title="Internationalization Tag Set">ITS</a></li> <li><a href="/wiki/JSON-LD" title="JSON-LD">JSON-LD</a></li> <li><a href="/wiki/Linked_Data_Notifications" title="Linked Data Notifications">Linked Data Notifications</a></li> <li><a href="/wiki/MathML" title="MathML">MathML</a></li> <li><a href="/wiki/Micropub_(protocol)" title="Micropub (protocol)">Micropub</a></li> <li><a href="/wiki/Web_Ontology_Language" title="Web Ontology Language">OWL</a></li> <li><a href="/wiki/Pronunciation_Lexicon_Specification" title="Pronunciation Lexicon Specification">PLS</a></li> <li><a href="/wiki/Resource_Description_Framework" title="Resource Description Framework">RDF</a> <ul><li><a href="/wiki/RDF_Schema" title="RDF Schema">Schema</a></li></ul></li> <li><a href="/wiki/Semantic_Interpretation_for_Speech_Recognition" title="Semantic Interpretation for Speech Recognition">SISR</a></li> <li><a href="/wiki/Simple_Knowledge_Organization_System" title="Simple Knowledge Organization System">SKOS</a></li> <li><a href="/wiki/Synchronized_Multimedia_Integration_Language" title="Synchronized Multimedia Integration Language">SMIL</a></li> <li><a href="/wiki/SOAP" title="SOAP">SOAP</a></li> <li><a href="/wiki/Speech_Recognition_Grammar_Specification" title="Speech Recognition Grammar Specification">SRGS</a></li> <li><a href="/wiki/Subresource_Integrity" title="Subresource Integrity">SRI</a></li> <li><a href="/wiki/Speech_Synthesis_Markup_Language" title="Speech Synthesis Markup Language">SSML</a></li> <li><a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a> <ul><li><a href="/wiki/SVG_filter_effects" title="SVG filter effects">Filter Effects</a></li></ul></li> <li><a href="/wiki/SCXML" title="SCXML">SCXML</a></li> <li><a href="/wiki/SHACL" title="SHACL">SHACL</a></li> <li><a href="/wiki/SPARQL" title="SPARQL">SPARQL</a></li> <li><a href="/wiki/Timed_text" title="Timed text">Timed text</a></li> <li><a href="/wiki/VoiceXML" title="VoiceXML">VoiceXML</a></li> <li><a href="/wiki/WebAssembly" title="WebAssembly">WebAssembly</a></li> <li><a href="/wiki/Web_of_Things" title="Web of Things">WoT</a> <ul><li><a href="/wiki/Thing_Description" title="Thing Description">TD</a></li></ul></li> <li><a href="/wiki/Web_storage" title="Web storage">Web storage</a></li> <li><a href="/wiki/Web_Services_Description_Language" title="Web Services Description Language">WSDL</a></li> <li><a href="/wiki/Webmention" title="Webmention">Webmention</a></li> <li><a href="/wiki/WebSub" title="WebSub">WebSub</a></li> <li><a href="/wiki/WebVTT" title="WebVTT">WebVTT</a></li> <li><a href="/wiki/Web_Open_Font_Format" title="Web Open Font Format">WOFF</a></li> <li><a href="/wiki/XHTML" title="XHTML">XHTML</a> <ul><li><a href="/wiki/XHTML%2BRDFa" title="XHTML+RDFa">+RDFa</a></li></ul></li> <li><a href="/wiki/XML" title="XML">XML</a> <ul><li><a href="/wiki/XML_Base" title="XML Base">Base</a></li> <li><a href="/wiki/XML_Encryption" title="XML Encryption">Encryption</a></li> <li><a href="/wiki/XML_Events" title="XML Events">Events</a></li> <li><a href="/wiki/XML_Information_Set" title="XML Information Set">Information Set</a></li> <li><a href="/wiki/XML_namespace" title="XML namespace">Namespace</a></li> <li><a href="/wiki/XML_Schema_(W3C)" title="XML Schema (W3C)">Schema</a></li> <li><a href="/wiki/XML_Signature" title="XML Signature">Signature</a></li> <li><a href="/wiki/XForms" title="XForms">XForms</a></li> <li><a href="/wiki/XInclude" title="XInclude">XInclude</a></li> <li><a href="/wiki/XLink" title="XLink">XLink</a></li> <li><a href="/wiki/XML-binary_Optimized_Packaging" title="XML-binary Optimized Packaging">XOP</a></li> <li><a href="/wiki/XPath" title="XPath">XPath</a> <ul><li><a href="/wiki/XPath_2.0" title="XPath 2.0">2.0</a></li> <li><a href="/wiki/XPath_3" title="XPath 3">3.x</a></li></ul></li> <li><a href="/wiki/XPointer" title="XPointer">XPointer</a></li> <li><a href="/wiki/XProc" title="XProc">XProc</a></li> <li><a href="/wiki/XQuery" title="XQuery">XQuery</a></li> <li><a href="/wiki/XSL" title="XSL">XSL</a></li> <li><a href="/wiki/XSL_Formatting_Objects" title="XSL Formatting Objects">XSL-FO</a></li> <li><a href="/wiki/XSLT" title="XSLT">XSLT</a> <ul><li><a href="/wiki/XSLT_elements" title="XSLT elements">elements</a></li></ul></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Notes</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/IndieAuth" title="IndieAuth">IndieAuth</a></li> <li><a href="/wiki/XAdES" title="XAdES">XAdES</a></li> <li><a href="/wiki/XBL" title="XBL">XBL</a></li> <li><a href="/wiki/XHTML%2BSMIL" title="XHTML+SMIL">XHTML+SMIL</a></li> <li><a href="/wiki/Extensible_User_Interface_Protocol" title="Extensible User Interface Protocol">XUP</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/World_Wide_Web_Consortium#Working_draft_(WD)" title="World Wide Web Consortium">Working drafts</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Call_Control_eXtensible_Markup_Language" title="Call Control eXtensible Markup Language">CCXML</a></li> <li><a href="/wiki/CURIE" title="CURIE">CURIE</a></li> <li><a href="/wiki/Encrypted_Media_Extensions" title="Encrypted Media Extensions">EME</a></li> <li><a href="/wiki/InkML" title="InkML">InkML</a></li> <li><a href="/wiki/Media_Source_Extensions" title="Media Source Extensions">MSE</a></li> <li><a href="/wiki/Rule_Interchange_Format" title="Rule Interchange Format">RIF</a></li> <li><a href="/wiki/SMIL_Timesheets" title="SMIL Timesheets">SMIL Timesheets</a></li> <li><a href="/wiki/SXBL" title="SXBL">sXBL</a></li> <li><a href="/wiki/WebGPU" title="WebGPU">WebGPU</a></li> <li><a href="/wiki/WebXR" title="WebXR">WebXR</a></li> <li><a href="/wiki/Extensible_Forms_Description_Language" title="Extensible Forms Description Language">XFDL</a></li> <li><a href="/wiki/XFrames" title="XFrames">XFrames</a></li> <li><a href="/wiki/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Guidelines</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Web_Content_Accessibility_Guidelines" title="Web Content Accessibility Guidelines">Web Content Accessibility Guidelines</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Initiative</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/W3C_Markup_Validation_Service" title="W3C Markup Validation Service">Markup Validation Service</a></li> <li><a href="/wiki/Web_Accessibility_Initiative" title="Web Accessibility Initiative">Web Accessibility Initiative</a></li> <li><a href="/wiki/Web_Components" title="Web Components">Web Components</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Deprecated</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/C-HTML" class="mw-redirect" title="C-HTML">C-HTML</a></li> <li><a href="/wiki/Handheld_Device_Markup_Language" title="Handheld Device Markup Language">HDML</a></li> <li><a href="/wiki/JavaScript_Style_Sheets" title="JavaScript Style Sheets">JSSS</a></li> <li><a href="/wiki/Precision_Graphics_Markup_Language" title="Precision Graphics Markup Language">PGML</a></li> <li><a href="/wiki/Vector_Markup_Language" title="Vector Markup Language">VML</a></li> <li><a href="/wiki/WebPlatform.org" title="WebPlatform.org">WebPlatform</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Obsoleted</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/P3P" title="P3P">P3P</a></li> <li><a href="/wiki/XHTML%2BMathML%2BSVG" title="XHTML+MathML+SVG">XHTML+MathML+SVG</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Organizations</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><td colspan="2" class="navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/World_Wide_Web_Foundation" title="World Wide Web Foundation">World Wide Web Foundation</a></li> <li><a href="/wiki/WHATWG" title="WHATWG">WHATWG</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Elected groups</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=W3C_Advisory_Board&amp;action=edit&amp;redlink=1" class="new" title="W3C Advisory Board (page does not exist)">AB</a></li> <li><a href="/w/index.php?title=W3C_Board&amp;action=edit&amp;redlink=1" class="new" title="W3C Board (page does not exist)">Board</a></li> <li><a href="/wiki/Technical_Architecture_Group" title="Technical Architecture Group">TAG</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Working groups</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/CSS_Working_Group" title="CSS Working Group">CSS</a></li> <li><a href="/wiki/SVG_Working_Group" title="SVG Working Group">SVG</a></li> <li><a href="/wiki/WebAssembly" title="WebAssembly">WebAssembly</a></li> <li><a href="/wiki/Web_Authentication_Working_Group" title="Web Authentication Working Group">WebAuthn</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Community &amp; business groups</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Improving_Web_Advertising_Business_Group" title="Improving Web Advertising Business Group">Web Advertising BG</a></li> <li><a href="/wiki/WebAssembly" title="WebAssembly">WebAssembly</a> CG</li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Closed groups</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/W3C_Device_Description_Working_Group" title="W3C Device Description Working Group">Device Description</a> (DDWG)</li> <li><a href="/wiki/HTML_Working_Group" title="HTML Working Group">HTML</a></li> <li><a href="/wiki/W3C_MMI" title="W3C MMI">Multimodal Interaction Activity</a> (MMI)</li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Software</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/CERN_httpd" title="CERN httpd">CERN httpd</a></li> <li><a href="/wiki/Libwww" title="Libwww">Libwww</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Web_browser" title="Web browser">Browsers</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Line_Mode_Browser" title="Line Mode Browser">Line Mode</a> <span style="font-size:85%;">(1990–)</span></li> <li><a href="/wiki/Arena_(web_browser)" title="Arena (web browser)">Arena</a> <span style="font-size:85%;">(1993–98)</span></li> <li><a href="/wiki/Agora_(web_browser)" title="Agora (web browser)">Agora</a> <span style="font-size:85%;">(1994–97)</span></li> <li><a href="/wiki/Argo_(web_browser)" title="Argo (web browser)">Argo</a> <span style="font-size:85%;">(1994–97)</span></li> <li><a href="/wiki/Amaya_(web_editor)" title="Amaya (web editor)">Amaya</a> <span style="font-size:85%;">(browser/editor, 1996–2012)</span></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Conferences</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/International_World_Wide_Web_Conference" class="mw-redirect" title="International World Wide Web Conference">International World Wide Web Conference</a> (IW3C) <ul><li><a href="/wiki/International_World_Wide_Web_Conferences_Steering_Committee" class="mw-redirect" title="International World Wide Web Conferences Steering Committee">Steering Committee</a> (IW3C2)</li> <li><a href="/wiki/First_International_Conference_on_the_World-Wide_Web" title="First International Conference on the World-Wide Web">First conference</a> ("WWW1", 1994)</li></ul></li></ul> </div></td></tr></tbody></table></div> <!-- NewPP limit report Parsed by mw‐web.codfw.main‐f69cdc8f6‐rhzm7 Cached time: 20241122144733 Cache expiry: 724351 Reduced expiry: true Complications: [vary‐revision‐sha1, show‐toc] CPU time usage: 0.406 seconds Real time usage: 0.493 seconds Preprocessor visited node count: 2282/1000000 Post‐expand include size: 78333/2097152 bytes Template argument size: 5699/2097152 bytes Highest expansion depth: 23/100 Expensive parser function count: 1/500 Unstrip recursion depth: 1/20 Unstrip post‐expand size: 57806/5000000 bytes Lua time usage: 0.247/10.000 seconds Lua memory usage: 5851585/52428800 bytes Number of Wikibase entities loaded: 0/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 423.621 1 -total 36.72% 155.573 1 Template:Reflist 31.97% 135.422 14 Template:Cite_web 25.94% 109.898 4 Template:Navbox 23.80% 100.804 1 Template:W3C_Standards 22.31% 94.529 1 Template:Infobox_technology_standard 21.52% 91.147 1 Template:Infobox 14.88% 63.046 1 Template:Short_description 8.87% 37.556 2 Template:Pagetype 6.52% 27.633 3 Template:Start_date_and_age --> <!-- Saved in parser cache with key enwiki:pcache:idhash:17571061-0!canonical and timestamp 20241122144733 and revision id 1258815403. Rendering was triggered because: page-view --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=WAI-ARIA&amp;oldid=1258815403">https://en.wikipedia.org/w/index.php?title=WAI-ARIA&amp;oldid=1258815403</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:Accessible_information" title="Category:Accessible information">Accessible information</a></li><li><a href="/wiki/Category:Ajax_(programming)" title="Category:Ajax (programming)">Ajax (programming)</a></li><li><a href="/wiki/Category:Web_2.0" title="Category:Web 2.0">Web 2.0</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Articles_with_short_description" title="Category:Articles with short description">Articles with short description</a></li><li><a href="/wiki/Category:Short_description_is_different_from_Wikidata" title="Category:Short description is different from Wikidata">Short description is different from Wikidata</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 21 November 2024, at 19:53<span class="anonymous-show">&#160;(UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=WAI-ARIA&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-4fsrh","wgBackendResponseTime":172,"wgPageParseReport":{"limitreport":{"cputime":"0.406","walltime":"0.493","ppvisitednodes":{"value":2282,"limit":1000000},"postexpandincludesize":{"value":78333,"limit":2097152},"templateargumentsize":{"value":5699,"limit":2097152},"expansiondepth":{"value":23,"limit":100},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":57806,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 423.621 1 -total"," 36.72% 155.573 1 Template:Reflist"," 31.97% 135.422 14 Template:Cite_web"," 25.94% 109.898 4 Template:Navbox"," 23.80% 100.804 1 Template:W3C_Standards"," 22.31% 94.529 1 Template:Infobox_technology_standard"," 21.52% 91.147 1 Template:Infobox"," 14.88% 63.046 1 Template:Short_description"," 8.87% 37.556 2 Template:Pagetype"," 6.52% 27.633 3 Template:Start_date_and_age"]},"scribunto":{"limitreport-timeusage":{"value":"0.247","limit":"10.000"},"limitreport-memusage":{"value":5851585,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-f69cdc8f6-rhzm7","timestamp":"20241122144733","ttl":724351,"transientcontent":true}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"WAI-ARIA","url":"https:\/\/en.wikipedia.org\/wiki\/WAI-ARIA","sameAs":"http:\/\/www.wikidata.org\/entity\/Q338992","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q338992","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2008-05-23T02:17:31Z","dateModified":"2024-11-21T19:53:11Z","headline":"technical specification"}</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10