{"id":2866,"date":"2021-10-25T10:20:43","date_gmt":"2021-10-25T10:20:43","guid":{"rendered":"https:\/\/elementor.com\/resources\/?p=2866"},"modified":"2021-10-25T10:20:43","modified_gmt":"2021-10-25T10:20:43","slug":"what-is-wai-aria","status":"publish","type":"post","link":"https:\/\/elementor.com\/resources\/glossary\/what-is-wai-aria\/","title":{"rendered":"What is WAI-ARIA?"},"content":{"rendered":"\n<p><strong>WAI-ARIA <\/strong>is the <strong>Web Accessibility Initiative \u2013 Accessible Rich Internet Applications <\/strong>published<strong> <\/strong>by the&nbsp;World Wide Web Consortium&nbsp;(W3C).<strong> WAI-ARIA<\/strong>&nbsp; is a&nbsp;technical specification on how to increase web page accessibility for people with disabilities.&nbsp;<\/p>\n\n\n\n<p><strong>WAI-ARIA<\/strong> is used mainly by <a href=\"https:\/\/elementor.com\/for\/developer\/\">developers<\/a> building dynamic content and&nbsp;user interface&nbsp;components developed with Ajax, HTML, JavaScript, and related technologies.<\/p>\n\n\n\n<p><strong>Why use <\/strong><strong>WAI-ARIA?<\/strong><\/p>\n\n\n\n<p>Website owners can use WAI-ARIA specifications to ensure that their interactive content meets&nbsp;<a href=\"https:\/\/siteimprove.com\/en-us\/accessibility\/introduction-to-wai-aria\/\" rel=\"nofollow noopener\" target=\"_blank\">WCAG success criteria<\/a>. This content includes frequently used web apps and widgets, such as drag-and-drop, sliders, and accordions.&nbsp;<\/p>\n\n\n\n<p>Unfortunately, <a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\">building a website<\/a> with this type of content to build a site can wreak havoc for people using assistive technology to access web pages. The result can be a website that is inoperable for those with certain types of disabilities.<\/p>\n\n\n\n<p>WAI-ARIA\u2019s target group is narrow when compared to WCAG\u2019s. However, it aims to augment site functionality, particularly for:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>People with visual disabilities use screen readers to access web content.<\/li><li>People who cannot operate a mouse or other pointing device and use speech instructions to control their devices.<\/li><\/ol>\n\n\n\n<p>ARIA is not an out-of-the-box <a href=\"https:\/\/elementor.com\/blog\/wordpress-accessibility-elementor\/\">accessibility<\/a> solution \u2013 it does not make <a href=\"https:\/\/elementor.com\/features\/dynamic-content\/\">dynamic website conten<\/a>t accessible on its own. Instead, it defines the steps to create dynamic content, and advanced user interface controls developed with existing technologies, such as JavaScript, HTML, and Ajax \u2013 more recognizable to assistive technologies.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How Does It Work?<\/strong><\/h2>\n\n\n\n<p>ARIA is the set of attributes developers can insert into your site\u2019s HTML code to communicate precisely to assistive technologies and their users how dynamic content should be understood. For example, it might inform a screen reader to interpret a widget as a slider. It supplements rather than replaces your website&#8217;s code.<\/p>\n\n\n\n<p>It is important to note that WAI-ARIA specifications primarily target developers and are very technical. Therefore, while it is advantageous that website managers understand WAI-ARIA, specialist coding knowledge is required for implementation.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WAI-ARIA is the Web Accessibility Initiative \u2013 Accessible Rich Internet Applications published by the World Wide Web Consortium (W3C)<\/p>\n","protected":false},"author":1292159,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"page_builder":"","footnotes":""},"categories":[15,29],"tags":[16],"class_list":["post-2866","post","type-post","status-publish","format-standard","hentry","category-glossary","category-web-design","tag-build"],"acf":[],"_links":{"self":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/2866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/users\/1292159"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/comments?post=2866"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/2866\/revisions"}],"predecessor-version":[{"id":2867,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/2866\/revisions\/2867"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/media?parent=2866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/categories?post=2866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/tags?post=2866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}