{"id":281,"date":"2018-12-06T22:00:27","date_gmt":"2018-12-06T22:00:27","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/wafd\/?post_type=chapter&#038;p=281"},"modified":"2019-11-07T14:47:04","modified_gmt":"2019-11-07T14:47:04","slug":"validating-wai-aria","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/chapter\/validating-wai-aria\/","title":{"raw":"Validating WAI-ARIA","rendered":"Validating WAI-ARIA"},"content":{"raw":"There are a number of tools that can be used to validate WAI-ARIA to ensure it is being used correctly. Watch the following video for a quick look at WAI-ARIA validation with Lighthouse and aXe. Install these tools in your browser, so you have them available for testing as you complete the activities in the coming units.\r\n\r\n<strong>Video: <a href=\"https:\/\/www.youtube.com\/embed\/QDymmLeqJbg target=_blank\" rel=\"noopener noreferrer\">WAI-ARIA Validation<\/a><\/strong>\r\n\r\n[embed]https:\/\/www.youtube.com\/embed\/QDymmLeqJbg[\/embed]\r\n<div style=\"margin: 1em 0; padding: 1em; border: 1px solid #ddd; border-left: 10px solid #3c3;\">\r\n\r\n<strong>Toolkit:<\/strong>\r\n<h3>Web-Based Validator<\/h3>\r\n<ul>\r\n \t<li><a href=\"https:\/\/validator.w3.org\">W3C HTML Validator<\/a> (validates WAI-ARIA as part of HTML5)<\/li>\r\n<\/ul>\r\n<h3>Chrome<\/h3>\r\n<ul>\r\n \t<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/\">Chrome Developer Tools<\/a> (comes with Chrome)<\/li>\r\n \t<li><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse<\/a> (extends Chrome Developer Tools with an Audit tab)<\/li>\r\n \t<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/aria-validator\/oigghlanfjgnkcndchmnlnmaojahnjoc\">ARIA Validator<\/a><\/li>\r\n \t<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe\/lhdoppojpmngadmnindnejefpokejbdd\">aXe (for Chrome)<\/a><\/li>\r\n<\/ul>\r\n<h3>Firefox<\/h3>\r\n<ul>\r\n \t<li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/axe-devtools\/\">aXe (for Firefox)<\/a><\/li>\r\n<\/ul>\r\n<\/div>","rendered":"<p>There are a number of tools that can be used to validate WAI-ARIA to ensure it is being used correctly. Watch the following video for a quick look at WAI-ARIA validation with Lighthouse and aXe. Install these tools in your browser, so you have them available for testing as you complete the activities in the coming units.<\/p>\n<p><strong>Video: <a href=\"https:\/\/www.youtube.com\/embed\/QDymmLeqJbg target=_blank\" rel=\"noopener noreferrer\">WAI-ARIA Validation<\/a><\/strong><\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"WAI-ARIA Validation\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QDymmLeqJbg?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div style=\"margin: 1em 0; padding: 1em; border: 1px solid #ddd; border-left: 10px solid #3c3;\">\n<p><strong>Toolkit:<\/strong><\/p>\n<h3>Web-Based Validator<\/h3>\n<ul>\n<li><a href=\"https:\/\/validator.w3.org\">W3C HTML Validator<\/a> (validates WAI-ARIA as part of HTML5)<\/li>\n<\/ul>\n<h3>Chrome<\/h3>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/\">Chrome Developer Tools<\/a> (comes with Chrome)<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse<\/a> (extends Chrome Developer Tools with an Audit tab)<\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/aria-validator\/oigghlanfjgnkcndchmnlnmaojahnjoc\">ARIA Validator<\/a><\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe\/lhdoppojpmngadmnindnejefpokejbdd\">aXe (for Chrome)<\/a><\/li>\n<\/ul>\n<h3>Firefox<\/h3>\n<ul>\n<li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/axe-devtools\/\">aXe (for Firefox)<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"author":100,"menu_order":7,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-281","chapter","type-chapter","status-publish","hentry"],"part":28,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/users\/100"}],"version-history":[{"count":6,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/281\/revisions"}],"predecessor-version":[{"id":1858,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/281\/revisions\/1858"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/parts\/28"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapters\/281\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/pressbooks\/v2\/chapter-type?post=281"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/contributor?post=281"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/wafd\/wp-json\/wp\/v2\/license?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}