{"id":1257,"date":"2018-04-26T20:12:45","date_gmt":"2018-04-26T20:12:45","guid":{"rendered":"http:\/\/pressbooks.library.ryerson.ca\/pwaa\/?post_type=chapter&#038;p=1257"},"modified":"2023-04-25T13:20:16","modified_gmt":"2023-04-25T13:20:16","slug":"the-evolution-of-web-accessibility","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/chapter\/the-evolution-of-web-accessibility\/","title":{"raw":"The Evolution of Web Accessibility","rendered":"The Evolution of Web Accessibility"},"content":{"raw":"If you are interested in knowing about the history behind WCAG, take a look at the timeline of milestones described below.\r\n\r\n[h5p id=\"9\"]\r\n<h2>1995: Web Accessibility Begins<\/h2>\r\nIt was during the mid-1990s that web accessibility awareness began to take hold, first mentioned by Tim Berners-Lee in his keynote speech at the 1994 Second International World Wide Web conference in Chicago. The <i>Unified Web Site Accessibility Guidelines<\/i> were compiled shortly after that at the TRACE Centre at the University of Wisconsin-Madison in 1995. Version 8 of the <i>Unified Web Site Accessibility Guidelines<\/i> became the seed document for WCAG 1.0.\r\n<h2>1999: WCAG 1.0 Released<\/h2>\r\nIt was not until 1999 that the first version of the Web Content Accessibility Guidelines (WCAG 1.0) was released by the W3C\u2019s Web Accessibility Initiative (WAI). This was a significant advancement in the promotion of an accessible web. With WCAG 1.0 it was possible to assess accessibility based on a standard, without the need to use applications like JAWS. That standard was also used by assistive technology (AT) developers (of screen readers, for instance) to better understand how AT should interact with content on the Web. One could then judge accessibility based on what the WCAG specification suggested should be done. But, there were problems with WCAG 1.0 that slowed its adoption. These problems would be addressed with the release of WCAG 2.0.\r\n<h2>2008: WCAG 2.0 Released<\/h2>\r\nIn 2008 WCAG 2.0 was released to address the shortcomings of its predecessor. One of the significant changes included technology independence. This meant that what might previously have been associated with a barrier in HTML content was now a barrier regardless of the technology used.\r\n\r\nFor example, \u201cinclude alt text with images,\u201d <code>\"alt\"<\/code> being an HTML attribute, became \u201cinclude text alternatives for visual content,\u201d with no reference to the technology presenting the content. WCAG 2.0 addressed accessibility across a whole range of web technologies, including things like Flash, Java, JavaScript, and other such technologies.\r\n\r\nA second major change was the acceptance of JavaScript in WCAG 2.0 as a legitimate web technology. With WCAG 1.0, developers had to create alternatives to JavaScript elements they may have added to create interactivity in their web content. In other words, a website needed to operate with the same functionality if JavaScript was turned off in a user\u2019s browser. This severely limited what developers could do while complying with WCAG 1.0 and became another contributing factor to the slow uptake of WCAG 1.0.\r\n\r\nWith the release of WCAG 2.0 this restriction was lifted. It is no longer a requirement to create alternatives to scripted features, though it is still a requirement to make those features accessible \u2013 certainly doable for most JavaScript interactivity we see in today\u2019s websites.\r\n<h2>2015: HTML5 &amp; WAI ARIA<\/h2>\r\nToday we have a number of new additions to the collection of accessibility standards with the introduction of specifications such as WAI-ARIA (Accessible Rich Internet Applications). WAI-ARIA is an extension of HTML5, that allows developers to add information about roles, states, and properties to custom features they might create using JavaScript, that would have previously been inaccessible to AT users.\r\n\r\nFor example, a developer might wish to use a collection of &lt;div&gt; elements to create a form. This is certainly possible with some script added, but a &lt;div&gt; was never intended to be used as a form element or to be interactive for that matter. They have no role or states or properties that would indicate to an AT user they were in a form, unlike a &lt;form&gt; element in HTML, which has all those semantic characteristics built in by default.\r\n\r\nARIA now allows developers to assign a <code>role=\"form\"<\/code> to a <code>&lt;div&gt;<\/code> to identify it as a form. A <code>&lt;div&gt;<\/code> used to create a checkbox could now have a <code>role=\"checkbox\"<\/code> added, and <code>aria-checked=\"true\"<\/code> set to have its role and state (checked or not checked) announced to AT the same way the standard HTML form elements get announced. We\u2019ll talk a bit more about WAI-ARIA in unit 8, but for now know that it is perhaps the most significant accessibility technology to emerge in recent years.\r\n<h2>2018: WCAG 2.1 and Project Silver<\/h2>\r\nWhen WCAG 2.0 was introduced in 2008, the iPhone had only just been released the year before, and it would not be until 2009 that it would be usable by blind individuals. WCAG 2.0 provided little guidance on developing accessible content to be accessed through mobile devices.\r\n\r\nWCAG 2.1 is intended to fill that gap, producing guidelines to help developers comply with accessibility guidelines when developing mobile web and responsive designs for web content, among other things. WCAG 2.1 was released in June of 2018, adding one new guideline, and 17 new success criteria.\r\n\r\nRecent Article by Scott Hollier, on changes in WCAG 2.1:\u00a0<span style=\"text-decoration: underline\"><a href=\"http:\/\/hollier.info\/wcag21draft\/\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG 2.1: Reflections on the New Guidelines and Success Criteria<\/a><\/span>.\r\n\r\nIn parallel with WCAG 2.1, project Silver has also been launched. Silver is the code name for WCAG 3.0. The focus of Silver is on integrating accessibility standards into the emerging Internet of Things (IoT). With everything from refrigerators, to home climate control systems, to security monitoring now connecting to the Internet, Silver is being developed to ensure these emerging technologies are accessible to everyone.\r\n\r\nWhy Silver? Silver\u2019s element symbol is Ag, which represents Accessibility Guidelines.","rendered":"<p>If you are interested in knowing about the history behind WCAG, take a look at the timeline of milestones described below.<\/p>\n<div id=\"h5p-9\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-9\" class=\"h5p-iframe\" data-content-id=\"9\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Web Accessibility Timeline\"><\/iframe><\/div>\n<\/div>\n<h2>1995: Web Accessibility Begins<\/h2>\n<p>It was during the mid-1990s that web accessibility awareness began to take hold, first mentioned by Tim Berners-Lee in his keynote speech at the 1994 Second International World Wide Web conference in Chicago. The <i>Unified Web Site Accessibility Guidelines<\/i> were compiled shortly after that at the TRACE Centre at the University of Wisconsin-Madison in 1995. Version 8 of the <i>Unified Web Site Accessibility Guidelines<\/i> became the seed document for WCAG 1.0.<\/p>\n<h2>1999: WCAG 1.0 Released<\/h2>\n<p>It was not until 1999 that the first version of the Web Content Accessibility Guidelines (WCAG 1.0) was released by the W3C\u2019s Web Accessibility Initiative (WAI). This was a significant advancement in the promotion of an accessible web. With WCAG 1.0 it was possible to assess accessibility based on a standard, without the need to use applications like JAWS. That standard was also used by assistive technology (AT) developers (of screen readers, for instance) to better understand how AT should interact with content on the Web. One could then judge accessibility based on what the WCAG specification suggested should be done. But, there were problems with WCAG 1.0 that slowed its adoption. These problems would be addressed with the release of WCAG 2.0.<\/p>\n<h2>2008: WCAG 2.0 Released<\/h2>\n<p>In 2008 WCAG 2.0 was released to address the shortcomings of its predecessor. One of the significant changes included technology independence. This meant that what might previously have been associated with a barrier in HTML content was now a barrier regardless of the technology used.<\/p>\n<p>For example, \u201cinclude alt text with images,\u201d <code>\"alt\"<\/code> being an HTML attribute, became \u201cinclude text alternatives for visual content,\u201d with no reference to the technology presenting the content. WCAG 2.0 addressed accessibility across a whole range of web technologies, including things like Flash, Java, JavaScript, and other such technologies.<\/p>\n<p>A second major change was the acceptance of JavaScript in WCAG 2.0 as a legitimate web technology. With WCAG 1.0, developers had to create alternatives to JavaScript elements they may have added to create interactivity in their web content. In other words, a website needed to operate with the same functionality if JavaScript was turned off in a user\u2019s browser. This severely limited what developers could do while complying with WCAG 1.0 and became another contributing factor to the slow uptake of WCAG 1.0.<\/p>\n<p>With the release of WCAG 2.0 this restriction was lifted. It is no longer a requirement to create alternatives to scripted features, though it is still a requirement to make those features accessible \u2013 certainly doable for most JavaScript interactivity we see in today\u2019s websites.<\/p>\n<h2>2015: HTML5 &amp; WAI ARIA<\/h2>\n<p>Today we have a number of new additions to the collection of accessibility standards with the introduction of specifications such as WAI-ARIA (Accessible Rich Internet Applications). WAI-ARIA is an extension of HTML5, that allows developers to add information about roles, states, and properties to custom features they might create using JavaScript, that would have previously been inaccessible to AT users.<\/p>\n<p>For example, a developer might wish to use a collection of &lt;div&gt; elements to create a form. This is certainly possible with some script added, but a &lt;div&gt; was never intended to be used as a form element or to be interactive for that matter. They have no role or states or properties that would indicate to an AT user they were in a form, unlike a &lt;form&gt; element in HTML, which has all those semantic characteristics built in by default.<\/p>\n<p>ARIA now allows developers to assign a <code>role=\"form\"<\/code> to a <code>&lt;div&gt;<\/code> to identify it as a form. A <code>&lt;div&gt;<\/code> used to create a checkbox could now have a <code>role=\"checkbox\"<\/code> added, and <code>aria-checked=\"true\"<\/code> set to have its role and state (checked or not checked) announced to AT the same way the standard HTML form elements get announced. We\u2019ll talk a bit more about WAI-ARIA in unit 8, but for now know that it is perhaps the most significant accessibility technology to emerge in recent years.<\/p>\n<h2>2018: WCAG 2.1 and Project Silver<\/h2>\n<p>When WCAG 2.0 was introduced in 2008, the iPhone had only just been released the year before, and it would not be until 2009 that it would be usable by blind individuals. WCAG 2.0 provided little guidance on developing accessible content to be accessed through mobile devices.<\/p>\n<p>WCAG 2.1 is intended to fill that gap, producing guidelines to help developers comply with accessibility guidelines when developing mobile web and responsive designs for web content, among other things. WCAG 2.1 was released in June of 2018, adding one new guideline, and 17 new success criteria.<\/p>\n<p>Recent Article by Scott Hollier, on changes in WCAG 2.1:\u00a0<span style=\"text-decoration: underline\"><a href=\"http:\/\/hollier.info\/wcag21draft\/\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG 2.1: Reflections on the New Guidelines and Success Criteria<\/a><\/span>.<\/p>\n<p>In parallel with WCAG 2.1, project Silver has also been launched. Silver is the code name for WCAG 3.0. The focus of Silver is on integrating accessibility standards into the emerging Internet of Things (IoT). With everything from refrigerators, to home climate control systems, to security monitoring now connecting to the Internet, Silver is being developed to ensure these emerging technologies are accessible to everyone.<\/p>\n<p>Why Silver? Silver\u2019s element symbol is Ag, which represents Accessibility Guidelines.<\/p>\n","protected":false},"author":56,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-1257","chapter","type-chapter","status-publish","hentry"],"part":1251,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1257","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\/56"}],"version-history":[{"count":15,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1257\/revisions"}],"predecessor-version":[{"id":2410,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapters\/1257\/revisions\/2410"}],"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\/1257\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/media?parent=1257"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/pressbooks\/v2\/chapter-type?post=1257"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/contributor?post=1257"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/pwaa\/wp-json\/wp\/v2\/license?post=1257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}