Sandwich

Copenhagen

Odense

Denmark.

Berlin

Hamburg

Düsseldorf

Germany.

Paris

France.

Dnipro

Mykolaiv

Ukraine.

Chisinau

Moldova.

Sofia

Bulgaria.

Hanoi

Vietnam.

Boise

USA.

Romania.

Austria.

Home

About

Work

Services

Insights

Contact

English

Dansk

Français

Deutsch

English UK

<p>Nothing is more frustrating than when technology doesn’t work the way it’s supposed to. </p>
<p>Imagine you land on a website, only to find the elements on the page completely scattered. Words are in random spots, you can hear jutting, overlapping noises, images don’t appear, and there’s no context to tell you what the images were, anyway.</p>
<p>Useless, right? </p>
<p>If your platform doesn’t comply with web accessibility standards, this is the experience that some of your users may have. The poor accessibility of this hypothetical web platform will probably make them want to get out of there ASAP. </p>
<p>In fact, according to some published studies, 71% of web users will immediately leave a site they find hard to read or use. The good news is, by remediating accessibility shortcomings, you have a clear opportunity to engage with a larger percentage of your traffic.</p>

<h3>Nothing but good things</h3>
<p>Having an accessible website benefits all audiences. But the path to building and maintaining an accessible site can be difficult; there are a lot of moving pieces and different elements to consider when designing, building, and creating content. </p>
<p>We’re here to help. We’ve worked with an array of organizations, like <a rel="noopener" href="https://ffw.com/work/case-study/smiletrain" target="_blank">SmileTrain</a> and <a rel="noopener" href="https://ffw.com/work/case-study/womenlift-health" target="_blank">WomenLift Health</a>, to help them comply with accessibility standards and improve overall usability. Implementing accessibility benefitted all audiences - both content creators and site visitors - enhancing their digital experience while being a continual driver of success.</p>
<p>Even though you may run into challenges while implementing or optimizing accessibility features, we believe that the nitty-gritty process is still <em>very much</em> worth it, because of the depth of empathy and genuine understanding of your users accessibility promulgates. Most noteworthy, accessible sites level the playing field for all. This expands beyond disabilities; it can also include considerations like neurodivergency and those living in underdeveloped areas with less reliable internet access.</p>
<p>Other than strengthening both an organization and our overall human spirit, there are countless more good reasons to ensure your site is accessible, and we’ll discuss those reasons, plus examples of accessibility standards, the challenges they can present, and much more, below.</p>

<h2><strong>What is accessibility?</strong></h2>
<p>Accessibility is the concept of whether or not a product, service, or website can be used by everyone - however they encounter it. <br /><br />When it comes to a user’s interaction with your digital platform, accessibility is the best standard to ensure each person can easily perceive, navigate, use, and contribute to it.<br /><br />You might run into a common misconception out there that accessibility’s existence only serves those with disabilities. Quite the opposite, the name of the game is inclusion. Good accessibility design is inclusive of everyone - it makes web platforms more usable for both those with and without disabilities.</p>

<h3><strong>Accessible sites don’t just happen</strong></h3>
<p>Unfortunately, accessibility isn’t just baked into the building process to begin with. It’s another component that designers and developers must consciously implement and test.<br /><br />But this can also be seen as a great thing: Having to consciously implement accessibility features encourages designers’ and organizations’ practise of empathy and deliberate consideration of their users.<br /><br />A web platform has the chance to create an inclusive environment, where a greater amount of people are able to interact with an organisation completely. And let’s face it, in our new-age, consumer-centric world, the more people that are able to fully utilise a site, the better business will be. But, more importantly, isn’t the spirit of accessibility just the right thing to do? We think so. <br /><br />Accessibility features complement the wave of human-centred web design we’re seeing in today’s digital landscape. If an organization’s goal is to grow, then they have to truly understand their users. It takes meeting them on a mutual level to cultivate communication and understanding; so that both parties step away from their device better off than they were before.</p>

<h3><strong>The benefits of an accessible website</strong></h3>
<p>Right off the bat, accessible websites carry an impressive resumé. They’ve shown to:</p>
<ul>
<li>Increase traffic to a webpage</li>
<li>Rank higher in search engines</li>
<li>Have less chance of running into legal issues
<ul>
<li>ADA Digital Accessibility Lawsuits <a rel="noopener" href="https://blog.usablenet.com/whats-happening-with-digital-accessibility-in-2022" target="_blank">reported</a> that over 4000 lawsuits were filed in 2022 on the basis of web accessibility. That’s almost 100 lawsuits a week!</li>
</ul>
</li>
<li>Reach a broader audience</li>
<li>Better position your brand as thoughtful or empathetic</li>
<li>Drive innovation</li>
</ul>
<p>Wait, that last one, right? It’s true: accessible websites can’t help but drive innovation. Tech giants like Google and Apple are making moves to create new products and services based on shortcomings they’ve seen in accessibility. Microsoft’s “<a rel="noopener" href="https://www.microsoft.com/en-us/ai/seeing-ai" target="_blank">Seeing AI</a>” application uses a device’s camera to identify people and objects, then uses a speaking feature to describe those objects to people who have a visual impairment. </p>
<p>So, you could say a base standard of accessibility raises our world’s standard of innovation.</p>

<h3><strong>The challenges that come with accessibility conformance</strong></h3>
<p>According to the <a rel="noopener" href="https://www.levelaccess.com/resources/must-have-wcag-2-1-checklist/?utm_term=wcag&amp;utm_source=adwords&amp;utm_medium=ppc&amp;utm_campaign=N+%7C+WCAG+%7C+EM+%7C+SEM+%7CPipeline&amp;hsa_net=adwords&amp;hsa_grp=124027281741&amp;hsa_mt=e&amp;hsa_tgt=kwd-305642505119&amp;hsa_kw=wcag&amp;hsa_src=g&amp;hsa_acc=4319570901&amp;hsa_cam=12737829113&amp;hsa_ver=3&amp;hsa_ad=545652406728&amp;gclid=Cj0KCQjw48OaBhDWARIsAMd966B4nazmAJZW-nUTZ8Amxa7TsF20YkXj7CZ2PqrjXZQpq8gCmrGQqSoaAk08EALw_wcB" target="_blank" data-anchor="?utm_term=wcag&amp;utm_source=adwords&amp;utm_medium=ppc&amp;utm_campaign=N+%7C+WCAG+%7C+EM+%7C+SEM+%7CPipeline&amp;hsa_net=adwords&amp;hsa_grp=124027281741&amp;hsa_mt=e&amp;hsa_tgt=kwd-305642505119&amp;hsa_kw=wcag&amp;hsa_src=g&amp;hsa_acc=4319570901&amp;hsa_cam=12737829113&amp;hsa_ver=3&amp;hsa_ad=545652406728&amp;gclid=Cj0KCQjw48OaBhDWARIsAMd966B4nazmAJZW-nUTZ8Amxa7TsF20YkXj7CZ2PqrjXZQpq8gCmrGQqSoaAk08EALw_wcB">Web Content Accessibility Guidelines</a>, an initiative of the World Wide Web consortium (W3C), there are some challenges that org’s typically deal with when it comes to accessibility conformance: </p>
<ol>
<li style="font-weight: 400;" aria-level="1">“Numerous provisions need human involvement to test and verify conformance, which is especially challenging to scale for <a href="https://www.w3.org/TR/accessibility-conformance-challenges/#dfn-large-websites">large websites</a> and for <a href="https://www.w3.org/TR/accessibility-conformance-challenges/#dfn-dynamic-websites">dynamic websites</a>.”</li>
<li style="font-weight: 400;" aria-level="1">“Large and dynamic sites with their changing permutations may be difficult to validate.”</li>
<li style="font-weight: 400;" aria-level="1">“Third parties frequently add and change content on large and dynamic sites.”</li>
<li style="font-weight: 400;" aria-level="1">“Applying a web-based, and page-based [accessibility] conformance model can be challenging to do for non-web Information and Communications Technologies.”</li>
</ol>
<p>You’ve probably dealt with some, if not all, of these challenges. With our seasoned experience implementing and optimising various sites’ accessibility features, we firstly diagnose these pain points, to clearly define your options in mitigating them as effectively as possible.</p>

<h3><strong>The standards of accessibility</strong></h3>
<p>There are four principles: perceivable, operable, understandable, and robust (POUR), that together form the standard for web accessibility:</p>
<ul>
<li style="font-weight: 400;" aria-level="1">Perceivable: Content on the platform must be perceived by at least one of the user’s senses.</li>
<li style="font-weight: 400;" aria-level="1">Operable: The interface must be able to be used by means other than a conventional mouse/keypad.</li>
<li style="font-weight: 400;" aria-level="1">Understandable: The content must not only be <em>presented </em>to the user, but it must have clear and simple language, ensuring interfaces are consistent and predictable.</li>
<li style="font-weight: 400;" aria-level="1">Robust: The platform is built in such a way that it is compatible with the technology that the visitor is using.</li>
</ul>
<p>With POUR as the base, all other accessibility features you’d find on a compliant platform should build off of it.</p>

<h3><strong>Examples of accessibility features</strong></h3>
<p>Now that we have the definition of accessibility, its use, and its benefits all tucked away, let’s really get into concrete examples of what accessibility features look like. You might even already recognize some of these features from web platforms you’re familiar with, thanks to POUR!</p>
<p>But if not, we’re sure that after reading through the list, you’ll be able to locate these helpful features at whichever website (that complies with accessibility standards) you go to next.</p>
<h4><strong>Text size and spacing</strong></h4>
<ul>
<li>Using a default or larger font size with 1 to 1.5 paragraph spacing improves the readability of content.</li>
</ul>
<h4><strong>Color combinations with good contrast</strong></h4>
<ul>
<li>Noticeable contrast between backgrounds, texts, and images so that all elements are easily perceivable.</li>
</ul>
<h4><strong>Alt Text</strong></h4>
<ul>
<li>Description added to images which are invisible on the page, but read aloud to blind users or those with visual impairment on a screen reader.</li>
</ul>
<h4><strong>Consistent Navigation</strong></h4>
<ul>
<li>Presenting repeated content in a series of web pages in the same order so users can predict the location of the content they are looking for and find it more quickly when they need it again.</li>
</ul>
<h4><strong>Pause buttons</strong></h4>
<ul>
<li>Content that autoplays (videos, animations, etc.) may be distracting or overwhelming. Additionally, auto-playing content may play simultaneously as a screen-reader, making it difficult for those who use a screen reader to navigate the rest of the page.</li>
</ul>
<h4><strong>Transcripts</strong></h4>
<ul>
<li>When there is a video or animation on the page, transcripts are the text-version of the speech and non-speech audio needed to understand the content.</li>
</ul>
<h4><strong>Writing in plain, simple language</strong></h4>
<ul>
<li>Content or any words on the page need to be easily understood by everyone, free of jargon to give readers the clarity they need (and trust us, by being in the tech industry, we’ve had our fair share of encounters with technical jargon. It can get frustrating trying to translate every sentence you come across).</li>
</ul>
<h4><strong>Keyboard accessibility</strong></h4>
<ul>
<li>All functionality on a site or platform must be compatible with a keyboard. This means users can access and move between forms, links, buttons, and other controls by using the keyboard (specifically, the tab key).</li>
</ul>
<h4><strong>Logical heading structure, design, and flow of pages</strong></h4>
<ul>
<li style="font-weight: 400;" aria-level="1">The design and flow of pages will complement the message the organization is trying to communicate to help a user more easily navigate the page. In addition, headings must be distinct and accurate in defining what content is beneath it.</li>
</ul>
<p> </p>

<h2>To sum it up</h2>
<p>Accessibility is no longer just a “nice to have,” but a “need to have.” When sites are built from the starting block with accessibility in mind, owners are given the opportunity to welcome every potential visitor. The end-result is a higher-quality platform, raising the standard of good digital experiences and the chances of ongoing success for your org. Accessibility drives businesses, society, and empathy forward.</p>
<p>With accessibility, it’s true that there’s a special focus on other’s needs, but it's just as important to not lose sight of your own. We’ve been there with clients; we get how tough it is to juggle all of the complexities accessibility presents, while maintaining a web platform that meets your digital marketing goals (that features interactivity, animation, and heavy features).</p>
<p>FFW continually ensures we implement a foundation of accessibility features in the context of your org’s goals, audiences, and teams no matter the digital project we’re working on.</p>
<p>If you’ve been thinking about incorporating or enhancing accessibility, or are just curious to know more, our digital experts would love to chat with you about all of the opportunities it can provide for your org. <a rel="noopener" href="https://ffw.com/en-GB/contact" target="_blank">Click here to connect with us.</a></p>

Accessibility. What it is. Why it matters.

5 January 2023