{"id":848,"date":"2017-04-04T00:00:00","date_gmt":"2017-04-04T00:00:00","guid":{"rendered":"http:\/\/www.emergeinteractive.com\/what-to-look-for-in-website-accessibility-audit-of-whitehouse-gov\/"},"modified":"2021-01-18T12:02:28","modified_gmt":"2021-01-18T20:02:28","slug":"what-to-look-for-in-website-accessibility","status":"publish","type":"post","link":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/","title":{"rendered":"What to Look for in Website Accessibility: Audit of WhiteHouse.gov"},"content":{"rendered":"<p class=\"subtitle tx-a\">\n<p>By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.<\/p>\n<p>The release of the\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/intro\/wcag\" target=\"_blank\" rel=\"noopener noreferrer\">Web Content Accessibility Guidelines (WCAG) 2.0<\/a> recommendations, however, has garnered the web a valuable tool, helping make it more inclusive.<\/p>\n<p>Since the inception of the Americans with Disabilities Act of 1990, many gains have been made to ensure people with disabilities are provided equal protection for employment, access to programs and services, and improved access to public accommodations and commercial facilities. However, many people are unaware of the barriers that make it difficult, or impossible, for people with disabilities to use the internet.<\/p>\n<h3>A Deeper Look: History of the Movement<\/h3>\n<p>One of the major drivers of the accessibility movement is a <a href=\"https:\/\/www.section508.gov\/content\/learn\/laws-and-policies\" target=\"_blank\" rel=\"noopener noreferrer\">1998 amendment to Section 508 of the Rehabilitation Act<\/a>. That amendment states that when Federal agencies develop, procure, maintain, or use electronic and information technology, they are required to make it equally accessible to Federal employees and members of the public that have disabilities. As a result, high profile websites like whitehouse.gov are required to provide equal access to all individuals that wish to use the site. With the level of resources at its disposal, one would expect the White House to meet the highest standards of web accessibility. Emerge Interactive performed an audit of whitehouse.gov to see how it fared against the WCAG 2.0 standard \u2013 the result was surprising.<\/p>\n<h3>What is Web Accessibility Comprised Of?<\/h3>\n<p>To provide some context before getting into the results, let\u2019s delve into what web accessibility is, who it is meant to help, and some statistics about the web\u2019s users. Web accessibility is essentially creating web experiences that people with disabilities can consume. This means that they can perceive, understand, navigate, interact with, and contribute to the web. This affects a wide variety of people, including those with visual, motor function, auditory, and cognitive impairments, those who suffer seizures, and older folks that may lose abilities as they age. According to <a href=\"https:\/\/www.census.gov\/newsroom\/releases\/archives\/miscellaneous\/cb12-134.html\" target=\"_blank\" rel=\"noopener noreferrer\">2012 Census Bureau figures<\/a>, 56.7 million people in the US alone (18.7% of the population) had some type of disability, with 38.3 million being severely disabled. This means almost one in five Americans would have problems using a website that did not meet accessibility standards.<\/p>\n<p>There are three levels of accessibility standards: A, AA and AAA. The single-A standard provides bare-minimum support for people with disabilities, while triple-A is the highest standard, providing full access and usability to all site users, regardless of ability.<\/p>\n<p>Testing for accessibility means that four categories within each standard are tested against \u2013 <strong>perceivable<\/strong>, <strong>operable<\/strong>, <strong>understandable<\/strong>, and <strong>robust<\/strong>.<\/p>\n<ul>\n<li><strong>Perceivable<\/strong> means websites are designed with assistive technologies in mind.<\/li>\n<li><strong>Operable<\/strong> accounts for different physical interfaces used to engage with the web such as a keyboard, mouse or touchpad.<\/li>\n<li><strong>Understandable<\/strong> means building environments that support consistent, predictable outcomes.<\/li>\n<li><strong>Robust<\/strong> leads to creating a website that third-party technology, such as browsers and screen readers, are able to rely on.<\/li>\n<\/ul>\n<p>We used our <a href=\"http:\/\/www.wcagchecklist.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG Checklist app<\/a> and followed the AA standard. As detailed below, the final result for the whitehouse.gov audit was a \u2018B\u2019 grade.<\/p>\n<h3>How We Arrived at the Whitehouse.gov Audit Results<\/h3>\n<p>Upon the first inspection of the site, it received a \u2018C\u2019 grade. While most of the site was well built, there were a few areas that failed accessibility standards. An Inauguration Speech video, which was the only video present on the site, lacked subtitles or any additional text transcripts of the speech itself. Thus, there was no alternative to video-only content, an important issue for people with hearing disabilities. There were a handful of HTML issues, including \u2018attribute\u2019 and \u2018div\u2019 errors; a lack of subheaders in some instances where they were needed, and a lack of helpful page titles, all of which are important for people with visual impairments and those who rely on screen readers. There was also difficulty with the mobile version of the site, where the \u201chamburger menu\u201d couldn\u2019t be opened, a problem for people with visual disabilities that use the \u2018TalkBack\u2019 feature and can\u2019t access the site navigation.<\/p>\n<p>On second inspection, a new page was created (\u201cJoint Address\u201d) that took the place of the Inauguration Speech page. The video issues from the first audit were addressed with the addition of a new video \u201cThe Joint Session of Congress,\u201d but the new page created a nightmare for people that use the tab button to get through the page. A long list of page sections, never-ending links in the Twitter feed, and the inability to tab through the Share options of content boxes made navigation difficult for those who aren\u2019t able to use a mouse.<\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/01\/WhiteHouse-Website-Audit_Emerge-Interactive.png\" alt=\"Web Accessibility Evaluation Tool - Website Audit of WhiteHouse.gov\" \/><\/p>\n<p style=\"text-align: center;\"><em>Snapshot of the WAVE tool within the Chrome browser., one of many we use\u00a0to evaluate web accessibility.<\/em><\/p>\n<p>Considering that this is such a prominent page of the website, it is surprising that not all instances of accessibility were considered. The number of issues that were addressed raised the site\u2019s grade from a \u201cC\u201d to a \u201cB,\u201d but the new problem for tab-users was hard to overlook.<\/p>\n<h3>Our Recommendations<\/h3>\n<p>The recommended fixes to bring the whitehouse.gov site to full compliance with AA accessibility standards are pretty straight-forward:<\/p>\n<ul>\n<li>ensure HTML tagging results in no errors<\/li>\n<li>break up content with effective section headers<\/li>\n<li>set up clear page titles<\/li>\n<\/ul>\n<p>Truly, the biggest area of improvement lies within the mobile displaying of the site, with the need for making the menu fully usable with the \u2018TalkBack\u2019 feature.<\/p>\n<h3>Additional Tools and Resources<\/h3>\n<p>Though we only did an audit of the whitehouse.gov site out of curiosity, developing websites to be accessibility-compliant is one of the many features encompassed in the development process at Emerge. We have also created <a href=\"http:\/\/www.wcagchecklist.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">a free app to assist others with checking a website or application against the WCAG guidelines<\/a> in order to find accessibility compliance success as well. You can also track the accessibility results in spreadsheets (here&#8217;s how to import <a href=\"https:\/\/blog.coupler.io\/csv-to-google-sheets\/\" target=\"_blank\" rel=\"noopener noreferrer\">csv to google sheets<\/a>). We believe accessibility isn\u2019t difficult to introduce to your website \u2013 it\u2019s something to be viewed as a result of implementing developed best practices with a thoughtful approach.<\/p>\n<div id=\"disqus_wrapper\">\n<div id=\"disqus_thread\"><\/div>\n<p><noscript>Please enable JavaScript to view the <a href=\"http:\/\/disqus.com\/?ref_noscript\">comments powered by Disqus.<\/a><\/noscript><a class=\"dsq-brlink\" href=\"http:\/\/disqus.com\">comments powered by <span class=\"logo-disqus\">Disqus<\/span><\/a><script>if((window.location.href.indexOf(\"erik\") != -1) || (window.location.href.indexOf(\"lvh.me\") != -1) || (window.location.href.indexOf(\"empirestaging\") != -1) || (window.location.href.indexOf(\"emergebeta\") != -1)){ var disqus_shortname = 'emerge2013erik'; }else{var disqus_shortname = 'emergeinteractiveproduction'}var disqus_config = function () {this.page.identifier = 3708;};(function() {var dsq = document.createElement('script'); dsq.type = 'text\/javascript'; dsq.async = true;dsq.src = '\/\/' + disqus_shortname + '.disqus.com\/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> Essential steps to understand how accessibility affects the way we consume digital content.<\/p>\n","protected":false},"author":1,"featured_media":4095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"message_area_of_focus":[],"buy_cycle":[],"target_audience":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What to Look for in Website Accessibility: Audit of WhiteHouse.gov<\/title>\n<meta name=\"description\" content=\"By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What to Look for in Website Accessibility: Audit of WhiteHouse.gov\" \/>\n<meta property=\"og:description\" content=\"By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"EMERGE | UX Agency\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-04T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-18T20:02:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/05\/What-to-Look-for-in-Website-Accessibility_-Audit-of-WhiteHouse.gov_Detail.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2161\" \/>\n\t<meta property=\"og:image:height\" content=\"826\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Emerge\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:site\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emerge\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/\",\"url\":\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/\",\"name\":\"What to Look for in Website Accessibility: Audit of WhiteHouse.gov\",\"isPartOf\":{\"@id\":\"https:\/\/www.emergeagency.com\/#website\"},\"datePublished\":\"2017-04-04T00:00:00+00:00\",\"dateModified\":\"2021-01-18T20:02:28+00:00\",\"author\":{\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1\"},\"description\":\"By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.emergeagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What to Look for in Website Accessibility: Audit of WhiteHouse.gov\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.emergeagency.com\/#website\",\"url\":\"https:\/\/www.emergeagency.com\/\",\"name\":\"EMERGE | UX Agency\",\"description\":\"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.emergeagency.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1\",\"name\":\"Emerge\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg\",\"contentUrl\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg\",\"caption\":\"Emerge\"},\"url\":\"https:\/\/www.emergeagency.com\/author\/emerge\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What to Look for in Website Accessibility: Audit of WhiteHouse.gov","description":"By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/","og_locale":"en_US","og_type":"article","og_title":"What to Look for in Website Accessibility: Audit of WhiteHouse.gov","og_description":"By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.","og_url":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/","og_site_name":"EMERGE | UX Agency","article_published_time":"2017-04-04T00:00:00+00:00","article_modified_time":"2021-01-18T20:02:28+00:00","og_image":[{"width":2161,"height":826,"url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/05\/What-to-Look-for-in-Website-Accessibility_-Audit-of-WhiteHouse.gov_Detail.jpg","type":"image\/jpeg"}],"author":"Emerge","twitter_card":"summary_large_image","twitter_creator":"@EmergeInteract","twitter_site":"@EmergeInteract","twitter_misc":{"Written by":"Emerge","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/","url":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/","name":"What to Look for in Website Accessibility: Audit of WhiteHouse.gov","isPartOf":{"@id":"https:\/\/www.emergeagency.com\/#website"},"datePublished":"2017-04-04T00:00:00+00:00","dateModified":"2021-01-18T20:02:28+00:00","author":{"@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1"},"description":"By now, the concept of accessibility is familiar to people. It can be identified by things such as wheelchair access ramps, braille on signs, and chirping crosswalk signals. While it can be easier to recognize the barriers of the physical world, the virtual world also proves limiting to people with disabilities.","breadcrumb":{"@id":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/what-to-look-for-in-website-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.emergeagency.com\/"},{"@type":"ListItem","position":2,"name":"What to Look for in Website Accessibility: Audit of WhiteHouse.gov"}]},{"@type":"WebSite","@id":"https:\/\/www.emergeagency.com\/#website","url":"https:\/\/www.emergeagency.com\/","name":"EMERGE | UX Agency","description":"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.emergeagency.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1","name":"Emerge","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/","url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg","contentUrl":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg","caption":"Emerge"},"url":"https:\/\/www.emergeagency.com\/author\/emerge\/"}]}},"_links":{"self":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/848"}],"collection":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/comments?post=848"}],"version-history":[{"count":6,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/848\/revisions"}],"predecessor-version":[{"id":7330,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/848\/revisions\/7330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media\/4095"}],"wp:attachment":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media?parent=848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/categories?post=848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/tags?post=848"},{"taxonomy":"message_area_of_focus","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/message_area_of_focus?post=848"},{"taxonomy":"buy_cycle","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/buy_cycle?post=848"},{"taxonomy":"target_audience","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/target_audience?post=848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}