Sandwich

Copenhagen

Odense

Denmark.

Berlin

Hamburg

Düsseldorf

Germany.

Paris

Strasbourg

France.

Dnipro

Mykolaiv

Ukraine.

Chisinau

Moldova.

Sofia

Veliko Tarnovo

Gabrovo 

Plovdiv

Bulgaria.

Hanoi

Vietnam.

Boise

New Jersey

USA.

Bukarest

Romania.

Vienna

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. </p>
<p>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.</p>
<p>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 <em>everyone</em> - 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.</p>
<p>But this can also be seen as a great thing: Having to consciously implement accessibility features encourages designers’ and organizations’ practice of empathy and deliberate consideration of their users.</p>
<p>A web platform has the chance to create an inclusive environment, where a greater amount of people are able to interact with an organization completely. And let’s face it, in our new-age, consumer-centric world, the more people that are able to fully utilize 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. </p>
<p>Accessibility features complement the wave of human-centered 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 optimizing 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://ffwagency.com/contact-us" target="_blank">Click here to connect with us.</a></p>

Accessibility. What it is. Why it matters.

Thought

FFW Awarded 'Top Workplace USA' Honor

MFEs – a solution for scaling development

How we killed the website replatform

Open-source software: A CMO’s competitive advantage

7 Things to Think About Before Starting a New Drupal Project

How to redesign your digital presence in 2020

CCPA vs. GDPR

What Personalization is not

Projects no longer in office? How to lead a remote project management team

How to keep your sales team productive during a crisis

Lead a remote marketing team and improve communication

10 things to try when leading a remote design and creative team

Trust. Transparency. Adaptability

37 best practices for leading remote teams

Covid-19 and online banking: Your website = #1 branch

Future-proof and remote-proof your site with continuous development

Free learning resources to consider while stuck at home

Drupal community raises $500,000 in record time

Building Platforms for Millions with NBC Sports Digital

Acquia DXP: Solve silos. Create winning experiences

Better Drupal Page Building with Acquia Site Studio

WomenLift Health: A strong web presence during COVID-19

Scale your content operations with Acquia Drupal Cloud

Acquia Marketing Cloud: A 360 view of your customers

Headless CMS 101

VENN and FFW develop high experience digital platform

Life Returns To Normalcy, Here's Why Business Never Will

KPIs: Benchmarks for Digital Success

Better data quality through automated testing

Supporting the Empowerment of Women in Tech

She believed she could, so she did

How Best of Breed Can Build a Better Customer Experience

How to Make Your Next Website Redesign as Painless as Possible

Calming Content Chaos with Contentful

How Drupal Manages Content for Your Customers' Entire DX

How to Set up a Good User Research Interview

It's a New Year...But Are You Feeling Stuck?

Drupal 8: End-of-Life on November 2, 2021

Flip the Narrative on Accessibility

Why It Makes Sense (and Cents) to Incorporate Accessibility Best Practices

FFW Partners with Digital Asset Mgt Provider, MediaValet

Accessibility in Action

How to Build Your Digital Estate Strategy to Scale

The 5Cs of digital experience in a post-COVID world

FFW Awarded 'Top Digital Agency' Honor

FFW Adds to World-Leading Acquia Expertise

Investing in the Health of Remote (and In-Person) Teams

4 Key Trends that will influence Technical Decision Making

How WebOps Moves Your Mission Forward

How to Build a University Website That Actually Works

About asteroids, ice cream and lots of good talks

Supporting the Next Generation of Tech

Web accessibility raises brand recognition

Dynamic Without Limits: 2022 Next.js Event Recap

Women in Drupal Awards 2022

3 Reasons That Discovery Is Vital To Your Next Redesign

Multi-Site Approach: Save, Scale, and Build Loyalty

FFW Honored With 2022 Acquia Engage Award

What is a DXP?

How Higher Ed Can Improve Analytics Governance with GA4

What is Continuous Development?

Drupal 9 end-of-life – not the end of the world

What is Personalization?

FFW & IES Abroad Honored with Webby Award For Best Website Structure

Decoding Technical Jargon

Contentful Storylines: The future of content storytelling

Unlocking the Power of Vertical Slicing

How to Optimize Personalization On a Website

Acquia Engage Awards 2023

FFW presents Women in Drupal Award 2023

Expert Tips for Efficient URL Mapping with ChatGPT-3.5

FFW and Clients Celebrate Three Acquia Engage Award Wins

Navigating Key Technical Decisions in a world of complex digital platforms

Navigating Headless: Is It Right for Your Next Web Project?

Artificial Intelligence in Drupal

JAKALA celebrates 24 years of excellence

MVPs - A deep dive into their challenges and potentials 

Accessibility. What it is. Why it matters.

January 5th, 2023