Accessibility Archives - Page 7 of 16/Tag

WAVE Accessibility Tool: A Step-by-Step Guide
Have you ever clicked on a website and felt completely lost—like the menus were in hidden corners, or the text was so tiny you had to squint? Sometimes, the root of that problem is an accessibility issue. Put simply, a site might not be built in a way that everyone can use comfortably. That’s where WAVE comes in. WAVE (short for Web Accessibility Evaluation Tool) helps detect areas on your website with barriers and provides you with tips on how to fix them. It’s free, easy to use, and super handy for making sure your site works for everyone.

If you’ve never heard of WAVE or used it before, don’t worry—you’re not alone! In this guide, we’ll break it down step by step and show you how it can make your website better, clearer, and more user-friendly. Let’s dive in!

What Is the WAVE Accessibility Tool?

So, what exactly is WAVE? Created by WebAIM, this free tool looks for possible problems on any webpage and points them out. Think of it like a traffic light system for your site’s accessibility. If there’s a red light, it means an issue needs immediate attention—like missing text descriptions for images (which can be a big deal for screen reader users). If something’s in yellow, it could be a warning sign that may or may not become a problem.

But what makes WAVE so remarkable is its visual approach: it marks up your page with icons and colored boxes so you can spot issues right where they happen. It also highlights structural elements—like headings, landmarks, and ARIA attributes—to ensure your website is logically organized and easy to navigate. No more digging through code and guessing what went wrong. Just click, glance, and fix!

Key Features of WAVE Accessibility Tools

Browser Extensions

If you’re a fan of quick-and-easy solutions (who isn’t?), you’ll love WAVE browser extensions. You can add them to Chrome or Firefox with just a few clicks. Once that’s done, go to any webpage, hit the WAVE icon in your toolbar, and boom—you get an instant report without switching tabs. It’s perfect for those of us who like minimal fuss.

Online WAVE Tool

If extensions aren’t your thing or you’re using a borrowed computer, don’t worry. WAVE also has an online tool. All you have to do is visit the WAVE website, copy the link to the page you want to test and paste it. Within seconds, you get a full-page view loaded with accessibility markers. This approach keeps you flexible, especially if you switch devices a lot.

Visual Feedback

One of the best parts of WAVE is how it breaks down what might be going wrong. Errors, warnings, and even things that are working just fine each get their own unique symbols. You’ll see icons, colors, and outlines placed directly on top of the webpage elements. This visual overlay system helps you zero in on issues (like missing alt text or poor contrast ratios) more quickly than poring over raw code.

Accessibility Panels

After WAVE loads your page, you can explore different panels to learn more:
- Summary Panel: This shows you how many errors, alerts, and features were found.
- Structure Panel: Gives you a rundown of your headings, lists, and how the page is organized. This is super helpful for seeing whether screen readers will read your page in a logical order.
- Details Panel: Goes deeper by explaining each issue and how to fix it. If you’re the type of person who likes step-by-step instructions, you’ll feel right at home here.
How to Use WAVE Effectively

Getting Started

First things first: pick your favorite way to use WAVE. If you like convenience, grab the Chrome or Firefox extension. If you’d rather not install anything, head straight to the online WAVE site. From there, it’s as simple as entering your page’s URL. Once you see your page covered with icons, you’ll know you’re in business.

Running an Analysis

When you launch WAVE, it basically scans the webpage in front of you and marks all the potential issues. Think of it like a helpful friend pointing out the spinach in your teeth—except here, it’s pointing out an image without alt text or headings that aren’t in the right order. You might see red icons (these are errors), yellow icons (warnings), or other symbols that highlight good features, too. Scroll down to make sure you don’t miss any marks hiding at the bottom of the page.

Interpreting Results

Getting an A+ in accessibility can feel like unlocking a secret achievement! But sometimes, your first scan with WAVE might bring up a list of errors longer than you’d hoped. Don’t panic. Errors typically mean your site is missing something important, like proper labels for form fields or headings that make sense. Warnings, on the other hand, are more like gentle taps on the shoulder, suggesting a potential issue.

You’ll also see that WAVE links these issues to specific guidelines from the WCAG (Web Content Accessibility Guidelines). That might sound fancy, but it basically helps you follow official rules, so you’re not just guessing how to fix stuff.

Prioritizing Fixes

So, you’ve got a bunch of red and yellow icons—where do you even start? Focus on the red ones first (the errors). Fix things like missing alt text or form labels right away since those directly affect how people access and use your content. Next, tackle the warnings. You might spot patterns, like repeated heading problems across several pages. Fixing them in one swoop can save you a lot of time.

Exporting and Sharing Results

If you’re part of a team, you’ll probably want to show your coworkers what needs fixing. WAVE makes this easy—there’s an option to export the report or share a link to the scanned page. This can be a lifesaver when you need to prove to a manager that certain design choices might be causing trouble for users. Plus, it keeps everyone on the same page—literally!

Strengths and Limitations of WAVE

WAVE is user-friendly, offers quick visual feedback, and gives both beginners and experienced developers something to love. It’s like having a built-in teacher who highlights mistakes and nudges you toward the right answers.

What It Does Well
- Highlights errors and warnings right on the page.
- Teaches you about accessibility by explaining each issue.
- Checks for essential elements like color contrast, heading hierarchy, and ARIA attributes.
- It works within your browser or online, so no extra files are needed.
Where It Falls Short
- Single-Page Focus: WAVE is excellent for testing one page at a time but isn’t designed to crawl an entire site in one go.
- Scope of Automation: Automated checks can’t evaluate everything—like the clarity of your alt text or how user-friendly your navigation is. Manual testing is still essential, especially for things like complex JavaScript interactions.
- Not a Magic Fix: WAVE won’t fix issues for you—it only shows you what to work on. Consider it a trusty sidekick, not a fully automated superhero.
Best Practices for Using WAVE

Combine with Other Tools

While WAVE is incredible, consider also using tools like Google Lighthouse or Accessibility Radar (a11y.Radar). The more eyes on your site, the better.

Manual Testing Matters

Automated tools can catch a lot of problems, but human testing can uncover hidden barriers—like confusing navigation menus or unclear copy. Think of WAVE as your first line of defense, not the only line.

Train Your Team

If you’re not the only one updating the website, make sure others know how to read and understand WAVE reports. Accessibility is more manageable when everybody’s on board.

Start Early

Don’t wait until your site goes live to test for accessibility. Use WAVE during the design phase so you can catch significant issues before they become big headaches.

Make It Part of a Bigger Strategy

Use WAVE as the baseline for your accessibility plan. Re-run tests after making changes and encourage feedback from real users. Over time, you’ll build a more inclusive experience.

That’s a Wrap: Waving Goodbye to Barriers

Making your site accessible is really about welcoming everyone—whether they use screen readers, need larger text, or want a smoother experience. WAVE takes the guesswork out of finding those hidden roadblocks. It shows you exactly where to focus your efforts, helping you make fast progress toward a more inclusive website.

As powerful as WAVE is, remember that it’s only one piece of the puzzle. Combining WAVE’s insights with manual testing, user feedback, and other evaluation tools like Axe or Lighthouse will give you a well-rounded approach to accessibility. Over time, you’ll find that accessibility isn’t just about rules and standards—it’s about caring for the people visiting your site. Happy scanning, and may your website become a place where everyone feels right at home!
Greg McNeil

January 13, 2025

Testing & Remediation, Web Accessibility Monitoring

Accessibility, Accessibility testing, automated testing, WAVE, Web Accessibility
The EAA Lands in June
The European Accessibility Act (EAA) is set to shake things up for businesses operating in the European market. Starting in June 2025, the EAA will require companies to meet strict accessibility standards for websites, mobile apps, and digital products. If you’re working in or serving customers in the European Union (EU), this isn’t just about meeting requirements—it’s a chance to grow your reach and create better digital experiences for everyone.

Let’s dive into what the EAA is all about, why it matters, and how you can get ready for this significant change.

What is the European Accessibility Act?

The EAA is a groundbreaking law aimed at ensuring equal access to products and services across the European Union. Enforced by individual EU member states, it applies to a wide range of digital and physical products, including websites, mobile apps, software, and e-commerce platforms. The primary goal of the EAA is to eliminate barriers for people with disabilities and promote inclusivity and equal participation in society.

The EAA establishes clear accessibility requirements for businesses operating within the EU and harmonizes standards across member states. This ensures consistent accessibility efforts while simplifying compliance for companies working across the EU. For online businesses, compliance is guided by EN 301 549, the technical standard that serves as the foundation for meeting EAA requirements.

Scope of the EAA

The EAA’s web accessibility covers a broad range of applications such as:
- Websites and mobile apps
- E-books and online publications
- ATMs, ticketing, and check-in machines
- E-commerce platforms
EN 301 549: The Technical Backbone of the EAA

At the heart of the EAA’s web compliance is EN 301 549, a technical standard based on W3C’s Web Accessibility Guidelines (WCAG). These standards provide a clear framework for ensuring accessibility in websites, software, mobile apps, and other ICT products. By following WCAG 2.1 AA guidelines, companies can make their digital content usable by individuals with visual, auditory, cognitive, or motor impairments.

Suppose your e-commerce site, cloud software, SaaS platforms, or mobile apps already meet WCAG 2.1 AA requirements. In that case, they likely comply with EN 301 549—and, by extension, the EAA.

Are There Any Exceptions to EAA Compliance?

Although the EAA imposes strict accessibility standards, it recognizes that achieving complete compliance may sometimes be impractical. Under the “Disproportionate Burden Clause,” organizations can request exceptions if they show that meeting the requirements would impose an undue hardship. However, this doesn’t serve as a blanket exemption—companies must provide thorough documentation and clear justification for why they cannot reasonably comply. Even when an exception is granted, they are still expected to take every feasible step to maximize accessibility.

Why the EAA Matters

The EAA’s focus on accessibility marks a significant step forward in creating an inclusive digital environment across the EU. For businesses, compliance isn’t just a legal requirement; it’s an opportunity to reach a broader audience and demonstrate a commitment to inclusivity. As the EAA reshapes the accessibility landscape, it’s time to evaluate your products and services to ensure they’re ready to meet the new standard.

Here’s why it matters:

It’s Legally Required

The EAA is not just a guideline; it’s enforceable legislation that comes into effect in June 2025. Businesses that fail to comply could face fines, legal consequences, and even damage to their reputation. Taking action early gives you ample time to address challenges and ensure your digital products meet the required standards without unnecessary stress.

Reach a Larger Audience

Over one billion people worldwide live with disabilities, representing a significant—yet often underserved—consumer base. Of these, more than 135 million are in the EU, constituting a substantial market segment businesses cannot ignore. Making digital services accessible fulfills a critical need and demonstrates your brand’s commitment to inclusivity and respect for diverse audiences.

For U.S. businesses operating in the EU, compliance with EN 301 549 ensures alignment with the EAA’s requirements, preventing legal and reputational risks.

Better User Experience for Everyone

Accessibility improvements don’t just benefit people with disabilities; they enhance usability for all users. Features like simplified navigation, larger text options, and better color contrast make digital platforms easier for everyone. These changes lead to more satisfied customers and improved engagement.

Boost SEO and Discoverability

Accessibility isn’t just about compliance; it’s also a strategic way to improve your online presence. By following EN 301 549 and WCAG 2.1 AA standards, your website becomes more search engine-friendly, with features like descriptive alt text, clean navigation, and clear content structure. These enhancements make it easier for search engines to index your site, improving rankings and visibility. Embracing accessibility ensures your digital content is discoverable by a broader audience while meeting the compliance standards of the EAA.

How to Prepare for the EAA

Preparing for the EAA might seem overwhelming at first, but tackling it step by step makes the process manageable. Here’s how to get started:
- Audit Your Digital Accessibility: Evaluate your digital products and services against EN 301 549 and WCAG 2.1 AA guidelines. Use tools or hire experts to identify any accessibility gaps.
- Fix What Needs Fixing: Once you’ve pinpointed the issues, prioritize fixes like:
  - Adding alt text to images
  - Ensuring keyboard navigation works seamlessly
  - Improving color contrast
  - Testing for mobile responsiveness
- Train Your Team: Accessibility isn’t a one-time project—it’s an ongoing effort. Train your team on accessibility basics, like creating user-friendly designs, writing clear content, and following coding best practices.
- Use Accessible Tools: Make sure your design and development tools have built-in accessibility features. These tools can catch common issues early and save you time.
- Work with Accessibility Pros: If accessibility isn’t your area of expertise, partner with professionals specializing in it. They can guide you through audits, fixes, and long-term compliance strategies.
- Keep an Eye on Accessibility: Accessibility needs regular maintenance. Review your digital products often, especially when you update or add new features, to make sure everything stays compliant.
Overlays: The Quick Fix That Falls Short

Many businesses are attracted to accessibility overlays—automated tools that promise instant compliance. However, as the European Commission noted in 2023, “Claims that a website can be made fully compliant without manual intervention are unrealistic.”

While overlays may tackle surface-level issues, such as adding alt text or color contrast adjustments, they often fail to address deeper, more complex accessibility challenges like proper keyboard navigation, dynamic content handling, or compatibility with assistive technologies. These limitations mean overlays can leave users with disabilities frustrated and websites at risk of non-compliance. Real accessibility demands both automated solutions and hands-on human expertise.

The Upside of Accessibility

Meeting the EAA’s requirements isn’t just about avoiding fines. It’s an opportunity to:
- Boost Your Brand: An accessible business is seen as inclusive and forward-thinking.
- Build Customer Loyalty: People appreciate companies that make an effort to include everyone.
- Be Ready for the Future: As accessibility expectations grow, being ahead of the curve will pay off.
- Expand Your Market: Serving more people means more potential customers and growth.
Don’t Wait: Turn Accessibility into an Advantage

The European Accessibility Act is a big deal, but it’s also a chance to improve your business in meaningful ways. The June 2025 deadline might seem far off, but it’ll be here before you know it. Waiting until the last minute could lead to rushed fixes, higher costs, and unnecessary stress. Starting now ensures you have time to make thoughtful, lasting improvements.

By aligning with EN 301 549 and integrating accessibility into your workflows, you’ll not only meet the EAA’s standards but also create better experiences for your customers. Embracing accessibility can boost your brand, build customer loyalty, and expand your market while positioning your business as inclusive and forward-thinking.

Take the first step today by scheduling an ADA briefing with 216digital. Our experts can guide you through compliance, helping you stay ahead of the curve and turn accessibility into a strategic advantage.
Greg McNeil

January 10, 2025

Legal Compliance

Accessibility, EAA, European Accessibility Act, International Accessibility Laws, Web Accessibility, Website Accessibility
Accessibility Extensions: How Reliable Are They?
Making a website that everyone can use is an important goal for content creators, website owners, and developers. People who have disabilities, such as vision or hearing impairments, should have the same access to information and services as anyone else. Web accessibility removes barriers so all users can enjoy and navigate online content. One tool that can help is accessibility extensions—browser add-ons or standalone software that scans a website for common accessibility problems. But can you rely on these extensions alone to achieve a fully inclusive site?

In this article, we’ll discuss how these tools work, where they shine, and where you need to look beyond them to create truly accessible websites.

What Are Web Accessibility Extensions?

Web accessibility extensions are programs that you add to your internet browser or use as separate tools to check how well a website follows specific accessibility standards. These rules often come from guidelines like the Web Content Accessibility Guidelines (WCAG) set by the World Wide Web Consortium (W3C).

The extensions scan a webpage’s code and point out things that might make it hard for users with disabilities to use. For example, if a picture is missing a text description (called “alt text”), an accessibility extension might highlight that. Or, if your text color and background color are too similar, the extension might let you know that the contrast is poor.

Popular Accessibility Extensions

There are many accessibility extensions to choose from, and each has its own strengths:
1. Google Lighthouse: This free, open-source tool is built right into Google Chrome’s Developer Tools. It checks your website for performance, accessibility, and search engine optimization (SEO) issues. Lighthouse’s accessibility report can show you issues like missing labels on form fields and low color contrast.
2. BrowserStack: While not strictly an extension, BrowserStack is a popular platform that lets you test your website on many devices and browsers. It also includes accessibility checks so you can spot problems before your site goes live.
3. Color Enhancer: This Chrome extension is helpful for testing different color settings. It simulates how someone with color vision challenges might see your site, helping you adjust your color palette.
4. Total Validator: This tool checks for multiple issues at once. It looks for accessibility problems, HTML errors, and even spelling mistakes. It’s useful if you want an all-in-one solution.
Why These Tools Are Helpful

Accessibility extensions can save time and money, especially in the early stages of website development. They’re usually easy to install and use, often with just a few clicks. Many come at no cost, making them friendly for anyone’s budget. They also highlight the low-hanging fruit—simple issues you can fix quickly, like missing alt text, mislabeled buttons, or poor contrast.

When used regularly, these extensions can become part of your workflow. For instance, you can run Google Lighthouse each time you make a new page, making sure you don’t introduce new errors. Color Enhancer can be switched on while you design graphics, so you can instantly check your chosen colors. By catching issues early, you reduce the risk of more significant accessibility barriers piling up later.

The Limits of Accessibility Extensions

While these tools can be beneficial, they can’t do everything. Accessibility is about real-life user experience. Extensions might catch many problems, but there are several reasons they might not be enough:
1. They Don’t Catch All Errors: Some issues are complicated and need a human eye. For example, a tool might not realize that your navigation menu is confusing or that your form error messages aren’t explained well.
2. Automation Can Miss Nuances: An extension may mark something as fine even if it’s not easy to use in practice. Think of a button that looks accessible but is tricky to reach using keyboard navigation. Human testing would catch that, but an automated tool might not.
3. Limited Customization: Some extensions can’t adapt to specialized needs. If your website has complex interactive elements or unique design features, an extension might not provide accurate feedback.
Practical Steps for Using Accessibility Extensions

To get the most out of your accessibility extensions, you can follow a simple process:
1. Install One or More Extensions: Pick a couple that make sense for your workflow. For a developer, Google Lighthouse is a solid choice; Color Enhancer might be more fitting for a designer.
2. Run Automatic Scans Often: When you add new content or launch a new feature, rerun the extension. This helps you fix issues before they become widespread.
3. Review the Reports: Look at what the tool says and note any errors. For example, if Lighthouse tells you there’s missing alt text, add it immediately.
4. Cross-Check with Another Tool: Since no single extension catches all issues, try a second tool to see if it spots something different. Combining tools gives you a more complete picture.
5. Document Your Changes: Keep track of what you fix. If your team grows or you step away from a project, the next person will know what was corrected and why.
Going Beyond Extensions: Manual Testing & Real Users

Even the best technology can’t replace the insight of real people. To go beyond automated checks, try these methods:
1. Manual Testing: Walk through your website with a keyboard only (no mouse). Can you reach all interactive elements, like menus, links, and form fields? Check if focus indicators (the outlines around clickable items) are visible so users know where they are on the page.
2. Test with Assistive Technologies: Screen readers like NVDA (free for Windows) or VoiceOver (built into macOS and iOS) let people with visual impairments hear text read aloud. Try them out on your site. Can you follow the page structure logically? Are buttons and links announced clearly?
3. Get Feedback from Users: Invite people with disabilities to test your site. This can be done in person or through online platforms. Their first-hand experiences will show you things no tool can catch.
4. Follow WCAG Guidelines: The W3C’s Web Content Accessibility Guidelines provide detailed advice about making websites more inclusive. Follow these guidelines to ensure you’re meeting recognized standards.
5. Keep Checking Over Time: Accessibility isn’t a “one-and-done” situation. Technology changes, and so does your site’s content. Regular audits help you stay current with new requirements or tools.
Professional Tools and Services

For more significant sites or those in specific industries, it can help to invest in professional tools or services. Some companies offer advanced scanning that runs on a schedule and sends alerts when accessibility issues are found. Others offer expert audits, which include hands-on testing by accessibility specialists. Examples include:
- a11y.Radar: Provides automated scans, real-time issue tracking, and actionable developer guidance. It integrates with CI/CD workflows and offers analytics to monitor progress and prioritize critical fixes.
- Siteimprove: This includes monitoring and scoring your site based on accessibility, SEO, and more.
- Specialized Accessibility Consultancies: Hiring an experienced team can help with complex sites or strict legal requirements.
Additional Resources to Explore

If you’d like to learn more or go deeper into this topic, here are a few helpful links:
- W3C Web Accessibility Initiative: Offers guidelines, techniques, and tutorials on how to create an accessible website.
- WebAIM: Contains articles, tools (like the WAVE Extension), and a community forum focused on accessibility.
- A11y Project: A community-driven site with guides, checklists, and news about web accessibility.
- Section508.gov: Focuses on accessibility laws and standards in the United States.
Conclusion

Accessibility extensions are a great starting point. They quickly show you common issues and give you ideas on what to fix. Yet, relying on them alone doesn’t ensure everyone can use your site. By also doing manual checks and involving people with different abilities, you can create a richer, more usable online experience. Combining automated scanning, real-world testing, and guidelines like WCAG gives you the best chance of meeting everyone’s needs.

Remember, building an inclusive website is an ongoing journey. Updates to your site, new browser versions, and changing assistive technologies mean there’s always something more to learn. Encourage your team to see accessibility as a shared responsibility. Keep your tools up to date, document your progress, and work together to reduce barriers for all. In the end, these efforts not only help people with disabilities, but they also make your site more user-friendly for everyone.

If you’re ready to take the next step in making your website accessible, 216digital can help. From expert audits to ongoing monitoring with our a11y.Radar tool, we’re here to guide you every step of the way. Contact 216digital today and ensure your website meets the highest standards for accessibility, usability, and inclusivity. Together, we can build a web that works for everyone.
Greg McNeil

January 8, 2025

Testing & Remediation

Accessibility, accessibility extensions, evaluation tools, Website Accessibility, Website Accessibility Tools
Email Accessibility: Why It Matters for Your Marketing
Did you know that many marketing emails are nearly impossible for some people to read? It’s true! People with disabilities, especially those who use screen readers, often struggle with text that isn’t coded properly or images that don’t have any descriptions. The good news is that email accessibility is simpler than you might think. In this article, we’ll explore why emails can be hard to read for people with disabilities, why you should care, and how you can start making changes today. Let’s dive in!

Why Accessibility in Emails Matters

You might be wondering, “Why should I think about email accessibility?” There are two big reasons:
1. Reach More Readers: Accessibility helps you connect with a larger audience, which means more potential customers.
2. It’s the Right Thing to Do: Many people rely on screen readers or special settings to read their messages, and they deserve the same great experience as everyone else.
Plus, consider this: There are about 61 million adults in the United States alone who have disabilities, and over one million of them are blind. Emails that aren’t accessible can stop them from reading newsletters, buying products, or joining your events. By focusing on accessibility, you’re ensuring everyone can connect with you.

The Business Case for Accessible Emails

You might ask, “Why should I spend my time on email accessibility?” Here are three compelling reasons:
1. Stay Legally Compliant: Laws like the Americans with Disabilities Act (ADA) may apply to online communication. Staying compliant avoids potential legal issues.
2. Expand Your Audience: People with disabilities make up a significant group. Including them ensures your message reaches more people.
3. Improve Content for Everyone: Accessible content benefits all users. For example, larger fonts are easier on the eyes, and descriptive link text helps people skimming emails on their phones.
In short, email accessibility isn’t just nice to have — it’s a smart move that can boost your brand and prevent legal headaches.

Why Marketing Emails Tend To Be Inaccessible

Let’s be honest: emails can be tricky. Here’s why:
- They Rely on Tables for Layout: Modern web pages use advanced CSS layouts, but many email clients don’t support them. This forces developers to use tables, which can confuse screen readers if not coded correctly.
- Limited Support for Buttons: Real <button> elements often aren’t supported. Replacing buttons with images can create accessibility issues if the images lack descriptions.
- Drag-and-Drop Tools Aren’t Perfect: Email builders like Mailchimp or HubSpot can generate messy or incomplete HTML code, leading to hidden accessibility problems.
These challenges make email accessibility tricky, but don’t worry. With a few simple steps, you can overcome these issues.

Building an Accessibility Checklist for Emails

Here’s a simple checklist to help you make your emails more accessible:

Template Setup (One-Time Fixes)
1. Add role=”presentation” to Tables: This attribute tells screen readers to ignore table structure, reducing confusion.
2. Underline Inline Links: Don’t rely on color alone to indicate links. Use underlines to make them easily identifiable.
3. Avoid Using One Big Image as Your Email: Screen readers can’t interpret a single large image. If images are disabled, subscribers will see an empty box instead of your content.
Campaign-Level Fixes
1. Add Alt Text to Every Image: Alt text provides descriptions for images. Keep it brief but clear (e.g., “Model wearing a red winter jacket”).
2. Use Semantic HTML Elements: Use <h1> for main headings, <h2> for subheadings, and <p> for paragraphs to help screen readers understand content structure.
3. Use Descriptive Links: Replace vague link text like “Click Here” with “View our winter jackets” to provide context.
Testing and QA for Your Accessible Emails

How can you ensure your emails are accessible? Test them!

Manual Testing

Use free screen readers like NVDA (Windows) or VoiceOver (Mac) to hear how your email sounds. Listening to your email read aloud is a great way to catch problems.

Automated Testing Tools

Use tools like Google Lighthouse or WAVE to scan your email’s web version for issues. Publish a temporary version, get the URL, and analyze it for errors.

A/B Testing

Test different versions of your accessible emails to see what resonates best with your audience. Compare engagement metrics to measure the impact of accessibility.

Accessibility Best Practices for Email Design

Here are additional tips for email accessibility:
1. Make It Mobile-Friendly: Ensure text, buttons, and layouts work well on smaller screens.
2. Choose Readable Fonts and Colors: Use high contrast (e.g., black text on a white background) and avoid tiny fonts.
3. Avoid Flashing or Moving Text: Fast-moving elements can be challenging for some users. Use animation sparingly.
Encouraging a Culture of Accessibility

Once you start focusing on accessibility, share your knowledge with your team:
1. Offer Mini-Trainings: Show marketing and design teams how to add alt text or check code for issues.
2. Collaborate with Developers: Work with your development team to address tricky code problems.
3. Celebrate Wins: Highlight successful accessible campaigns during team meetings to encourage continued focus.
Conclusion

Email accessibility matters because it helps people with disabilities, grows your audience, and enhances your brand’s reputation. The best part? It doesn’t have to be complicated. With simple steps like adding alt text, using descriptive links, and making your designs mobile-friendly, you can create emails that everyone can enjoy.

Take a moment to review your next email draft. Is there alt text? Are links descriptive? Are fonts readable? If so, you’re already ahead of many marketers. Keep going, and soon accessibility will become a natural part of your email marketing process, benefiting both your audience and your brand
Greg McNeil

January 3, 2025

How-to Guides, The Benefits of Web Accessibility

Accessibility, email accessibility, How-to, Web Accessibility, web developers
Accessibility in 2025: Why Web Accessibility Can’t Wait
These days, the internet is part of almost everything we do. Whether you’re shopping, learning, or connecting, the web matters. But what happens when some people can’t access your website in 2025? If your site isn’t built for everyone, think about the message that it sends.

In 2025, ignoring accessibility isn’t just risky—it’s neglectful. It can also lead to hefty legal issues. How many possible customers are you losing because your site doesn’t work for them? And how much would a lawsuit cost, both financially and in lost reputation? Accessibility isn’t just another box to check. It’s a responsibility we all share. If you’re still waiting to act, ask yourself: why the delay?

Evolving Accessibility Standards in 2025

Web accessibility has come a long way. The Web Content Accessibility Guidelines (WCAG) from W3C offer a reliable framework. These guidelines cover how to make digital spaces work for everyone, including people with disabilities.

By 2025, updates like WCAG 2.2 and the emerging WCAG 3.0 raise the bar further. These updates include new mobile standards, improved focus indicators, and better support for cognitive disabilities. By following these evolving standards, you’ll build a site that truly serves every user.

Government Enforcement and Legal Implications

Governments around the world are getting stricter about accessibility. In the U.S., Title II of the ADA now places stronger requirements on public entities. These rules will roll out in April 2026 and 2027, creating clear deadlines for compliance.

Meanwhile, the European Accessibility Act (EAA) takes full effect by June 28, 2025. This law applies to public institutions and private businesses, including e-commerce and financial services. Non-compliance could land you in legal trouble and damage your reputation. Adapting to these rules isn’t just about avoiding fines—it’s about making sure everyone can use what you offer.

Accessibility as a Business Imperative

Many businesses don’t realize how much accessibility can affect their bottom line. The truth is that investing in accessibility is a wise move.

Legal Implications

By 2025, lawsuits about inaccessible websites are becoming more common. In 2024 alone, there were over 4,000 ADA lawsuits in the U.S. That number highlights a growing push for compliance. One unfortunate trend is “copycat” lawsuits, where 41% of 2024’s cases targeted businesses with previous noncompliance.

Settlements can run anywhere from $10,000 to $100,000, not counting legal fees. Worse still, your public image may take a hit that’s hard to fix. Courts have made it plain: websites must be accessible. If you ignore these requirements, you could be facing big legal bills and a tarnished reputation.

Market Potential in 2025

Accessibility isn’t just about avoiding risks. It also opens the door to millions of new customers. About 15% of the world’s population has some form of disability. Add older adults who benefit from clear, easy-to-use sites, and you’ve got an even bigger market.

In the U.S. alone, people over 50 drive more than $8 trillion in economic activity each year, according to AARP. That’s huge, and it’s only growing as our population ages. Making your site accessible also boosts SEO and discoverability. This helps everyone, not just those with specific disabilities.

Competitive Advantage

If two companies offer the same service, but one has a user-friendly website, guess who wins? Accessibility sets you apart. It shows you respect and value every customer, building trust in your brand. In 2025, that might be the difference between thriving and floundering.

An accessible site also signals that your brand is forward-thinking and inclusive. Many customers care about companies that “walk the talk” on social issues. By putting accessibility first, you position yourself as an industry leader.

Challenges and Misconceptions

Some organizations stall on accessibility because they think it’s too pricey or too complicated. Others believe quick fixes, like overlays, will solve everything. These myths can hold your business back.

The Myth of Overlays

Overlays promise one-click solutions, but they often cause more harm than good. They can break your website’s functionality or confuse users of assistive technologies. Sometimes, they even block screen readers or tangle up navigation.

They also don’t meet many legal requirements, leaving you open to lawsuits. True accessibility needs mindful design, thorough testing, and a commitment to ongoing improvements—no shortcuts allowed.

For more information on the harm of screen overlays, check out the Overlay Fact Sheet.

Fear of Cost

Yes, accessibility takes time and resources. But it doesn’t have to ruin your budget. Start small by fixing the biggest barriers on your site. Simple changes—like adding alt text or improving color contrast—can make a huge impact.

In the U.S., businesses can also use the Disabled Access Credit for accessibility expenses. Over time, small steps lead to big changes. You’ll build a more inclusive online presence and reduce the risk of costly legal battles.

The Role of Technology in Accessibility

Fortunately, technology is making accessibility easier. In 2025, AI-driven tools can help identify issues quickly. Popular tests, like Google Lighthouse or WAVE, flag areas that need improvement.

Assistive technologies are also evolving. Screen readers and voice recognition software are getting smarter. However, technology alone can’t solve everything. You must understand your users and design with their needs in mind. That human-centered approach makes your website better for all.

Practical Steps to Get Started in 2025

Worried your website isn’t accessible yet? Don’t panic. You can start today:
1. Conduct an Audit: Use tools like Google Lighthouse or hire an expert to identify issues on your site.
2. Fix High-Impact Problems: Start with basics like adding alt text, improving keyboard navigation, and fixing color contrast.
3. Build Accessibility Into Your Workflow: Make accessibility a part of every project, from design to development.
4. Seek Help When Needed: Partner with accessibility experts to guide your efforts and ensure long-term success.
Maintain and Monitor Accessibility

Remember, accessibility is a journey, not a one-time fix. Keep track of updates and new content to ensure they don’t add barriers—tools like Accessibility Radar (a11y.Radar) help you watch your site’s accessibility over time. By staying proactive, you’ll keep your site usable for everyone.

Looking Ahead: The Future of Accessibility

In 2025, you can’t afford to ignore accessibility. It’s crucial for growth, legal compliance, and being a decent digital citizen. When you make your site accessible, you open your business to more customers, strengthen your brand, and help create a fairer online world.

Don’t wait for a lawsuit or a complaint to spur action. Start now. Conduct an audit, fix any issues you find, and commit to continuous improvement. If you need help, companies like 216digital are ready to guide you. Together, let’s build a web that works for everyone.
Greg McNeil

January 2, 2025

The Benefits of Web Accessibility, Web Accessibility Remediation

2025, Accessibility, ADA Compliance, New Year's Resolution, Web Accessibility
Making Hidden Content Accessible to Assistive Technologies
As a web developer, you want your website to be usable by everyone, including people who rely on assistive technologies. These technologies—such as screen readers, braille displays, and speech recognition software—can help individuals with disabilities navigate the web more easily. Sometimes, you may need to hide certain parts of your webpage visually without hiding them from these tools. However, doing this incorrectly can cause big accessibility issues.

In this article, we’ll explore how to effectively hide and manage hidden content for people using assistive technologies. We’ll discuss why display: none is problematic, how to use the clip pattern, and how attributes like aria-hidden and hidden can help. By the end, you’ll have a better understanding of how to ensure your website remains inclusive and user-friendly.

The Problem with display: none

When you use display: none in your CSS, you remove an element from the visual flow of the page. This means sighted users will not see it. But, it also means the element is completely invisible to assistive technologies such as screen readers. If you’ve hidden important text or controls this way, users who rely on assistive technologies might miss out on content or functionality that they need.

For example, imagine you have a button that visually looks like an icon, but you hide the text label using display: none. Now, people who can see the icon know what the button does, but people using assistive technologies hear nothing. This creates a poor user experience and makes your site less accessible.

The Clip Pattern: A Better Approach

To visually hide content while keeping it available to assistive technologies, the clip pattern is a popular solution. The idea is to position the element off-screen so sighted users don’t see it, but screen readers can still find it. Here’s an example:
```
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
```
By applying the .visually-hidden class to your element, you ensure it’s hidden visually but remains accessible to assistive technologies. This makes the content discoverable by screen readers, letting users who can’t see the screen still benefit from it.

Why the Clip Pattern Works

This pattern relies on moving the element so it’s not visible in the viewport and restricting its size to 1px by 1px. With clip: rect(0, 0, 0, 0); (or clip-path in modern CSS), the browser cuts off any visual display. Yet, the element remains in the Document Object Model (DOM), meaning assistive technologies can still access it. That’s the key difference between this and display: none.

Managing Visibility with aria-hidden and the hidden Attribute

Beyond CSS, there are HTML and ARIA (Accessible Rich Internet Applications) attributes that also control how content is shown to both users and assistive technologies. Two important attributes here are aria-hidden and the HTML5 hidden attribute.

aria-hidden="true"

When you add aria-hidden="true" to an element, you’re telling assistive technologies not to read or announce that element to users. This is handy for decorative images or redundant content. For instance, if you have a background image that doesn’t provide important information, you could mark it with aria-hidden="true" so screen readers ignore it.

But be cautious: if you need an element to be read by assistive technologies, do not use aria-hidden=”true”. This attribute will block that element from being announced entirely.
```
<div aria-hidden="true">
  <img src="decorative-image.jpg" alt=""/>
</div>
```
HTML5 hidden Attribute

The hidden attribute is another way to remove content from everyone—both sighted users and assistive technologies. When you use it, browsers typically hide the element. Screen readers will also skip it. This is good if the element is meant to be inaccessible to all users, like a form section that’s not yet relevant or a menu item that’s not available.
```
<div hidden>
  <p>This content is hidden from all users.</p>
</div>
```
Use hidden or aria-hidden when you truly want to exclude an element from assistive technologies. If you want it hidden visually but still available to screen readers, you should stick with the clip pattern or .visually-hidden approach.

Best Practices for Accessible, Visually-Hidden Content

1. Use Semantic HTML

Using proper semantic HTML elements (like <nav> for navigation, <main> for main content, or <section> for thematic grouping) is important for clear structure. It helps assistive technologies interpret your content correctly. Semantic HTML also reduces the need for extra attributes and complex styling, since the markup itself conveys meaning.

2. Avoid Hiding Focusable Elements

If an element can receive focus (like links, form inputs, or buttons), think carefully before hiding it. A hidden yet focusable element can be confusing for keyboard-only users, since it might get focus without being visible. If you must hide a focusable element, consider removing it from the tab order by using tabindex="-1" or ensuring it’s properly revealed at the right time.

For example, if you have a pop-up form that appears only after a button click, you can initially hide it with the clip pattern. Once the user clicks, you can remove the clip pattern or switch the CSS to show the content. This way, the form becomes available to both sighted users and people using assistive technologies at the same time.

3. Provide Context for Hidden Content

Sometimes you want to reveal hidden content dynamically (like a drop-down menu). In these cases, use ARIA attributes such as aria-expanded and aria-controls to inform assistive technologies that a certain part of the page is now visible or hidden. This can help screen reader users understand changes on the page.
```
<button aria-expanded="false" aria-controls="menu" id="menuButton">
  Toggle Menu
</button>

<nav id="menu" class="visually-hidden">
  
</nav>
```
When you click the button, you can toggle its aria-expanded value from false to true, and remove the .visually-hidden class from the menu. This ensures that both visual and non-visual users know the content has been revealed.

4. Test with Multiple Assistive Technologies

It’s important to test your website with different assistive technologies because each one may behave slightly differently. Popular screen readers include NVDA, JAWS, and VoiceOver. Don’t forget to check on both desktop and mobile devices. Regular testing can help you catch accessibility issues before your users do.

Handling Localization

If you’re translating your site into multiple languages, remember that hidden text might also need translation. For example, your .visually-hidden text for instructions or links should be available to screen readers in every supported language. Make sure your language attributes (like lang="en") are correct, and consider cultural differences that could impact how you label hidden elements.

For instance, if you have an English site and a Spanish site, your hidden instructions should be translated into Spanish on the Spanish version. This ensures that users relying on assistive technologies can access the content in the correct language.

Putting It All Together: A Quick Example

Let’s look at a simple example of an accessible button that has visually hidden text:
```
<button class="icon-button">
  <span class="visually-hidden">Submit Form</span>
  <img src="icon-submit.png" alt="" aria-hidden="true" />
</button>
```
- The .visually-hidden class hides the text “Submit Form” from sighted users, but screen readers can still read it.
- The <img> tag includes an empty alt attribute and aria-hidden="true", so assistive technologies ignore the image itself.
- Sighted users see only the icon, while screen reader users hear “Submit Form.”
This example keeps your content accessible to people using assistive technologies and also meets visual design needs.

Additional Resources
- Web Content Accessibility Guidelines (WCAG): A detailed guide on making web content accessible.
- WAI-ARIA Authoring Practices: Official tips on using ARIA roles, states, and properties.
- MDN Web Docs on ARIA: In-depth explanations of ARIA attributes and best practices.
Exploring these resources will help you master hiding content effectively, ensuring people who use assistive technologies can still access everything they need.

Conclusion

Hiding content from sighted users while keeping it accessible to assistive technologies is an essential skill for modern web developers. By avoiding display: none for important information, using the clip pattern for visually hidden content, and carefully leveraging aria-hidden or hidden, you can ensure everyone has a good experience on your site.

Remember to keep the following points in mind:
1. Use the clip pattern (.visually-hidden) to hide content from sighted users but keep it readable by assistive technologies.
2. Use aria-hidden and hidden only when you truly want to hide content from all users, including those using assistive technologies.
3. Pay attention to focusable elements, making sure you don’t accidentally trap keyboard users in hidden sections.
4. Test frequently with various tools and real users to ensure your hidden content behaves as you expect.
5. Localize your hidden text so that people using assistive technologies in other languages can also benefit.
By following these guidelines, you’ll be well on your way to building inclusive websites that work for everyone. Your careful attention to accessibility shows that you value all your users, regardless of their abilities or the assistive technologies they use. Embracing these practices will help ensure a positive, welcoming, and user-friendly experience across the board.
Greg McNeil

December 31, 2024

How-to Guides

Accessibility, assistive technology, How-to, web developers, web development, Website Accessibility
Play Your Part: Role-Based Advice for Web Accessibility

When you first dive into web accessibility, it’s completely normal to feel a bit overwhelmed—there are so many things to consider. But making sure your website works for everyone isn’t just a one-time fix; it’s a group effort that involves every role on your team. Developers, designers, content creators, marketers, and website owners all contribute their own strengths and insights. When everyone’s efforts line up, you create a smooth, inclusive experience for all your users.

This guide is for teams who are already working on—or are fully committed to—improving their websites. It’s packed with practical, role-specific tips to help you approach accessibility in a way that’s both strategic and effective. Whether you’re refining your code, fine-tuning your visuals, crafting inclusive content, or ensuring your brand message is accessible, you’ll find helpful, targeted advice for your particular responsibilities. Together, these steps ensure your site meets the needs of every user while staying on top of WCAG compliance. Let’s jump in and see how each role plays a part in building a more accessible web.

Developers: Building the Accessible Foundation

Developers form the core of any website—they’re the ones who take an idea and turn it into a working reality. When it comes to WCAG compliance, the quality of your code truly matters. By following accessibility best practices from the get-go, you help guarantee that everyone can use your site, right from the start.

Practical Tips for Developers

Semantic HTML and Proper Structure

Use semantic HTML elements like <header>, <nav>, <main>, and <footer> to support screen readers and other assistive tech. Keep headings and landmarks organized, so users can navigate your site with ease.

Keyboard Navigation

Make sure all interactive elements—buttons, links, and form fields—work smoothly using just a keyboard. This isn’t just about meeting standards; it’s also a big help to people with motor impairments who can’t rely on a mouse.

ARIA Attributes

ARIA (Accessible Rich Internet Applications) attributes can add valuable context, but use them wisely. Overdoing it can confuse rather than help.

Robust Error Handling

Provide clear, accessible error messages and confirmations for form submissions. When users understand what went wrong and how to fix it, they’re more likely to stay engaged.

By building accessibility directly into your code, you set a strong foundation for WCAG compliance and create a reliable platform that benefits every other role on your team.

Graphic Designers: Creating Inclusive Visuals

Graphic designers can help shape accessibility by making sure the website’s visual elements are both attractive and functional. You don’t have to sacrifice creativity for inclusivity—instead, design with everyone’s needs in mind.

Practical Tips for Graphic Designers

Color Contrast

Ensure there’s enough contrast between text and background elements. Check your color choices against WCAG guidelines so people with low vision or color blindness can still see everything clearly.

Scalable Designs

Plan for responsive and scalable design. Users who rely on screen magnification should still see a layout that’s visually appealing and makes sense.

Accessible Icons and Imagery

Give icons and images proper alt text, and avoid using color alone to convey meaning. This helps users who depend on screen readers understand your site’s visuals.

Consistent Design Patterns

Reusable design elements and predictable navigation make it easier for everyone, including those with disabilities, to find their way around.

By focusing on inclusive visuals, you ensure the site looks great and works smoothly—even for those using assistive technologies—moving you one step closer to WCAG compliance.

Content Creators: Writing for All Audiences

Your words matter. As a content creator, it’s your job to make sure the text on your website is clear, easy to understand, and accessible to everyone. Inclusive content goes beyond grammar and style; it also means structuring your writing to support people with different abilities.

Practical Tips for Content Creators

Plain Language

Keep your language simple and direct. Steer clear of jargon or overly complex sentences so users of all backgrounds and reading levels can follow along.

Heading Hierarchies and Lists

Break content into logical sections with headings, bullet points, and numbered lists. Many users rely on these elements to “jump” between sections and navigate quickly.

Descriptive Links

Swap out vague phrases like “click here” for links that clearly describe the destination. This small change can make a huge difference in accessibility.

Closed Captions and Transcripts

For videos and podcasts, always provide captions and transcripts. This ensures that users who are deaf or hard of hearing don’t miss out on any information.

By considering everyone’s needs when writing content, you help make your site more engaging, accessible, and in line with WCAG standards.

Marketers: Promoting Accessibility as a Brand Value

Marketers bridge the gap between the company and its audience. When you emphasize accessibility in your messaging, you’re not just showing you meet the guidelines—you’re proving you care. Highlighting your commitment to WCAG compliance can foster trust, build loyalty, and boost your brand’s reputation.

Practical Tips for Marketers

Inclusive Messaging

Talk openly about your brand’s dedication to accessibility. Use language that’s positive, empathetic, and respectful, making it clear that you value inclusivity.

Transparent Policies

Publish your accessibility statements and share your ongoing efforts. This honesty reassures people with disabilities and shows your brand is serious about doing the right thing.

Social Media and Email Marketing

Ensure your emails, ads, and social posts are accessible, too. Add alt text to images, use clear language, and include descriptive hashtags so everyone can participate.

Continuous Feedback

Invite users to share their thoughts on your site’s accessibility. By listening and improving, you show that your commitment to WCAG compliance isn’t just talk.

When marketers celebrate their brand’s accessibility journey, they create a positive narrative that resonates with a wide, diverse audience and strengthens brand loyalty.

Website Owners: Setting the Vision and Investing in Ongoing Compliance

As a website owner, you’re the one steering the ship in terms of resources, priorities, and long-term strategy. Achieving WCAG compliance isn’t something you do once and forget—it’s a continuous process. Owners need to keep accessibility front and center, provide the right tools, and foster a culture that values inclusive design.

Practical Tips for Website Owners

Leadership and Accountability

Make accessibility a non-negotiable core value. By setting clear expectations and holding everyone accountable, you empower each team member to do their part.

Budget for Accessibility

Invest in accessibility tools, auditing services, and training. Recognize that these efforts aren’t just expenses—they add value, protect you from legal risks, and improve user experience.

Regular Audits and Updates

Accessibility changes over time. Stay on top of it by revisiting your site regularly and making improvements as standards and user needs evolve.

Team Training

Tap into resources like 216digital’s web accessibility training to give your team the skills they need. By training developers, designers, content creators, and marketers, you ensure everyone’s working together toward WCAG compliance.

By providing clear leadership and long-term support, you set the stage for ongoing success. Accessibility becomes everyone’s priority, not just another item on a checklist.

Collaboration and Continuous Improvement

The journey to WCAG compliance isn’t a straight line—it’s a continuous loop of learning, adapting, and improving. When each person on your team understands their unique role and how it fits into the bigger picture, the result is a cohesive, user-friendly experience that truly works for everyone.

This is where a comprehensive training resource like the one from 216digital comes in handy. By investing in accessibility training that’s tailored to each role, you make sure every team member feels confident and supported. Developers learn best practices for semantic code, designers refine their approach to inclusive visuals, content creators craft language everyone can understand, and marketers become champions of accessibility. As a website owner, you can rest easy knowing your entire team is dedicated to meeting and maintaining WCAG compliance.

Remember, accessibility isn’t a final destination—it’s an ongoing journey. Working together and following these role-specific tips will help you build sites that aren’t just legally compliant, but genuinely welcoming to every visitor. This approach enhances trust, expands your audience, and reinforces your brand’s good name.

Ready to take the next step? Schedule an ADA briefing with 216digital through the contact form below. Let’s join forces to create a web experience that’s truly inclusive for all.

Greg McNeil

December 19, 2024

WCAG Compliance

Accessibility, ADA Compliance, Graphic Designer, Marketer, Web Accessibility, web developers, Website Accessibility
Measuring Accessibility: How It Impacts Marketing Goals

You’ve invested time, effort, and resources into making your website accessible—now what? Whether you’ve completed web accessibility remediation or are actively planning it, the next step is understanding how these changes impact your business goals. Accessibility improvements aren’t just about compliance; they’re about driving measurable results. From website traffic to engagement and conversion rates, every change you make has the potential to influence key marketing metrics.

But how do you connect the dots between accessibility and performance? Measuring the impact of your efforts can provide powerful insights, helping you refine your strategy and justify the investment. Below, we’ll explore which core metrics to watch, how to set up effective measurement techniques, and how to interpret these findings so that they can shape your ongoing marketing strategy.

Understanding the Marketing Payoff of Accessibility Improvements

When you enhance your site to be more accessible—maybe by improving color contrast, refining navigation for keyboard users, adding descriptive alt text to images, or ensuring multimedia content includes transcripts and captions—you’re helping visitors of all abilities have a smoother, more intuitive experience. While that’s a worthy goal in itself, these improvements can also influence how people engage with your brand online.

A More Welcoming Experience for Everyone

Accessibility isn’t only for users with disabilities; often, making content easier to parse benefits all visitors. A cleaner interface, clearer calls-to-action, and faster loading times can reduce frustration and encourage visitors to stay longer, explore more deeply, and trust your brand’s commitment to serving them.

Building on Existing Marketing Foundations

If you’ve already fine-tuned SEO, user experience (UX) design, or content marketing, accessibility improvements can boost the effectiveness of these efforts. For instance, when images have descriptive alt text, it doesn’t just help screen reader users—it also can support better image search rankings. In short, accessibility can amplify the impact of the marketing strategies you’ve worked hard to build.

Key Marketing Metrics to Monitor

To measure how accessibility changes influence your marketing goals, focus on core metrics that tell a story about user behavior, engagement, and conversion. Before implementing changes, establish benchmarks for these metrics so you can accurately track growth over time.

1. Website Traffic

Your site’s overall traffic and traffic sources can signal whether accessibility is drawing in new users or encouraging return visits. After implementing accessibility improvements, compare monthly or quarterly traffic data to your benchmarks. If the number of unique visitors increases or if you see a rise in organic search traffic, it may be partly due to your site becoming easier to navigate for all users, including those who rely on assistive technologies.

2. Bounce Rate

A high bounce rate often indicates visitors didn’t find what they were looking for or had trouble engaging with the page. Accessibility refinements—like making interactive elements more intuitive and ensuring readable text—can encourage visitors to explore more pages and stay longer. If your bounce rate drops after accessibility updates, that’s a strong indicator you’re delivering a better initial user experience.

3. Conversion Rates

Whether you want visitors to fill out a form, sign up for a newsletter, or complete a purchase, conversion rates show how effectively your website turns casual visitors into engaged participants or customers. Accessibility improvements can streamline this path, removing friction that might have previously deterred some users. Look for upticks in completed forms, successful transactions, or sign-ups following the changes you’ve made.

4. Engagement Metrics

Time on site, pages per session, and the frequency of return visits all shine a light on how interested and comfortable users are once they arrive. Accessibility-focused features like captioned videos, properly structured headings, or easily clickable buttons can create a more enjoyable browsing experience. Over time, an increase in these engagement metrics can be traced back to the site’s enhanced usability.

Methods to Measure and Attribute Results

Once you know which metrics to prioritize, it’s time to implement a measurement plan that can show the direct or indirect influence of your accessibility initiatives. Below are several methods and tools that can help you gather meaningful data.

1. Benchmarking Before and After Changes

Before rolling out your accessibility improvements, use tools like Google Analytics to record baseline metrics. These might include average monthly traffic, typical bounce rate, conversion funnels, and standard engagement levels. After the changes have been in place for a set period—often a few weeks or months—compare the new data against your benchmarks. Any positive shifts can help you see how your accessibility efforts are contributing to better outcomes.

2. A/B Testing Specific Elements

If you’re still refining your approach, consider testing pages or features. For instance, try presenting one version of a landing page with enhanced accessibility features (clear labeling, streamlined forms, strong color contrast) and another version with fewer improvements. Monitor which variant achieves higher conversion rates or lower bounce rates. By isolating certain features, you can identify which specific accessibility enhancements resonate most powerfully with users.

3. Reviewing Analytics on Assistive Technology Usage

Some analytics platforms and specialized tools can help you understand how users with assistive technologies, like screen readers, interact with your site. While you won’t often see these visitors singled out in basic analytics reports, certain surveys or session recordings (always anonymized and with proper privacy considerations) might reveal patterns in navigation. If more visitors using keyboard-only navigation or screen readers are successfully completing key actions, that’s a compelling sign your accessibility changes are having a positive effect.

4. Direct User Feedback and Surveys

Numbers are crucial, but qualitative feedback can provide context. Consider reaching out to your audience through surveys or feedback forms that specifically ask about the site’s usability and clarity. If visitors comment that it’s easier to find products or read blog posts since recent updates, that personal insight can validate your quantitative data. Even an open-ended prompt like “How can we make our site more user-friendly?” may yield telling feedback. Better yet, if you have a dedicated user base that includes people who rely on assistive technologies, invite them to share their experiences. Their insights can help explain why certain metrics changed—and suggest new opportunities for improvement.

5. Accessibility Testing Tools and Audits

Tools like WAVE and Lighthouse can run automated checks to highlight where your site excels and where it might still be falling short on accessibility standards. These audits can’t directly tell you how conversions or bounce rates change, but they can ensure that you’re making genuine, meaningful improvements to the user experience. By regularly auditing, you maintain a level of quality that can translate into better marketing performance over time.

Integrating Accessibility into Your Ongoing Marketing Strategy

For those who’ve completed accessibility remediation or are deep into the planning process, it’s important to view these changes not as a one-time project, but as a continuous element of your online presence. To keep accessibility efforts aligned with your marketing goals:

1. Make Accessibility a Standard Part of Your Workflow

Rather than seeing accessibility as a separate task, integrate it into your content creation, campaign planning, and website updates. That way, new blog posts, landing pages, and marketing materials will be accessible from the start, ensuring long-term consistency.

2. Train Your Team on Best Practices

Share guidelines and tips with everyone involved in your marketing and website development. When the whole team understands the importance of descriptive link text, proper heading structure, and inclusive media formats, accessibility becomes second nature—and its marketing benefits compound over time.

3. Keep Monitoring and Iterating

Markets shift, user expectations evolve, and technology changes. Make it a habit to review accessibility metrics alongside other key marketing KPIs. If conversions start to plateau, examine whether new accessibility enhancements could remove a new barrier. As you refine your approach, keep using data to inform your next steps.

The Bigger Picture: Trust, Loyalty, and Growth

At its core, effective accessibility improvements help you create a site that’s genuinely welcoming. It’s about minimizing frustration, simplifying navigation, and making it easier for all visitors—whether they have a disability or not—to connect with your content and your brand.

By actively measuring the impact of these changes, you show that you’re not just making improvements as a formality. You’re committed to understanding their effect and using that insight to guide your marketing strategy forward. Over time, this transparency and responsiveness can enhance your reputation, build trust, and foster loyalty, creating a multiplier effect on your growth.

If you haven’t yet started your journey toward web accessibility, now is the time to take the first step. Schedule an ADA briefing with 216digital using the contact form below, and let us help you create a more inclusive and impactful digital presence.

Greg McNeil

December 18, 2024

The Benefits of Web Accessibility

Accessibility, digital accessibility, KPI, Marketing, Website Accessibility
Accessibility for All: Strategies for Every Step of Your Journey
As 2025 begins, it brings a fresh chance to make the digital world more welcoming for everyone. Accessibility isn’t just about compliance—it’s about creating online spaces that feel inviting and easy to use for all. Whether you’re just starting out or looking to polish your existing efforts, there’s always room to grow. By focusing on small, steady improvements and putting user needs at the center, you can create something that truly works for everyone.

Getting Started: Understanding the Basics

Starting something new can feel overwhelming, but you’re not alone. Many organizations are just beginning their accessibility journey, and that’s okay. The first step is understanding why accessibility matters. After that, it’s all about taking simple, practical steps to meet the needs of people with disabilities.

What is Digital Accessibility?

Digital accessibility means making sure your website or app works for everyone, including people with disabilities. These include visual, hearing, cognitive, or mobility challenges. By focusing on accessibility, you’re not only helping people who rely on assistive technology like screen readers or voice commands—you’re making your site better for everyone.

The WCAG Guidelines: Your Roadmap to Accessibility

The Web Content Accessibility Guidelines (WCAG) are a great starting point. Created by the World Wide Web Consortium (W3C), these guidelines break into four easy-to-understand principles:
- Perceivable: Make sure people can perceive your content. For example, add text descriptions for images and captions for videos.
- Operable: Users should be able to interact with your site using different tools, like a keyboard or voice commands.
- Understandable: Keep content clear and easy to navigate.
- Robust: Make your site compatible with today’s tools and tomorrow’s technology.
These principles are your guide to building an inclusive site.

Quick Wins for Improving Accessibility

If you’re ready to take action, start small. Here are some simple changes that can make a big difference:
- Alt Text for Images: Add brief, clear descriptions to all images. This helps users who can’t see the images understand what’s there.
- Video Captions: Always include captions. They’re a must for people who are deaf or hard of hearing and helpful for anyone watching videos without sound.
- Color Contrast: Ensure your text stands out from the background. This makes it easier for everyone to read, especially those with visual impairments.
- Keyboard Navigation: Make sure all site functions can be used with just a keyboard. This is essential for users with mobility challenges.
These quick wins are easy to implement and can have an immediate impact.

Refining Your Strategy: Policies and Processes

Once you’ve mastered the basics, it’s time to think bigger. This means setting goals, creating policies, and making accessibility part of your routine.

Establish Clear Accessibility Policies

Write down your accessibility goals and plans. This keeps everyone on the same page. Your policy should outline what standards you’re following (like WCAG) and how you’ll measure success. A clear plan helps your team stay focused and committed.

Training and Awareness

Accessibility is a team effort. Train your designers, developers, and content creators on best practices. For instance, teach designers to create layouts that are easy to navigate and show writers how to craft accessible content. These small efforts add up to big improvements.

User Testing and Feedback

Test your site with people who use assistive technologies. They’ll help you spot issues you might miss. Even if you follow all the guidelines, real-world feedback is invaluable.

Scaling Your Efforts: Advanced Solutions for Accessibility

As your organization grows, your accessibility efforts can too. Here are some ideas for taking things to the next level:

Accessibility Center of Excellence

For larger organizations, consider creating a team dedicated to accessibility. This group can handle audits, provide training, and ensure best practices are followed. Making accessibility part of your culture keeps it at the forefront.

Automation and Tools

Manually checking every page for accessibility issues can be tough. Tools like WAVE and Google Lighthouse can help. They quickly identify problems and suggest fixes. But remember, these tools work best alongside manual reviews and user feedback.

Leading Innovations and Setting Industry Standards

Once you’ve mastered the basics, consider pushing boundaries. Could voice navigation help your users? Are there new technologies you can try? Sharing what you learn and advocating for accessibility can inspire others in your industry.

Moving Forward: Accessibility as an Ongoing Process

Accessibility isn’t a one-time task. As technology changes, so do the needs of your users. Regular updates and reviews keep your site inclusive. Services like Accessibility Radar (a11y.Radar) can help by providing ongoing monitoring and insights to maintain compliance. Stay informed about changes to the Americans with Disabilities Act (ADA) and WCAG guidelines. By staying proactive, you’ll ensure your site works for everyone.

Final Thoughts

Making your digital space accessible isn’t just the right thing to do—it’s smart. Start with small changes and build from there. Think of accessibility as a journey, not a destination. Every step forward makes the internet a better place for everyone.

Take action now, plan for the future, and keep innovating. The work you do today will make a lasting difference. Let’s build a more inclusive web together. Schedule an ADA briefing with 216digital to start your journey towards digital accessibility. Use the contact form below to get started.
Greg McNeil

December 17, 2024

Testing & Remediation

Accessibility, Accessibility Remediation, ADA Compliance, WCAG, Website Accessibility
How to Test a Website for Accessibility
Making sure your website works for everyone, including people with disabilities, isn’t just the right thing to do—it’s essential. Accessibility testing helps you find and fix issues that could make your site tough to use for people with visual, hearing, cognitive, or mobility impairments. Whether you’re a web developer, IT pro, or content creator, knowing how to test for accessibility can save you headaches—and money—later.

In this guide, we’ll cover some simple, effective ways to check your site’s accessibility. Don’t worry; you don’t need to be an expert to get started. Let’s dive in!

Why Website Accessibility Testing Matters

Accessibility testing ensures your website is welcoming to everyone, regardless of their abilities. It also helps you stay in line with important standards like the Web Content Accessibility Guidelines (WCAG) and legal requirements like the Americans with Disabilities Act (ADA).

But it’s not just about compliance—it’s about creating a better experience for all your users. For example:
- Clear, organized content helps screen readers and makes reading easier for everyone.
- Good color contrast improves visibility, whether you’re in bright sunlight or a dim room.
- Keyboard-friendly navigation benefits people who can’t use a mouse and even power users who prefer shortcuts.
Accessibility doesn’t just check a box—it enhances your site for everyone.

Quick Accessibility Testing Methods

You don’t need a deep dive into the world of accessibility to start testing your website. There are three main ways to test:
1. Automated Testing
2. Manual Testing
3. Assistive Technology Testing
Each method offers unique insights. Using them together? That’s your golden ticket to a more accessible site.

Automated Accessibility Testing

Automated tools are perfect for a quick scan. They flag common issues like missing alt text, messy headings, or poor color contrast. Think of them as a helpful starting point, not the end-all solution.

Here are a few tools to get you started:
- WAVE (Web Accessibility Evaluation Tool): This browser extension highlights issues like missing alt text and improper ARIA attributes. Bonus: It’s free and super easy to use.
- Google Lighthouse: Built right into Chrome’s DevTools, it gives your site an accessibility score and helpful feedback.
- WebAIM’s Contrast Checker: This tool ensures your text and background colors meet WCAG’s contrast requirements.
Pro Tip: Automated tools are great, but they’re not perfect. They might miss subtler issues or flag things that aren’t actually problems. Treat them as step one, not the whole process.

Manual Accessibility Testing

Sometimes, you need a human touch. Manual testing simulates real-world user experiences to catch what tools can’t.

Try These Tests:
- Keyboard Navigation Test:
  - Use the Tab key to move around your site. Can you access every link, button, and form?
  - Is there a visible focus indicator (like a highlight) on selected elements?
  - Does the navigation flow make sense?
  - If you can’t complete tasks like filling out a form or navigating menus, there’s work to do.
- Color Contrast Test:
  - Use WebAIM’s Contrast Checker to make sure your text is easy to read against its background.
  - Aim for a 4.5:1 contrast ratio for normal text and 3:1 for large text (18px or larger).
- Alt Text for Images:
  - Check your images. Does the alt text describe their content or purpose?
  - Decorative images? They should have empty alt text (e.g., alt=””).
- Forms and Error Messages:
  - Are form labels clear?
  - Do error messages explain what went wrong and how to fix it?
For further details on manual testing, please read our article “The Human Touch: Manual Testing for Web Accessibility.”

Testing with Assistive Technologies

If you want the real deal, test your site with the tools your users rely on. Screen readers like NVDA (NonVisual Desktop Access) offer invaluable insights into how accessible your site really is.

What to Check:
- Is the content reading in a logical order?
- Are links clear and descriptive?
- Does alt text accurately describe images?
Testing with assistive tech gives you a firsthand look at your site’s usability.

Common Accessibility Issues to Watch For

As you test, keep an eye out for these usual suspects:
- Missing or unhelpful alt text.
- Low color contrast.
- Skipped heading levels (like jumping from H2 to H4).
- Keyboard traps where navigation gets stuck.
- Forms without labels or clear error messages.
- No visible focus indicators for buttons or links.
The Limitations of Quick Tests

Quick tests are awesome for a first pass, but they won’t catch everything. For example:
- They might miss problems with interactive elements or dynamic content.
- They don’t always account for users with cognitive disabilities.
For a deeper dive, consider a professional audit. Experts can evaluate your site with advanced tools, manual reviews, and assistive tech to ensure you’re fully WCAG-compliant.

Why Overlays Aren’t the Solution

You might’ve seen tools promising quick fixes with overlays or widgets. Sounds tempting, right? But these “solutions” often create more problems than they solve.

Here’s Why Overlays Fall Short:
- They don’t address underlying code issues.
- They can clash with screen readers and other assistive technologies.
- They frustrate users instead of helping them.
Real accessibility starts with your site’s design and development, not a temporary patch.

Wrapping It Up: A Holistic Approach to Accessibility

Testing your website for accessibility doesn’t have to be overwhelming. By starting with automated tools like WAVE or Google Lighthouse and layering in manual checks for keyboard navigation, color contrast, and assistive technology testing, you can create a more inclusive experience for all users.

But remember, quick tests are just the beginning. Regular testing and professional audits ensure your website meets accessibility standards and provides the best possible user experience.

If you’re ready to take your accessibility efforts to the next level, 216digital can help. Our team specializes in comprehensive accessibility solutions that go beyond surface fixes. Schedule an ADA briefing with us today by using the contact form below. Let’s work together to make your website accessible to everyone.
Greg McNeil

December 16, 2024

How-to Guides, Testing & Remediation

Accessibility, Accessibility Remediation, Accessibility testing, Web Accessibility Remediation, Website Accessibility

What Is the WAVE Accessibility Tool?

Key Features of WAVE Accessibility Tools

Browser Extensions

Online WAVE Tool

Visual Feedback

Accessibility Panels

How to Use WAVE Effectively

Getting Started

Running an Analysis

Interpreting Results

Prioritizing Fixes

Exporting and Sharing Results

Strengths and Limitations of WAVE

What It Does Well

Where It Falls Short

Best Practices for Using WAVE

Combine with Other Tools

Manual Testing Matters

Train Your Team

Start Early

Make It Part of a Bigger Strategy

That’s a Wrap: Waving Goodbye to Barriers

What is the European Accessibility Act?

Scope of the EAA

EN 301 549: The Technical Backbone of the EAA

Are There Any Exceptions to EAA Compliance?

Why the EAA Matters

It’s Legally Required

Reach a Larger Audience

Better User Experience for Everyone

Boost SEO and Discoverability

How to Prepare for the EAA

Overlays: The Quick Fix That Falls Short

The Upside of Accessibility

Don’t Wait: Turn Accessibility into an Advantage

What Are Web Accessibility Extensions?

Popular Accessibility Extensions

Why These Tools Are Helpful

The Limits of Accessibility Extensions

Practical Steps for Using Accessibility Extensions

Going Beyond Extensions: Manual Testing & Real Users

Professional Tools and Services

Additional Resources to Explore

Conclusion

Why Accessibility in Emails Matters

The Business Case for Accessible Emails

Why Marketing Emails Tend To Be Inaccessible

Building an Accessibility Checklist for Emails

Template Setup (One-Time Fixes)

Campaign-Level Fixes

Testing and QA for Your Accessible Emails

Manual Testing

Automated Testing Tools

A/B Testing

Accessibility Best Practices for Email Design

Encouraging a Culture of Accessibility

Conclusion

Evolving Accessibility Standards in 2025

Government Enforcement and Legal Implications

Accessibility as a Business Imperative

Legal Implications

Market Potential in 2025

Competitive Advantage

Challenges and Misconceptions

The Myth of Overlays

Fear of Cost

The Role of Technology in Accessibility

Practical Steps to Get Started in 2025

Maintain and Monitor Accessibility

Looking Ahead: The Future of Accessibility

The Problem with display: none

The Clip Pattern: A Better Approach

Why the Clip Pattern Works

Managing Visibility with aria-hidden and the hidden Attribute

aria-hidden="true"

HTML5 hidden Attribute

Best Practices for Accessible, Visually-Hidden Content

1. Use Semantic HTML

2. Avoid Hiding Focusable Elements

3. Provide Context for Hidden Content

The Problem with `display: none`

Managing Visibility with `aria-hidden` and the `hidden` Attribute

`aria-hidden="true"`