{"id":1253,"date":"2018-04-26T20:10:04","date_gmt":"2018-04-26T20:10:04","guid":{"rendered":"http:\/\/pressbooks.library.ryerson.ca\/pwaa\/?post_type=chapter&#038;p=1253"},"modified":"2022-12-16T16:03:21","modified_gmt":"2022-12-16T16:03:21","slug":"introduction-to-wcag-2-0","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/chapter\/introduction-to-wcag-2-0\/","title":{"raw":"Introduction to WCAG","rendered":"Introduction to WCAG"},"content":{"raw":"<div style=\"margin: 1em 0;padding: 1em;background-color: #fff5cc;border: 1px solid #ddd\"><span class=\"nosee\"><img src=\"https:\/\/pressbooks.library.ryerson.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/striped_lollipop_morgaine1976-300px-150x150-1-e1521733755321.png\" alt=\"\" class=\"size-full wp-image-75 alignleft\" width=\"50\" height=\"50\" \/><\/span>Now that Lulu has a better understanding of what a web accessibility audit entails and has decided with certainty to move forward with one, she is seeking a recommended resource that might allow her webmaster to familiarize herself more thoroughly with the features of accessible web content. Without a doubt, WCAG 2.0 is the resource that she is looking for. Review the content below to understand the significance and purpose of this critical element of Lulu\u2019s, and your, toolkit.<\/div>\r\nThough it is possible to conduct informal accessibility reviews with basic understanding of the types of barriers faced by people with disabilities, and knowledge of the common elements in web content that often produce barriers, a thorough, professional review requires a solid understanding of the W3C Web Content Accessibility Guidelines (WCAG 2.0 or WCAG 2.1, aka <a href=\"http:\/\/www.iso.org\/iso\/iso_catalogue\/catalogue_tc\/catalogue_detail.htm?csnumber=58625\" target=\"_blank\" rel=\"noopener noreferrer\">ISO\/IEC 40500:2012<\/a>).\r\n\r\nThis unit will introduce you to WCAG (pronounced \u201cwuh-kag\u201d), which provides the basis for most international accessibility rules and legislation, along with its supporting documents. WCAG should be a key element of your Web Accessibility Auditing Toolkit. You should develop a basic understanding of WCAG to start, then use it and its supporting documents as references while conducting your audits and build upon the basics as you go about auditing web content.\r\n<div style=\"margin: 1em 0;padding: 1em;border: 1px solid #ddd;border-left: 10px solid #3c3\"><strong>Toolkit:<\/strong> Add the W3C <strong><a id=\"\" class=\"\" title=\"\" href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Content Accessibility Guidelines<\/a><\/strong> (WCAG 2.1) to your Web Accessibility Auditing Toolkit. <strong>REQUIRED READING.<\/strong><\/div>\r\n<div style=\"margin: 1em 0;padding: 1em;border: 1px solid #ddd;border-left: 10px solid #f66\"><strong>Key Point:<\/strong> As of June 5, 2018, <strong><a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">WCAG 2.1<\/a><\/strong> was released, extending WCAG 2.0 with one additional guideline, and 17 new success criteria, that address accessibility across devices and for people with cognitive disabilities. Readers should refer to the newer version of the WCAG guidelines moving forward, though in many cases WCAG 2.0 remains the standard on which international legislation around web accessibility is based. WCAG 2.1 was designed so that complying with it, includes compliance with WCAG 2.0.<\/div>\r\nWatch the following video for a brief overview of WCAG 2.0.\r\n\r\n<strong>Video: <a href=\"https:\/\/www.youtube.com\/watch?v=2ma44vyMOs8\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG-WAI Basics<\/a><\/strong>\r\n\r\n[embed]https:\/\/youtu.be\/2ma44vyMOs8[\/embed]\r\n\r\n<span class=\"small\">\u00a9 Richard Fouchaux. Released under the terms of a Creative Commons Attribution license.<\/span>\r\n<h2>Documents Accompanying WCAG<\/h2>\r\nAccompanying the WCAG specification itself are a variety of documents that expand on the guidelines. The two types of documents we would like to draw your attention to are:\r\n<ul>\r\n \t<li>Understanding Guidelines<\/li>\r\n \t<li>How to Meet WCAG (referred to as Success Criteria)<\/li>\r\n<\/ul>\r\nThese documents are conveniently linked next to their corresponding guideline, as shown in the figure below.\r\n\r\n<img src=\"https:\/\/pressbooks.library.ryerson.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs.jpg\" alt=\"Document links to the right of the guideline\" class=\"size-full wp-image-135 alignnone\" width=\"970\" height=\"144\" \/>\r\n\r\n<strong>Figure: Links to supporting documents appear next to each guideline in WCAG 2.0<\/strong>\r\n<h2>10 Key Guidelines<\/h2>\r\n<div style=\"padding: 1em;margin: 1em 0;border: 1px solid #bbb\">\r\n\r\n<strong>Required Reading: <span style=\"font-weight: 400\">The 10 Key Guidelines of WCAG 2.0\/2.1 have been summarized in a downloadable PDF document.<\/span> <\/strong><span style=\"font-weight: 400\">Download the <a href=\"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/10KeyGuidelines.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>10 Key Guidelines [PDF]<\/strong><\/a> <span style=\"text-decoration: underline\"><\/span> document, and read through it to familiarize yourself with the manner in which WCAG 2.0\/2.1 addresses the most common accessibility issues.<\/span><span style=\"font-weight: 400\">\r\n<\/span>\r\n\r\n<\/div>\r\n<h2>More About WCAG<\/h2>\r\n<div style=\"margin: 1em 0;padding: 1em;border: 1px solid #ddd;border-left: 10px solid #3c3\"><strong>Toolkit: <\/strong>If you would like to explore WCAG 2.1 in greater detail than this Unit provides, bookmark the <strong><a id=\"\" class=\"\" title=\"\" href=\"https:\/\/pressbooks.library.torontomu.ca\/iwacc\/\" target=\"_blank\" rel=\"noopener noreferrer\">Introduction to Web Accessibility<\/a><\/strong> course.<\/div>","rendered":"<div style=\"margin: 1em 0;padding: 1em;background-color: #fff5cc;border: 1px solid #ddd\"><span class=\"nosee\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.library.ryerson.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/striped_lollipop_morgaine1976-300px-150x150-1-e1521733755321.png\" alt=\"\" class=\"size-full wp-image-75 alignleft\" width=\"50\" height=\"50\" \/><\/span>Now that Lulu has a better understanding of what a web accessibility audit entails and has decided with certainty to move forward with one, she is seeking a recommended resource that might allow her webmaster to familiarize herself more thoroughly with the features of accessible web content. Without a doubt, WCAG 2.0 is the resource that she is looking for. Review the content below to understand the significance and purpose of this critical element of Lulu\u2019s, and your, toolkit.<\/div>\n<p>Though it is possible to conduct informal accessibility reviews with basic understanding of the types of barriers faced by people with disabilities, and knowledge of the common elements in web content that often produce barriers, a thorough, professional review requires a solid understanding of the W3C Web Content Accessibility Guidelines (WCAG 2.0 or WCAG 2.1, aka <a href=\"http:\/\/www.iso.org\/iso\/iso_catalogue\/catalogue_tc\/catalogue_detail.htm?csnumber=58625\" target=\"_blank\" rel=\"noopener noreferrer\">ISO\/IEC 40500:2012<\/a>).<\/p>\n<p>This unit will introduce you to WCAG (pronounced \u201cwuh-kag\u201d), which provides the basis for most international accessibility rules and legislation, along with its supporting documents. WCAG should be a key element of your Web Accessibility Auditing Toolkit. You should develop a basic understanding of WCAG to start, then use it and its supporting documents as references while conducting your audits and build upon the basics as you go about auditing web content.<\/p>\n<div style=\"margin: 1em 0;padding: 1em;border: 1px solid #ddd;border-left: 10px solid #3c3\"><strong>Toolkit:<\/strong> Add the W3C <strong><a id=\"\" class=\"\" title=\"\" href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Content Accessibility Guidelines<\/a><\/strong> (WCAG 2.1) to your Web Accessibility Auditing Toolkit. <strong>REQUIRED READING.<\/strong><\/div>\n<div style=\"margin: 1em 0;padding: 1em;border: 1px solid #ddd;border-left: 10px solid #f66\"><strong>Key Point:<\/strong> As of June 5, 2018, <strong><a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">WCAG 2.1<\/a><\/strong> was released, extending WCAG 2.0 with one additional guideline, and 17 new success criteria, that address accessibility across devices and for people with cognitive disabilities. Readers should refer to the newer version of the WCAG guidelines moving forward, though in many cases WCAG 2.0 remains the standard on which international legislation around web accessibility is based. WCAG 2.1 was designed so that complying with it, includes compliance with WCAG 2.0.<\/div>\n<p>Watch the following video for a brief overview of WCAG 2.0.<\/p>\n<p><strong>Video: <a href=\"https:\/\/www.youtube.com\/watch?v=2ma44vyMOs8\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG-WAI Basics<\/a><\/strong><\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"WCAG-WAI Basics\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/2ma44vyMOs8?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span class=\"small\">\u00a9 Richard Fouchaux. Released under the terms of a Creative Commons Attribution license.<\/span><\/p>\n<h2>Documents Accompanying WCAG<\/h2>\n<p>Accompanying the WCAG specification itself are a variety of documents that expand on the guidelines. The two types of documents we would like to draw your attention to are:<\/p>\n<ul>\n<li>Understanding Guidelines<\/li>\n<li>How to Meet WCAG (referred to as Success Criteria)<\/li>\n<\/ul>\n<p>These documents are conveniently linked next to their corresponding guideline, as shown in the figure below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.library.ryerson.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs.jpg\" alt=\"Document links to the right of the guideline\" class=\"size-full wp-image-135 alignnone\" width=\"970\" height=\"144\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs.jpg 970w, https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs-300x45.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs-768x114.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs-65x10.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs-225x33.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/wcag_other_docs-350x52.jpg 350w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/p>\n<p><strong>Figure: Links to supporting documents appear next to each guideline in WCAG 2.0<\/strong><\/p>\n<h2>10 Key Guidelines<\/h2>\n<div style=\"padding: 1em;margin: 1em 0;border: 1px solid #bbb\">\n<p><strong>Required Reading: <span style=\"font-weight: 400\">The 10 Key Guidelines of WCAG 2.0\/2.1 have been summarized in a downloadable PDF document.<\/span> <\/strong><span style=\"font-weight: 400\">Download the <a href=\"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-content\/uploads\/sites\/30\/2018\/01\/10KeyGuidelines.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>10 Key Guidelines [PDF]<\/strong><\/a> <span style=\"text-decoration: underline\"><\/span> document, and read through it to familiarize yourself with the manner in which WCAG 2.0\/2.1 addresses the most common accessibility issues.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><\/p>\n<\/div>\n<h2>More About WCAG<\/h2>\n<div style=\"margin: 1em 0;padding: 1em;border: 1px solid #ddd;border-left: 10px solid #3c3\"><strong>Toolkit: <\/strong>If you would like to explore WCAG 2.1 in greater detail than this Unit provides, bookmark the <strong><a class=\"\" title=\"\" href=\"https:\/\/pressbooks.library.torontomu.ca\/iwacc\/\" target=\"_blank\" rel=\"noopener noreferrer\">Introduction to Web Accessibility<\/a><\/strong> course.<\/div>\n","protected":false},"author":44,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-1253","chapter","type-chapter","status-publish","hentry"],"part":1251,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/users\/44"}],"version-history":[{"count":32,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1253\/revisions"}],"predecessor-version":[{"id":2557,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1253\/revisions\/2557"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/parts\/1251"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1253\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/media?parent=1253"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapter-type?post=1253"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/contributor?post=1253"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/license?post=1253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}