{"id":62064,"date":"2017-08-15T08:30:15","date_gmt":"2017-08-15T12:30:15","guid":{"rendered":"https:\/\/www.acscreative.com\/?p=62064"},"modified":"2017-08-15T08:30:15","modified_gmt":"2017-08-15T12:30:15","slug":"opportunity-website-accessibility","status":"publish","type":"post","link":"https:\/\/acsredux.acscreativedev.com\/?p=62064","title":{"rendered":"An Opportunity for Website Accessibility"},"content":{"rendered":"<p>A couple weeks ago, the ACS team attended An Event Apart in Washington DC. This post on accessibility is the second in a series about our takeaways from this web design and development conference. In case you missed it, check out our first post in the series on <a href=\"\/3-reasons-an-event-apart\">what makes industry conferences valuable<\/a>.<\/p>\n<h3>A Story of Inclusion<\/h3>\n<p>For this AEA post, we\u2019ll be highlighting <strong>Derek Featherstone<\/strong>, founder of <a href=\"https:\/\/simplyaccessible.com\" target=\"_blank\" rel=\"noopener noreferrer\">SimplyAccessible<\/a>. In &#8220;Where Accessibility Lives,&#8221; Derek led our journey through the eyes of an imaginary company called <em>incrediWeb<\/em>. This theoretical e-commerce startup was receiving user feedback that didn\u2019t quite align with their perception of the incrediWeb site. For example, &#8220;the buttons are too close together&#8221; or &#8220;there is too much background noise in the video.&#8221; After several submissions of this nature, it became apparent to the company that their website had issues that made browsing (and buying) difficult for people with disabilities and personal restrictions.<\/p>\n<p>The diligent team at incrediWeb knew accessibility was the answer, but they were faced with a whole new realm of questions\u2026 Whose job is this? Where do we start? What are we missing? How do we fix it? With virtually countless possibilities\u00a0on the other side of the screen, it can certainly be daunting to plan for and satisfy all scenarios. According to Featherstone, the process can be broken down into three digestible steps:<\/p>\n<ol>\n<li>Forget Perfect &#8211; Aim for Better<\/li>\n<li>Start and Learn Quickly<\/li>\n<li>Research and Plan<\/li>\n<\/ol>\n<p>From internal awareness to auditing their website to solving nearly 300 <strong>accessibility<\/strong> issues, incrediWeb utilized these steps to work toward an optimized experience for all visitors. It takes time &#8211; it takes testing &#8211; and it takes perspective, but the end result is well worth the effort. Derek left us with a quote he began his presentation with, now received with even greater meaning:<\/p>\n<blockquote><p>&#8220;Accessibility lives in people. Accessibility lives in process. Accessibility lives in tools.&#8221;<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63554\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/08\/access-screen-1.jpg\" alt=\"Man Using Laptop\" width=\"900\" height=\"450\" \/><\/p>\n<h3>Website Accessibility in a Nutshell<\/h3>\n<p>Let\u2019s touch on the basics. Essentially, <strong>Website Accessibility<\/strong> isn\u2019t a black and white concept (and we&#8217;re talking beyond the parameters of <a href=\"https:\/\/www.section508.gov\">508 compliance<\/a> here). It\u2019s not something you either have or don\u2019t. It\u2019s something you work toward &#8211; one page, one image, and one pixel at a time.<\/p>\n<p>There are many steps designers and developers can take to ensure a website\u2019s content is easily readable and navigable to those with special browsing needs. For instance, you might assume blind people don\u2019t use the internet. Well, they do. How do you think one of the world\u2019s 285 million visually-impaired people would fare on your website? Fortunately, as online standards and technologies have evolved, so has our understanding of addressing challenges like this and many others.<\/p>\n<p>Derek introduced the scenarios of paraplegia, quadriplegia, farsightedness, nearsightedness, color blindness, dyslexia, hearing impairment, and the list goes on. It may not be possible to serve every single user an equally brilliant experience on your website, but your goal should be better &#8211; not perfect. Take the first step TODAY and implement these five simple, universal accessibility best practices:<\/p>\n<ul>\n<li>Include descriptive ALT tags for all images<\/li>\n<li>Buttons and link text should have a clear call-to-action<\/li>\n<li>Provide generous spacing (white space) between elements on page<\/li>\n<li>Ensure foreground and background colors have significant contrast<\/li>\n<li>Create a logical tab order within menus, links and forms<\/li>\n<\/ul>\n<p>It\u2019s not difficult to make accessible choices in your code and design. The challenge is being aware of your visitors\u2019 potential obstacles and addressing them effectively. Often, this requires research &#8211; something Featherstone believes in strongly. Your best guess might be better than nothing, but it\u2019s not nearly as valuable as real feedback from real users.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63553\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/08\/access-cca-1.jpg\" alt=\"Child Care Aware Website\" width=\"900\" height=\"450\" \/><\/p>\n<h3>Our Experience<\/h3>\n<p>ACS designers and developers have hands-on experience creating accessible websites. One of our non-profit clients, <a href=\"\/portfolio_page\/child-care-aware\">Child Care Aware of America<\/a>, helps parents find affordable childcare nationwide. When building their new website, we took extra care to ensure the site was easy to use for everyone.<\/p>\n<p>Although it\u2019s important to &#8220;aim for better&#8221; as Featherstone says, you sometimes have to aim higher when it comes to accessible website design. Our team built the Child Care Aware of America website to be 508 compliant. This refers to Section 508 of the Rehabilitation Act of 1973, which requires government-funded websites to be accessible to people with disabilities.<\/p>\n<p>We deployed all of Featherstone\u2019s best practices when designing this website. For instance, we avoided vague calls-to-action like &#8220;Learn More&#8221; in favor of more descriptive statements like &#8220;Read about summer care.&#8221; Our designers also used colors with significant contrast, to make sure text blocks were easy to read.<\/p>\n<p>Unfortunately, there isn\u2019t an automatic test to determine if a website is 508 compliant. There are no robots programmed to review your site. A person takes a look at each site and decides on a case-by-case basis if the website meets the law\u2019s standards. However, if you take the right steps, you can build an accessible and compliant website. In the end, we\u2019re proud to say that the Child Care Aware website passed the test and is 508 compliant.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63556\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/08\/access-keys-1.jpg\" alt=\"Pile of Keys\" width=\"900\" height=\"450\" \/><\/p>\n<h3>Accessibility for All<\/h3>\n<p>What makes the web great is its universality. It connects, empowers and enlightens people from all walks of life in every corner of the globe. However, for technology to truly bring humanity together, it must be accessible for all.<\/p>\n<p>As you know by now, we tend to get a bit carried away when talking about the awesome power of the internet. We\u2019re not saying a site that sells pineapple t-shirts is going to change the world, but it does have the opportunity to provide an equally-friendly user experience to each of its visitors &#8211; and that goes a long way.<\/p>\n<p>We\u2019d like to thank Derek Featherstone (<a href=\"https:\/\/twitter.com\/feather\" target=\"_blank\" rel=\"noopener noreferrer\">@feather<\/a>) for his insightful wisdom and passion for website accessibility. Its importance will only grow by the day, and we look forward to making it our personal priority moving forward. Stay tuned for our next AEA post about progressive web design!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A couple weeks ago, the ACS team attended An Event Apart in Washington DC. This post on accessibility is the second in a series about our takeaways from this web design and development conference. In case you missed it, check out our first post in the series on what makes industry conferences valuable. A Story [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63442,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[28,14,7],"class_list":["post-62064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-websites","tag-events","tag-technology","tag-trends"],"_links":{"self":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/posts\/62064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=62064"}],"version-history":[{"count":0,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/posts\/62064\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=62064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=62064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=62064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}