216digital.
Web Accessibility

ADA Risk Mitigation
Prevent and Respond to ADA Lawsuits


WCAG & Section 508
Conform with Local and International Requirements


a11y.Radar
Ongoing Monitoring and Maintenance


Consultation & Training

Is Your Website Vulnerable to Frivolous Lawsuits?
Get a Free Web Accessibility Audit to Learn Where You Stand
Find Out Today!

Web Design & Development

Marketing

PPC Management
Google & Social Media Ads


Professional SEO
Increase Organic Search Strength

Interested in Marketing?
Speak to an Expert about marketing opportunities for your brand to cultivate support and growth online.
Contact Us

About

Blog

Contact Us
  • How Automated Scans Help (and Fail) Accessibility

    Have you ever clicked on a website and immediately gotten lost because nothing seemed to work the way you expected? Maybe you couldn’t find the right button, or the page layout was all over the place. Now imagine facing those same frustrations but with the added challenge of a visual, auditory, or motor disability. Navigating the web shouldn’t feel like an obstacle course—it should be intuitive and inclusive for everyone.

    If you’re a website owner or business owner in the United States, you might already know that accessibility is becoming more than just a nice-to-have. It’s a key part of good customer service, protects you from legal risks, and, quite simply, it’s the right thing to do. But where do you start?

    One of the first steps many people take is running automated scans.

    These scans promise a quick way to spot accessibility issues on your site. Yet, while they can be extremely helpful, they’re far from perfect. In this article, we’ll explore the ups and downs of automated scans—what they can do, where they fail, and how to blend them into a solid strategy that also includes manual testing and expert help.

    What Are Automated Accessibility Scans?

    Automated scans are software tools that crawl through your website’s code, looking for red flags based on standards like the Web Content Accessibility Guidelines (WCAG)). Think of these tools like the spellcheck in your word processor: they can spot a lot of mistakes, but they can’t always tell you if you’re using the right words in the right context.

    What Do Automated Scans Detect?

    Plenty of free and paid tools exist. Some are browser extensions (like WAVE or Google’s Lighthouse), while others are built-in services that run regular checks on your website. They’re great at picking up on common coding issues such as:

    • Missing or poorly written alternative text on images
    • Low color contrast between text and background
    • Improper heading levels (skipping from an H1 to an H3 without an H2, for example)
    • Misapplied ARIA attributes
    • Certain missing form labels

    If your site has glaring accessibility mistakes, automated scans can flag those quickly. They’ll often give you a handy list of what’s wrong, along with references to WCAG guidelines or best practices on how to fix each issue. That’s a huge benefit if you’re new to accessibility and need a push in the right direction.

    How Automated Scans Can Help You

    Let’s look at some of the biggest advantages of automated scans—and how they fit into your overall web development workflow.

    Speed and Efficiency

    Manual reviews take time, especially for large websites. An automated tool, on the other hand, can process hundreds or even thousands of pages in a shorter timeframe. This is especially handy if you regularly add or change content.

    Spotting the “No-Brainers”

    Many accessibility issues are straightforward coding mistakes—like forgetting to add “alt” text to images. Automated scanners are perfect for picking up on these. They’re quick, consistent, and thorough in locating these common errors.

    Routine Monitoring

    Some automated scan tools offer scheduled checks, which is terrific for ongoing maintenance. You can set them to run weekly or monthly scans and then get alerts if something new pops up, letting you address problems before they spiral.

    Raising Awareness

    For those brand-new to digital accessibility, automated tools can serve as a mini crash course. They highlight rules like ensuring sufficient color contrast or labeling form fields properly, helping you learn accessibility basics as you go.

    Ease of Use

    Many automated scanners come with user-friendly dashboards or plugins. You don’t have to be a coding genius to interpret most of the results. Often, the tool itself provides guidance on how to fix whatever it finds.

    The Real-World Limitations of Automated Scans

    As powerful as they are, automated scans also have notable blind spots (no pun intended). If you rely solely on these tools, you could end up with a site that technically passes certain checks but still feels like a maze for users with disabilities.

    Lack of Context

    A scanner can confirm if there’s alt text on an image, but it can’t determine if that text is accurate or helpful. An automated report might be happy to see you labeled your button as “Button,” but that label doesn’t tell a user what the button actually does.

    Missing Nuances

    Some accessibility aspects aren’t purely code-based; they’re about user experience and clarity. For example, is your site’s language too complicated for people with cognitive disabilities? Or is the layout tricky for those navigating with a screen reader? Automated tools struggle with these questions because they can’t judge user-friendliness the same way a person can.

    False Flags

    It’s common to get false positives (where the tool flags a problem that might not actually be a problem) or false negatives (where the tool fails to spot a genuine issue). This can lead you down the wrong path or lull you into thinking your site is perfectly fine when it’s not.

    Limited Scenarios

    Accessibility is more than code. What happens when someone uses only a keyboard to navigate your site? Or how does your site work for someone who relies on voice commands or a screen reader? Automated scans can’t replicate all these scenarios.

    Overconfidence and the Need for Manual Testing

    Automated tools can create a false sense of security. Just because a scanner says you’re 90% accessible doesn’t mean your site is truly welcoming for all. This is where manual testing comes in.

    Beyond the Scan: Why Manual Testing Still Rules

    Manual testing is where you or a tester interacts with your site in a more human way. Yes, it’s more time-intensive, but it’s also where you’ll uncover issues an automated tool can’t detect.

    Keyboard-Only Navigation

    One of the most fundamental manual tests is trying to tab through your site without using a mouse. If you can’t reach a menu item or submit a form using only the keyboard, that’s a major red flag.

    Screen Reader Assessments

    Automated scans might say you have alt text in all the right places, but only a real screen reader test will tell you if that text makes sense in context. Does it describe important images properly? Does the reading order make sense, or does it jump around the page?

    Real Users, Real Feedback

    Inviting people with various disabilities to use your site can reveal issues you never even knew existed. Maybe certain wording is confusing, or a CAPTCHA system is impossible to complete using assistive technology. Nothing beats firsthand feedback.

    Manual testing fills the gaps that scanners leave behind, ensuring your site isn’t just “passing a test” but actually creating a positive experience. While it can require more resources (time and possibly hiring outside help), the results are worth it.

    Keeping Accessibility an Ongoing Priority

    Accessibility isn’t something you do once and forget about. Think of your website as a living, breathing entity: you add content, tweak layouts, and launch new features over time. Each change could introduce fresh accessibility challenges.

    So, how exactly do automated scans fit into a more complete approach to accessibility?

    Putting It All Together: A Holistic Accessibility Game Plan

    1. Start with an Automated Scan – Run a scan and fix low-hanging fruit, such as missing alt text and color contrast problems.
    2. Add Manual Checks – Navigate your site using only a keyboard and a screen reader. Identify areas that feel confusing or broken.
    3. Get Professional Input – If your site is critical to your business, hire an accessibility specialist for a thorough audit.
    4. Keep It Going – Schedule periodic scans, manual audits, and staff training. Accessibility should be part of your workflow.
    5. Stay Informed – Follow updates to WCAG and relevant U.S. laws, and continue learning from accessibility experts.

    The Best of Both Worlds: Automated and Manual Testing

    Achieving true web accessibility requires more than just running a quick scan—it demands a balanced approach that combines the speed of automation with the insight of manual testing. Automated tools can help identify glaring issues, but only real human interaction can ensure a seamless experience for all users. By integrating both strategies, you’re not just checking a compliance box—you’re creating a more inclusive, user-friendly web presence that benefits everyone.

    Start your journey toward full web accessibility today—reach out to 216digital using the form below! Our team of accessibility experts is ready to assess your site and provide tailored solutions to ensure that all visitors can easily access your content. Don’t let accessibility remain an afterthought—take the first step towards a more inclusive online presence now.

    Greg McNeil

    February 13, 2025
    Testing & Remediation
    Accessibility Audit, Accessibility testing, automated testing, manual audit, Manual Testing, Web Accessibility
  • The Accessibility Lawsuit Trend No One’s Talking About

    In 2025, the world of digital accessibility is more complicated and urgent than ever. Lawsuits over website accessibility are on the rise, and they are changing in ways many businesses haven’t prepared for. In the past, companies would run automated scans and assume they were safe. But a troubling new trend has emerged. Plaintiffs are now basing their legal cases on problems that only show up through manual audits. If your website is relying on automated checks alone, you could be at serious legal risk. This article explains why this shift is happening, how automated scans fall short, and what you can do right now to stay ahead.

    Why Automated Scans Are No Longer Enough

    Over the years, many accessibility lawsuits pointed to errors found by automated tools. These tools check for missing alt text on images, low color contrast, and other basic issues. But today, plaintiffs’ lawyers and accessibility consultants are using manual audits to find deeper barriers. They test how a site really works for someone with a disability. They check if a keyboard-only user can reach all parts of a form, or if a screen reader can make sense of the menu. These tests go beyond surface-level coding problems.

    Now, many businesses find themselves sued even though they passed automated scans. Plaintiffs’ experts show detailed reports from manual audits to prove real-life barriers. Lawyers and judges are giving more weight to these reports, which show that a site may look fine to the naked eye but still fail to support people with disabilities. If businesses don’t adjust, they could face serious legal costs and brand damage.

    The Problem with Automated Scans

    Automated scans still have their place. They’re great for catching low-hanging fruit like missing alt attributes or basic color contrast issues. However, they’re just one piece of the accessibility puzzle. Here are a few examples:

    Contextual Understanding

    Tools can’t interpret how a page flows from one element to another or whether a user’s journey makes sense. For instance, an automated tool might confirm that a button has a label. But it won’t confirm if that label makes sense in context—for example, “Click Here” might be flagged as accessible by an automated tool but provides zero context to screen readers.

    Dynamic Interactive Elements

    If your site has pop-ups, carousels, or complex menus, automated scans might not catch when these elements create focus issues. A user relying on keyboard navigation might get stuck or lose track of where they are on the page.

    Human Navigation Patterns

    Real users might try multiple paths to accomplish tasks, like making a purchase or filling out a form. Automated tools generally test code in a linear fashion, missing real-world usage patterns.

    Advanced ARIA Techniques

    ARIA can help screen readers identify custom elements (like drop-downs, tabs, or modals). However, it must be implemented correctly. An automated tool might only check if ARIA attributes exist, not if they are used correctly.

    Recent Case Examples Where Automated Scans Failed

    Several businesses have learned this lesson the hard way. Although you might read about them in publications like The Wall Street Journal, three notable examples include:

    Kramer Knives

    A small business specializing in handcrafted knives faced a lawsuit from a visually impaired plaintiff. Kramer Knives believed they were compliant because an automated scan showed few errors. However, manual testing uncovered keyboard navigation issues and unclear labels, resulting in legal action.

    Electric Bike Technologies

    This e-commerce business was sued for alleged inaccessibility after a plaintiff discovered barriers during manual testing. The automated scans the company had relied on were insufficient, as they didn’t catch certain interactive elements that weren’t accessible to screen readers.

    Extract Labs

    This CBD and cannabinoid products seller thought their high automated score meant they were safe. However, manual audits found significant barriers—like form fields that weren’t properly labeled and pop-up modals that trapped keyboard focus—leading to a lawsuit.

    In each instance, the businesses thought they were protected. But what they missed—those deeper, functional issues—still made their sites inaccessible to real users and vulnerable in court.

    How This Shift Could Activate a Wave of Accessibility Lawsuits in 2025

    More Lawsuits, More Targets

    Since manual audits reveal issues that automated scans ignore, it’s easier than ever for plaintiffs to build a strong legal case. E-commerce stores, healthcare websites, and travel booking sites are especially vulnerable. Their complex forms and interactive features may pass an automated check but fail real-world testing.

    The Rise of Copycat Lawsuits

    Accessibility lawsuits now follow a pattern. According to recent statistics, 41% of federal court lawsuits in 2024 targeted businesses that had already been sued before. Plaintiffs’ law firms reuse winning strategies again and again. Once they find a successful argument, they apply it to many businesses across different industries. Small businesses without in-house accessibility knowledge become prime targets. They often settle quickly to avoid higher legal costs, which makes them even more attractive to plaintiffs. These copycat lawsuits can destroy a business’s reputation and finances.

    What Website Owners Need to Do Now

    Going Beyond Automated Scans

    It’s clear that if your only strategy is running an automated scan, you’re leaving yourself wide open. You need a multi-layered approach that combines automated scanning with manual audits for a complete look at your site. Manual audits test your website in the same way real users do. 

    Testers try to navigate using only a keyboard, or with a screen reader, or with special settings to assist low vision. This approach catches hidden barriers that an automated check will never see. If possible, individuals with disabilities should be involved in testing. Their feedback is invaluable because it reflects real-world challenges that neither a tool nor a developer might anticipate.

    Creating a Proactive Accessibility Strategy

    If you want to stay off a plaintiff’s radar, or at least have a strong defense if sued, take these steps:

    Conduct a Full Accessibility Audit

    Start with an initial assessment that combines automated tools and manual audits. Identify all major barriers to accessibility on your site.

    Remediate the Issues

    Fix the problems uncovered by your audit. This might involve updating code, redesigning certain elements for better contrast and clarity, or rethinking how your site’s navigation is structured.

    Implement Ongoing Monitoring

    Accessibility isn’t a “set it and forget it” project. Every time you add a new product, page, or feature, you could introduce new barriers. Schedule periodic reviews, both automated and manual or sign up for monitoring services like Accessibility Radar (a11y.Radar).

    Train Your Team

    Developers, designers, content writers—everyone on your team should know the basics of accessibility. Make sure they understand how to write alt text, use headings properly, and maintain keyboard-friendly navigation.

    How 216digital Can Help

    If you’re feeling overwhelmed, you’re not alone. It’s a big task to ensure your website is fully accessible, especially if you’re new to web accessibility. At 216digital, we focus on making accessibility practical and achievable for businesses of all sizes.

    Our experts will test your website the way actual users do. We don’t just point out problems. We help you fix them for the long run. Whether your site needs design tweaks, code adjustments, or content changes, we’ll guide you every step of the way.

    We don’t stop there. Accessibility standards change, and we stay on top of new guidelines. We provide ongoing support to make sure your site remains accessible. By combining automated scans with manual audits, our team delivers a full view of your accessibility status.

    Take Action Today

    Many business owners don’t think about website accessibility until they get served a lawsuit. By then, it may be too late. The better plan is to act now. Start with a thorough assessment and fix any barriers before a plaintiff turns them into a legal case. If you wait, you could face serious penalties, legal fees, and harm to your brand.

    To stay protected, schedule a free accessibility risk assessment with 216digital. Our team will show you how manual audits can spot hidden barriers, and we’ll guide you on how to fix them. Avoid the growing wave of lawsuits by making your site accessible today. After all, equal access is not just a legal issue—it’s the right thing to do for your customers and your business.

    Remember: automated scans are no longer enough. By embracing manual audits, you can protect your business, serve your customers better, and stay on the right side of the law. Don’t wait until you become the next lawsuit headline. Act now and secure your place as a leader in digital accessibility.

    Greg McNeil

    February 5, 2025
    Legal Compliance
    2025, Accessibility, Accessibility Audit, Accessibility testing, ADA Lawsuit, manual audit, Manual Testing, Web Accessibility
  • Can Free Web Accessibility Tools Improve Your Website?

    If you’re new to website accessibility, you might feel a bit overwhelmed by all the information out there. You may have heard about legal requirements, user experience best practices, and even some fancy-sounding tools. But where do you begin? Maybe you’re wondering if a few free tools can do everything you need or if you’ll have to hire an expert. Rest assured, even small improvements can have a huge impact on your audience. We’ve also rounded up some of the best free tools to get you started—so you can begin making a difference right away without breaking the bank. It’s all about progress over perfection, so let’s dive in!

    What is a Website Accessibility Audit?

    A website accessibility audit is a thorough evaluation of your website to identify barriers that might prevent people with disabilities from accessing your content. These barriers can include issues with navigation, readability, or compatibility with assistive technologies like screen readers. The goal of an audit is to ensure that everyone uses your website, regardless of their abilities.

    Why Conduct a Website Accessibility Audit?

    Before we jump into the free tools, let’s talk about why accessibility matters. For starters, it’s the right thing to do. Everyone deserves a fair shot at using the web. But it also has major perks for you:

    Better User Experience

    An accessible website isn’t just for people with disabilities; it improves the experience for all users. When users can quickly find what they need and interact seamlessly, they’re more likely to stay longer, return, and even convert. Simply put, good accessibility means a smoother, more satisfying experience for all.

    Higher Search Engine Rankings

    Search engines favor websites with a clear structure and good usability, which means accessibility improvements can also boost your SEO.

    Legal Compliance

    Many regions, including the United States, have laws requiring websites to be accessible. Conducting regular accessibility audits helps ensure your site meets standards like the Americans with Disabilities Act (ADA), reducing legal risks and reinforcing your commitment to inclusivity.

    By using web accessibility tools, you can tackle these challenges in a manageable way. It’s all about finding the issues, understanding them, and fixing them one step at a time.

    Top Free Web Accessibility Tools

    Now, let’s explore some of the best free web accessibility tools out there. These tools can give you a snapshot of common issues—like color contrast problems or missing headings—and help you decide what to fix first.

    1. WAVE (Web Accessibility Evaluation Tool)

    WAVE is a free browser extension and online service. You just plug in your site’s URL, and it gives you a report. WAVE highlights issues in real-time, pointing out where you might need better alt text or labeling. It also marks contrast errors. Because it’s from WebAIM, you know the tool has a solid background in accessibility guidelines.

    How to Use WAVE

    • Visit the WAVE website.
    • Enter your website URL or upload a file.
    • Review the visual feedback and detailed report to identify and fix issues.

    2. Google Lighthouse

    Google Lighthouse is built right into the Google Chrome browser. If you open your site, press the “F12” key (on Windows), and head to the “Lighthouse” tab, you can run an accessibility audit. It scores your site on things like color contrast, proper headings, and more. It’s not perfect, but it’s a great jumpstart in your journey to a more accessible site.

    How to Use Google Lighthouse

    • Open your website in Google Chrome.
    • Right-click and select “Inspect” to open DevTools.
    • Navigate to the “Lighthouse” tab.
    • Choose the “Accessibility” category and run the audit.
    • Analyze the generated report and address the highlighted issues.

    3. Contrast Checker by WebAIM

    Ever squinted at text because it was too light? The Contrast Checker helps you avoid that by testing color pairs. You type in your text color and background color, and it tells you if they meet the WCAG (Web Content Accessibility Guidelines) standards. This is one of those web accessibility tools that’s simple but very effective.

    How to Use the Contrast Checker

    • Go to the WebAIM Contrast Checker page.
    • Enter the foreground (text) and background color values.
    • The tool will indicate whether the contrast ratio meets WCAG standards.

    4. Accessibility Insights

    Accessibility Insights is a free, open-source tool from Microsoft. It offers both automated checks and guided manual tests. The automated checks are quick and easy, while the guided process teaches you how to find deeper issues. This makes it one of the more beginner-friendly web accessibility tools out there.

    Practical Steps to Improve Your Website’s Accessibility

    Using these free web accessibility tools is just the beginning. After you get your scan results, you need to take action. Here are a few steps you can start with:

    1. Add Alt Text to Images: Make sure every image has a helpful text description. This is especially important if the image contains meaningful information.
    2. Use Proper Headings: Structure your content with <h1> for titles, <h2> for main sections, and so on. This helps screen reader users navigate your pages.
    3. Check Color Contrast: Use a tool like Contrast Checker by WebAIM to ensure your text is visible against its background.
    4. Label Your Forms: Make sure all form fields have clear labels. This helps screen reader users fill out forms without confusion.
    5. Add Descriptive Link Text: Avoid vague text like “click here.” Instead, describe what the link leads to, such as “View our Accessibility Guide.”

    Keep in mind that these improvements benefit everyone, not just users with disabilities. People browsing on mobile devices, for example, appreciate clear structure and easy-to-read text, too.

    Technical Explanations Made Simple

    WCAG

    The Web Content Accessibility Guidelines are like the rules of the road for website accessibility. They tell you the best practices for things like color contrast, keyboard navigation, and more.

    Screen Readers

    These are programs that read text on a screen aloud for people who can’t see the content. If your site is poorly structured, screen readers may stumble, making your site frustrating or even impossible to use.

    ARIA Tags

    ARIA (Accessible Rich Internet Applications) tags help make dynamic content accessible. If you have dropdown menus or pop-up windows, ARIA can signal to assistive technologies how those elements should behave.

    By understanding these basics, you can go beyond just automated scans and make meaningful changes.

    The Limitations of Free Tools

    As great as these free web accessibility tools are, they can only do so much. They mostly check for errors that can be caught by automated rules. They might flag missing alt text or color contrast issues, but they can’t always figure out the context of an image or the logic behind a complex form. They also can’t simulate how a person using a screen reader or keyboard-only navigation might interact with your site. In fact, automated scans can only detect around 30% of accessibility errors. That means you’ll still have hidden issues that only a real user with assistive technology or a skilled reviewer can uncover.

    It’s a bit like relying on a spelling checker to edit a long report. Sure, it catches most misspellings, but not the misused words or awkward sentences. You still need a human editor to clean it up completely.

    Moving Forward With a More Inclusive Website

    Free web accessibility tools give you a fantastic starting point. They shine a light on basic issues and help you learn the ropes of website accessibility. But remember that these scans only catch about a third of the barriers your visitors might face. That’s why a deeper dive—like manual testing, user feedback, and expert reviews—is so important.

    By taking these first steps, you’re already showing you care about providing an inclusive and welcoming space for everyone. Ready to keep going? We at 216digital can help you take your accessibility journey to the next level. Whether you need a more comprehensive audit, expert guidance, or hands-on assistance, our team is here to make sure your site truly meets the needs of all users. Reach out today, and let’s keep building a more accessible web—together!

    Greg McNeil

    January 28, 2025
    Testing & Remediation
    Accessibility, Accessibility testing, automated testing, evaluation tools, Web Accessibility, Web accessibility tools
  • Accessibility Testing: Prioritize Fixes That Truly Matter

    Accessibility can feel like an overwhelming mountain to climb. Every round of accessibility testing uncovers new problems—some obvious, others hidden deep in the code or design. Where do you start when everything seems important? What if you tackle the wrong issue first, leaving users still stuck?

    These questions are important, and the answers can transform how your website serves all visitors. This guide isn’t just about fixing problems—it’s about focusing your efforts where they matter most. By exploring WebAIM’s four-level severity framework, you’ll learn how to prioritize issues effectively and make meaningful progress toward an inclusive website. Let’s dive in and figure this out together.

    WebAIM’s Four-Level Severity Framework

    WebAIM (Web Accessibility in Mind) categorizes accessibility issues into four levels of severity based on their impact on users. These categories help prioritize fixes by focusing on barriers that significantly affect user experience and access.

    Critical Issues

    Critical issues completely block users from accessing specific parts of your website or performing essential tasks. Addressing these issues should be the highest priority. Examples include:

    • Interactive elements, such as buttons or form inputs, that cannot be reached or activated using a keyboard.
    • Videos without captions, which exclude users who are deaf or hard of hearing.
    • Content that flashes or strobes in a way that could cause seizures for individuals with photosensitive epilepsy.

    To prevent these barriers, developers should prioritize using accessible, native HTML elements and perform thorough accessibility testing, including keyboard and screen reader evaluations, during the development process.

    Significant Issues

    Significant issues do not entirely block access but make interacting with the website cumbersome or frustrating for users. Examples include:

    • Missing visual focus indicators, which make it challenging for keyboard users to identify the currently focused element.
    • Poor color contrast that makes text difficult to read for users with visual impairments.

    These issues disrupt the user experience and should be addressed soon after critical issues to enhance accessibility.

    Moderate Issues

    Moderate issues require users to expend unnecessary effort or time to navigate and interact with web content but do not entirely impede access. Examples include:

    • Lack of properly structured semantic HTML, such as headings and regions, which slows navigation for screen reader users.
    • Generic or vague  descriptive link text (e.g., “Click here”) that fails to describe the destination or action clearly.
    • Animations that lack user controls, making it difficult for some users to focus on other content.

    Comprehensive accessibility testing ensures these moderate issues are identified and addressed to improve usability for all users.

    Minor Issues

    Minor issues do not create significant barriers but contribute to a polished and professional user experience when resolved. Examples include:

    • Slight inconsistencies in focus styles for keyboard navigation.
    • Overuse of ARIA attributes, such as redundant tabindex values on elements that are already focusable.

    While not urgent, fixing minor issues during routine updates demonstrates attention to detail and commitment to accessibility best practices.

    Step-by-Step Guide to Prioritizing Accessibility Fixes

    Feeling unsure where to start? Don’t worry—you’re not alone. Here’s a simple plan to categorize and tackle accessibility issues step by step:

    1. Conduct a Comprehensive Accessibility Audit

    Begin by testing your site with tools like  WAVE and Lighthouse. Then, complement these results with manual testing—navigate your site with a keyboard, try a screen reader, and zoom your browser window. Automated tools catch many issues, but hands-on testing uncovers usability challenges they miss.

    2. Categorize Issues by Severity

    Use WebAIM’s framework to prioritize fixes:

    • Critical issues should top your list, as they directly prevent access.
    • Serious issues come next, addressing significant usability gaps.
    • Moderate and minor issues can be grouped for later phases.

    A structured approach to accessibility testing ensures the most pressing barriers are resolved first.

    3. Consider the Impact on Your Audience

    Think about how each issue affects your users. For example, missing alt text on product images affects a wide audience and should take precedence. If you have user feedback, use it to identify pain points that need urgent attention.

    4. Focus on High-Traffic and High-Value Pages

    Start your efforts where they’ll have the greatest impact:

    • Homepage and landing pages.
    • Key interaction points like forms or checkout pages.
    • Frequently accessed resources such as blogs or FAQs.

    By targeting these areas during accessibility testing, you ensure that the improvements benefit the largest number of users.

    5. Use a Phased Approach for Moderate and Minor Issues

    After resolving critical and serious issues, create a plan for tackling moderate and minor ones. For instance:

    • Update heading structures during new content creation.
    • Fix descriptive link text during routine content reviews.

    Breaking these tasks into smaller phases makes the process manageable and less overwhelming.

    6. Test and Retest

    After making fixes, conduct accessibility testing again. If possible, involve users with disabilities to confirm your solutions work in real-world scenarios. Their feedback is invaluable and can guide future improvements.

    Tools and Techniques for Effective Accessibility Testing

    A good mix of tools and techniques ensures you catch both technical and usability issues. Here’s what to try:

    • Automated Tools: WAVE and Lighthouse are great for spotting common errors.
    • Manual Testing: Use a keyboard or screen reader to experience your site like some users do.
    • Color Contrast Checkers: WebAIM’s Contrast Checker ensures text is easy to read.
    • User Testing: Working with people who have disabilities provides first hand insights.

    Why Prioritization Matters

    Prioritizing fixes has clear benefits:

    • Faster Results: You can address critical barriers quickly and make your site accessible sooner.
    • Better Use of Resources: Time and budget go toward solving high-impact problems.
    • Happier Users: Fixing severe issues first improves usability for everyone.

    Taking things one step at a time, with regular accessibility testing, makes the process less overwhelming and helps you steadily improve your site.

    Final Thoughts

    Accessibility can feel like a big undertaking, but it doesn’t have to be. By focusing on the most critical barriers first and conducting consistent accessibility testing, you can make real progress without burning out. Accessibility isn’t a one-time project—it’s an ongoing commitment to creating a better digital experience for all.

    Imagine how many more people could enjoy your site if it were accessible to everyone. Whether you’re a developer, IT director, or content creator, each step you take helps make the web a more inclusive place.

    And you don’t have to do it alone. 216digital is here to help. From audits to ongoing accessibility testing and monitoring, we’ll guide you every step of the way. Together, we can create a website that’s user-friendly, inclusive, and aligned with the latest standards. Schedule your consultation today, and let’s get started making your site the best it can be!

    Greg McNeil

    January 21, 2025
    How-to Guides
    Accessibility, Accessibility testing, automated testing, How-to, WebAIM, Website Accessibility
  • How to Use JAWS for Screen Reader Testing

    For millions of people with visual impairments, screen readers like Job Access With Speech (JAWS) are essential for navigating the digital world. According to a 2024 WebAIM survey, JAWS continues to lead the way as one of the most widely used screen readers, with 41% of respondents relying on it—outpacing other tools like NonVisual Desktop Access (NVDA) and Apple VoiceOver.

    If you’re focused on building an accessible digital experience, incorporating screen reader testing into your workflow is a must. Not only does it help you create a more inclusive website, but it also supports compliance with accessibility laws like the Americans with Disabilities Act (ADA), WCAG standards, and more.

    In this guide, we’ll break down how to use JAWS for accessibility testing, explore essential commands, and share tips for improving your website’s usability. But first, a quick look at what makes it such a powerful tool.

    What is JAWS?

    JAWS, developed by Freedom Scientific, is a screen reader that converts on-screen text into speech or braille for users who are blind or visually impaired. It allows users to navigate websites, applications, and documents without needing to see the screen.

    JAWS is one of the most popular screen readers globally, making it an essential tool for web accessibility testing. By simulating how users rely on assistive technologies, JAWS helps you identify barriers that may prevent someone from fully engaging with your website.

    Why is JAWS Essential for Accessibility Testing?

    Accessibility testing is about ensuring everyone, regardless of ability, can interact with your website. JAWS plays a vital role in this process because:

    • Real-World Simulation: JAWS mimics how many visually impaired users experience the web, allowing you to uncover issues that automated tools might miss.
    • WCAG Compliance: Testing with JAWS helps ensure your website complies with the Web Content Accessibility Guidelines (WCAG), a global standard for digital accessibility.
    • Improved User Experience: By identifying and fixing accessibility barriers, you create a more inclusive, user-friendly experience for all visitors.

    How to Set Up JAWS

    1. Download and Install JAWS: Visit the Freedom Scientific website to download JAWS. While it’s a paid tool, a 40-minute free demo mode is available for testing purposes.
    2. System Requirements: Ensure your computer meets the system requirements. JAWS works on Windows but does not support macOS directly.
    3. Set Up Your Environment: Use headphones to listen while testing so the screen reader’s output doesn’t interfere with other tasks.
    4. Familiarize Yourself with the Settings: Spend time exploring the settings menu to adjust speech rate, verbosity, and other preferences.

    Key JAWS Commands You Need to Know

    Learning a few essential JAWS commands will make testing faster and more effective. Here are some basics to get you started:

    • Navigating Headings: Press H to jump to the next heading and Shift + H to go to the previous heading.
    • Lists: Press L to move to the next list and I to navigate to individual list items.
    • Links: Use Tab to navigate through links or Insert + F7 to bring up a list of all links on the page.
    • Forms: Press F to jump to the next form field and Shift + F to go to the previous one.
    • Read the Page: Use Insert + Down Arrow to read the page continuously or Arrow Keys for manual reading.

    Step-by-Step Guide to Testing Web Accessibility with JAWS

    Start with the Homepage

    Open your website’s homepage and let JAWS read through it. Check if the content flows logically and whether important elements, like headings and links, are announced correctly.

    Test Navigation

    Use the Tab key to navigate through links and interactive elements. Ensure focus indicators are visible and links are descriptive (e.g., “Learn More” should specify the action or page it leads to).

    Evaluate Headings

    Press Insert + F6 to bring up a list of headings. Verify that they are hierarchical and descriptive, making it easier for users to navigate.

    Check Forms

    Navigate through form fields using the F key. Test for proper labeling, keyboard navigation, and error message announcements.

    Test Images and Alt Text

    JAWS will read the alt text of images. Ensure images have descriptive alt text and that decorative images are marked appropriately (e.g., as null or empty).

    Assess ARIA Roles and Landmarks

    Use JAWS to test ARIA roles, landmarks, and live regions. Verify that these elements provide meaningful context to screen reader users.

    Document Issues

    As you test, document any barriers you encounter, such as missing alt text, unclear link descriptions, or inaccessible forms. Include the steps to replicate the issue and suggest solutions.

    Tips for Effective JAWS Testing

    • Pair with a Keyboard-Only Test: Ensure your website is fully navigable using only a keyboard, as this is crucial for screen reader users.
    • Listen Critically: Pay attention to how JAWS announces content. Confusing or incomplete announcements signal a need for improvement.
    • Focus on User Experience: Think about how easy it would be for a JAWS user to accomplish key tasks on your website, such as making a purchase or finding contact information.
    • Test Multiple Pages: Don’t stop at the homepage. Test a variety of pages, including forms, product pages, and blogs.

    Limitations of JAWS

    While JAWS is an invaluable tool for accessibility testing, it has limitations:

    • Cost: It is expensive, which may be a barrier for smaller teams or independent developers.
    • Learning Curve: The abundance of commands and settings can be overwhelming for beginners.
    • Not a Catch-All Solution: JAWS testing alone cannot guarantee accessibility compliance. It’s essential to pair it with other tools and techniques.

    Why JAWS Should Be Paired with Other Tools

    JAWS provides critical insights, but no single tool can capture all accessibility issues. Consider pairing it with:

    • Automated Testing Tools: Tools like WAVE and Lighthouse can quickly identify common issues, such as missing alt text or low contrast.
    • Other Screen Readers: Testing with multiple screen readers, such as NVDA or VoiceOver, ensures compatibility across platforms.
    • Manual Testing: Involve users with disabilities in your testing process to gain authentic feedback.

    Building a More Inclusive Web

    Testing your website with JAWS is a powerful step toward creating an inclusive digital environment. By understanding how screen reader users interact with your content, you can uncover barriers and make meaningful improvements. Remember, accessibility is not just about compliance—it’s about creating a web that works for everyone.

    While JAWS is a fantastic tool, it should be part of a broader accessibility strategy that includes other tools, user testing, and a commitment to following WCAG guidelines. With the actionable insights from this guide, you’re well on your way to improving your website’s accessibility and making a positive impact on all your users.

    Let’s work together to make the web a more inclusive place!

    Need help with accessibility testing? 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

    January 16, 2025
    How-to Guides, Testing & Remediation
    Accessibility testing, assistive technology, How-to, JAWS, screen readers, user testing
  • 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
  • Keyboard Navigation: A Guide to Accessible Web Testing

    Have you ever tried using the internet without a mouse?

    For millions of people, that’s not just a thought experiment—it’s how they navigate the internet every day. Whether it’s because of physical limitations, visual impairments, or using assistive tech, the keyboard is their main tool. But here’s the thing: if your website doesn’t work smoothly with a keyboard, you’re not just creating a frustrating experience—you’re leaving people behind. 

    So, how does your site stack up? Let’s dive into why keyboard navigation matters and how it plays a key role in building an accessible web.

    Why Keyboard Navigation Matters

    Keyboard navigation is a lifeline for users who can’t rely on a mouse due to physical limitations, visual impairments, or the use of assistive technologies. Moreover, it’s an excellent starting point for testing overall web accessibility. If your website works seamlessly with a keyboard, you’re likely on track to create an inclusive experience for all users.

    How to Navigate a Website with Keyboard Shortcuts

    Before you start testing your website’s accessibility, it’s helpful to understand the most common keyboard shortcuts users rely on. These shortcuts allow people to move through links, buttons, forms, and other interactive elements.

    • Tab Key: Moves focus to the next interactive element.
    • Shift + Tab: Moves focus to the previous element.
    • Enter or Spacebar: Activates a focused element, such as clicking a link or button.
    • Arrow Keys: Scroll through pages or navigate dropdown menus.
    • Escape (Esc): Closes modals, dropdowns, or pop-ups.
    • Ctrl + F: Opens a search bar (in most browsers) to find specific content on the page.

    For Mac users on Safari, enabling full keyboard navigation is a quick adjustment:

    1. Open Safari Preferences.
    2. Go to the Advanced tab.
    3. Check the box next to “Press Tab to highlight each item on a webpage.”

    With these basics in mind, you’re ready to put your website to the test.

    Testing Your Website for Keyboard Navigation

    Keyboard testing doesn’t require fancy tools—just a keyboard, a browser, and a little know-how. Follow this step-by-step guide to evaluate your site’s accessibility.

    Start with the Basics: Can You Navigate Without a Mouse?

    Unplug your mouse and navigate through your homepage and other key pages using only the keyboard. Can you access all essential features and content?

    Check Focus Indicators

    Focus indicators are crucial for users who rely on visual cues. As you use the Tab key, ensure there’s a visible outline around the element currently in focus. Check for the following:

    • The focus indicator is easy to see and contrasts well with the background.
    • The focus moves logically through elements in the order they appear on the page.

    If the focus jumps around or disappears, it creates a frustrating experience for users.

    Test Interactive Elements

    Interactive elements like buttons, links, and form fields should be fully accessible. Specifically:

    • Can you submit a form using the Enter or Spacebar key?
    • Can you open and close modals or dropdown menus with the keyboard?
    • Do navigation menus function seamlessly?

    Verify Skip Navigation Links

    Skip navigation links allow users to bypass repetitive elements, like menus, and jump straight to the main content. To check this:

    • Ensure the skip navigation link is present and functional.
    • Verify it’s one of the first focusable elements when using the Tab key.

    Watch Out for Keyboard Traps

    Keyboard traps occur when users get stuck in an element, like a modal or widget, and can’t move forward. Ensure users can exit these areas by pressing the Escape key or tabbing out.

    Tips for Better Keyboard Navigation

    Creating an accessible website doesn’t happen by accident. Here are a few tips to enhance keyboard navigation for all users:

    • Design with Focus in Mind: Use CSS to style focus outlines for clarity and visibility. Avoid removing focus outlines entirely.
    • Ensure Logical Focus Order: Use semantic HTML (e.g., <button> and <a>) and avoid custom elements that might disrupt natural focus flow.
    • Leverage ARIA Roles and Labels: Use ARIA (Accessible Rich Internet Applications) roles and labels to make custom components like sliders or dropdowns keyboard accessible.
    • Test Regularly: Accessibility is not a one-and-done task. Regular testing ensures your website stays accessible as it evolves.

    Common Challenges and How to Address Them

    Even with the best intentions, challenges may arise. Here are some common issues and solutions:

    • Invisible Focus: Use the :focus pseudo-class in CSS to style interactive elements for better visibility.
    • Complex Widgets: Components like carousels or accordions can lack keyboard support. Build these elements with accessibility in mind or use accessible libraries.
    • Poorly Labeled Links: Ensure all links and buttons have clear, descriptive text or labels so users know what action they’ll perform.

    Why Focus on Keyboard Navigation?

    Beyond accessibility, testing your website for keyboard navigation improves overall user experience and usability. Keyboard accessibility is often a foundation for ensuring compatibility with screen readers and other assistive technologies. If your website works well for a keyboard user, it’s likely on its way to meeting broader accessibility standards like WCAG 2.1.

    Next Steps: Make Your Website Keyboard-Accessible

    Keyboard navigation is more than just a best practice—it’s a cornerstone of inclusive design that invites everyone to participate fully on the web. By ensuring your site is keyboard-accessible, you create a welcoming experience for users of all abilities, reinforce your brand’s commitment to accessibility, and lay a strong foundation for broader ADA compliance.

    If you’re ready to take the next step toward digital inclusion, reach out to 216digital to schedule an ADA briefing. We’ll help you assess your website, develop a tailored plan, and guide you through the process of building an online presence that works for everyone. Don’t wait—contact us today and let’s make the internet a more accessible place together.

    Greg McNeil

    December 24, 2024
    How-to Guides, Testing & Remediation
    Accessibility testing, keyboard accessibility, Keyboard Navigation, User Experience, Web 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
  • The Human Touch: Manual Testing for Web Accessibility

    Developing an accessible website goes far beyond simply checking off boxes for legal or regulatory compliance. It’s about making sure that every person, regardless of ability, can comfortably interact with and understand your online content. While automated tools are excellent for quickly spotting many accessibility problems, they can only take you so far. To catch the subtler issues—the ones that can truly affect the user experience—you need the human touch.

    This guide will walk you through the essentials of manual testing. By following these steps, you’ll ensure that your website meets the standards of the Web Content Accessibility Guidelines (WCAG) and provides an inclusive experience for everyone.

    Why Manual Testing is Important

    It might seem tempting to rely only on automated tools for accessibility testing. After all, these tools are fast, can scan entire sites in minutes, and give you neat reports listing potential issues. While that’s helpful, there’s an important piece of the puzzle they can’t fill in on their own.

    Studies suggest that automated tools detect only about 30% of accessibility barriers on a website. That means a whopping 70% of potential issues can go unnoticed if you don’t involve human testers. Why does this happen? Because many aspects of accessibility are about meaning, clarity, and usability—qualities that a computer program can’t fully judge.

    For example, an automated tool can tell if an image tag has “alt” text, but it can’t determine if that text accurately describes what’s in the image. A tool might confirm that you’ve included headings, but it can’t decide if those headings help users understand the structure and purpose of your page.

    Manual testing allows you to catch these subtle issues. By combining automated scans with hands-on checks, you’ll create a complete approach to accessibility. This balanced method ensures that both the technical side and the real-life user experience are taken into account, leading to a more inclusive and welcoming digital environment.

    What Is Included in a Manual Audit?

    If you’re aiming for a website that not only checks the boxes on WCAG compliance but genuinely serves people of all abilities, a manual audit is key. The process involves a series of steps, from planning your testing scope to verifying that users can interact with your site in many different ways. Below, we’ll break down some core areas to consider in your manual testing efforts.

    Developing a Testing Plan

    Think of your testing plan as your roadmap. Before you begin, decide which pages, sections, and features of your site you’ll test. Maybe you’ll start with your homepage, or perhaps you’ll focus on your online store’s product pages, since that’s where most visitors end up. Consider the parts of your site that handle important tasks, like your checkout process or contact forms. These areas often matter most to users and should be top priorities.

    Creating a well-structured plan helps you stay on track. As you test, keep good notes. Document where you find issues, what kind of barriers they create, and ideas for fixing them. This record will not only guide your repair work but also help you understand how your site’s accessibility improves over time.

    Evaluating Keyboard Navigation

    A simple yet powerful first step is to test your website using only a keyboard. Many individuals rely on a keyboard instead of a mouse because of physical or visual impairments. To do this, unplug your mouse and try navigating your site with the Tab, Shift + Tab, Enter, and arrow keys.

    As you move through links, buttons, menus, and form fields, watch for a visible highlight or outline showing which element is currently selected (often called the “focus indicator”). If your focus gets “stuck” or disappears, that’s a sign of a problem. Users who depend on keyboard navigation should be able to move through your entire site easily and understand exactly where they are at all times.

    If you find any trouble spots—like a pop-up menu that traps the focus—make note of it. Fixing these issues can make your site smoother and more intuitive for a wide range of visitors.

    Manual Testing Compatibility with Screen Readers

    Screen readers, such as NVDA, JAWS, and VoiceOver, help users with visual impairments navigate the web by reading page content aloud. To test compatibility, pick one of these tools and open your website. As you listen, ask yourself: Is the content announced in a clear, logical order? Do headings, links, and images make sense when read aloud?

    Pay special attention to images. If an image conveys important information, its alt text should describe what’s shown and why it matters. If an image is only decorative, it should have a null alt attribute, so the screen reader will skip it. Your goal is to ensure that someone who can’t see the screen can still understand what’s there and how to interact with it.

    Checking Color Contrast

    Good color contrast isn’t just about making your site look nice—it’s about ensuring that everyone can read your content comfortably. People with low vision or color blindness might struggle to read text that doesn’t stand out enough from the background.

    Use tools like WebAIM’s Contrast Checker to test your text and background color combinations. If the contrast is too low, adjust your colors until they meet the guidelines. Even a small improvement can make a big difference in how well users can read and engage with your content.

    Reviewing Captions for Multimedia Content

    Videos and audio clips add depth and interest to your site, but they also need to be accessible. Captions ensure that users who are deaf or hard of hearing can understand spoken content. If your videos have dialogue, instructions, or any important information, make sure they come with accurate captions that match the timing and meaning of the audio.

    In some cases, you might need audio descriptions for users who can’t see the visuals. If your video shows data charts, important text, or other key details, consider adding a voice-over description to explain what’s on the screen.

    Ensuring Accessible Forms

    Forms are essential parts of many websites, whether they’re for signing up for a newsletter, making a purchase, or submitting a support request. Yet forms often pose accessibility challenges when they’re not labeled or organized correctly.

    To test form accessibility, try navigating your forms using a keyboard and a screen reader. Do form fields have clear labels that the screen reader announces as you move through them? When errors occur, do the error messages explain the problem in simple terms and guide the user to fix it?

    Paying extra attention to forms can go a long way toward making your site welcoming and easy to use.

    Testing Skip Navigation Links

    Skip navigation links are small but mighty features. They let users skip over repetitive elements—such as large navigation menus—and jump straight to the main content. This is especially helpful for those who rely on a keyboard or a screen reader, as it saves them from having to tab through the same menu items over and over.

    To check for skip navigation links, start navigating your site from the top. See if there’s a “Skip to main content” link or something similar. If it’s missing, adding one can make browsing much more efficient for many users.

    Verifying Link Text

    Have you ever seen a link that just says “click here”? Without surrounding context, that’s not very helpful. People using screen readers often scan links out of their context, so vague link text can be confusing.

    Review all the links on your site and ask yourself: Does the text describe the link’s purpose? For example, “Click here for our latest report” is less helpful than “Download our latest report.” The latter tells users exactly what they’ll get if they follow that link.

    Reviewing Dynamic Content

    Modern websites often feature dynamic elements like pop-ups, slideshows, or modal windows. While these can be visually appealing and helpful, they can also cause confusion if not set up properly. For instance, a modal window might appear over the rest of the content, but if a screen reader user isn’t informed that it popped up, they might continue reading the content behind it without knowing there’s something else to consider.

    Test these features by opening them with a keyboard and listening with a screen reader. Make sure the screen reader announces the new content and that it’s easy to close the pop-up and return to the main page content. Users should feel in control of their experience at all times.

    Documenting Issues and Prioritizing Fixes

    As you work through manual testing, keep detailed notes. Write down any issues you find, along with the steps you’ll need to correct them. Consider how severe each problem is: Does it block users from completing critical tasks, or is it a minor inconvenience?

    By sorting issues into categories—such as “high priority” or “low priority”—you can tackle the most urgent problems first. This approach helps you make steady progress and ensures that you address the biggest barriers right away.

    Building a More Inclusive Website with 216digital

    Manual testing might feel like a big job, but it’s a crucial part of creating a web experience that works for everyone. By planning your testing, checking keyboard navigation, using screen readers, ensuring proper color contrast, reviewing captions, making forms accessible, adding skip links, refining link text, and handling dynamic content correctly, you’ll identify and fix the issues that really matter.

    When your website meets WCAG guidelines and is comfortable to use for people of all abilities, you strengthen your brand’s reputation and reach a wider audience. It’s not just about avoiding legal risks or ticking compliance boxes—though that’s important, too. It’s about showing that you value every visitor and believe they deserve equal access to your information, products, and services.

    If you’re looking for personalized help in making your website ADA compliant, consider reaching out to 216digital. Our experts can provide an ADA briefing and guide you through the finer points of web accessibility, ensuring that you create an inclusive, user-friendly online environment that supports everyone who visits your site.

    Greg McNeil

    December 3, 2024
    How-to Guides, Testing & Remediation
    Accessibility, Accessibility testing, manual audit, Manual Testing, WCAG
  • A Guide to Web Accessibility Evaluation Tools

    Creating a website that works for everyone isn’t just about ticking off legal checkboxes—it’s about ensuring every visitor, regardless of ability, can navigate your site with ease and enjoy their experience. Even if you’re familiar with web accessibility, it’s easy to wonder: Have I missed anything? Are there barriers I didn’t notice?

    As digital inclusion becomes increasingly vital, ensuring your website is truly accessible is essential. So, how can you confidently create a welcoming space for all? That’s where web accessibility evaluation tools come in.

    These tools simplify the process of identifying and addressing barriers, helping you build an inclusive website while enhancing the user experience. Let’s explore how they work, why they matter, and how to choose the right one for your needs.

    What Are Web Accessibility Evaluation Tools?

    Web accessibility evaluation tools are designed to analyze websites for accessibility issues. Think of these tools as the first line of defense in identifying problems that might hinder someone with visual, auditory, or cognitive impairments from fully engaging with your content.

    These tools scan your website pinpointing issues like poor color contrast, missing alt text for images, or broken keyboard navigation. Some go further, offering continuous monitoring and integration with development workflows.

    Why Are They Important?

    Using a web accessibility evaluation tool is more than a technical step—it’s a commitment to inclusivity and compliance. Here’s why they’re indispensable:

    • WCAG Compliance: Web Content Accessibility Guidelines (WCAG) standards are the backbone of digital accessibility. Tools help you identify and address non-compliance to avoid legal risks.
    • User Experience: Accessibility isn’t just for people with disabilities; it improves usability for everyone. For example, captions benefit not only those who are deaf but also people in noisy environments.
    • Boost Brand Reputation: An accessible website shows your commitment to inclusion, fostering goodwill and loyalty among your audience.
    • Legal Protection: With lawsuits over inaccessible websites on the rise, staying compliant minimizes legal vulnerabilities.

    Benefits of Using Web Accessibility Evaluation Tools

    • Efficient Issue Detection: Automated tools can scan your website in minutes, identifying accessibility barriers that might take hours to find manually.
    • Enhancing the User Journey: Accessibility issues often overlap with usability problems. Fixing these barriers creates a smoother and more enjoyable experience for all visitors.
    • Avoiding Legal Issues: Addressing accessibility gaps proactively reduces the likelihood of being targeted by lawsuits related to digital accessibility.
    • Cost-Effective Improvements: Automated tools are an affordable starting point for businesses that need to improve their websites without a major investment.
    • Sustained Accessibility: Continuous monitoring ensures your website remains accessible even as you update or expand its content.

    How to Choose the Right Accessibility Evaluation Tool

    When selecting a tool, start by asking these questions:

    • What’s my budget?
    • Do I need ongoing monitoring or a one-time scan?
    • How user-friendly does the tool need to be for my team?

    For small businesses, look for tools with simple interfaces and strong customer support. Larger organizations may need advanced features like integrations and robust reporting.One tool worth considering is Accessibility Radar (a11y.Radar), which provides real-time monitoring, actionable insights, and scalable solutions for businesses of all sizes.

    What to Look for in Web Accessibility Evaluation Tools

    Not all tools are created equal. To get the most out of a web accessibility evaluation tool, focus on these features:

    • Automated Scanning: Quickly detect common issues like missing ARIA labels or unstructured content to get a big-picture view of potential accessibility gaps.
    • Real-Time Monitoring: For frequently updated websites, real-time monitoring ensures new issues are caught as they appear. Tools like a11y.Radar  excel at providing continuous oversight.
    • Integration Options: Choose tools that integrate seamlessly with your existing systems, such as your CMS, analytics platforms, or development tools.
    • Actionable Reporting: Look for tools that provide clear, prioritized reports so your team knows where to focus their efforts.
    • Customizability: Tailor the tool to address your site’s unique needs and align with relevant accessibility standards.

    a11y.Radar ADA Monitoring 

    a11y.Radar is an automated recurring ADA web compliance auditing platform. Through our work in the trenches of the ADA web remediation space, we were able to reverse-engineer the process in which many of the prolific ADA non-compliance lawsuit firms identify their targets. We realized that the vast majority of cases are filed solely based on the results of automated scanning tools, so we developed Accessibility Radar as a hands-off method of keeping you out of their crosshairs.

    How Does a11y.Radar ADA Monitoring Work?  

    a11y.Radar ADA monitoring service reports on your ongoing accessibility efforts, whether conducted by your internal digital teams or an outside web agency. Access enhanced dashboards and receive updates to content, code, and user experience that could pose potential blocks to users or threaten your accessibility standards. In addition, our seamless interface allows your team members to view current issues and manage pending adjustments.

    Limitations of Automated Tools

    It’s important to acknowledge that even the best web accessibility evaluation tool can’t catch everything. Automated tools are great for spotting obvious issues, but they might miss nuances that only a human can detect. For example, determining whether alt text appropriately describes an image often requires human judgment.

    To bridge these gaps, combine automated tools with manual testing. This hands-on approach helps identify issues that software alone can’t catch. This means involving people—preferably those with disabilities or experts in web accessibility—in testing your website. Manual testing can uncover issues related to usability and user experience that automated tools might overlook.

    Practical Tips for Using Accessibility Tools

    • Start with an Automated Scan: Identify low-hanging fruit like fixing color contrast or adding alt text to images.
    • Prioritize Fixes: Focus on the most significant barriers affecting users, such as navigation or text readability.
    • Educate Your Team: Make sure your developers and content creators understand the tool’s insights and how to implement changes effectively.
    • Schedule Regular Checks: Accessibility is an ongoing process, not a one-time task. Use tools to monitor your site periodically.

    Make Accessibility a Priority

    Digital accessibility isn’t just a legal consideration—it’s a business advantage. By using web accessibility evaluation tools like a11y.Radar, you can identify barriers, enhance user experience, and demonstrate your commitment to inclusivity.

    Ready to take the next step toward a more accessible website? Schedule an ADA briefing with 216digital to learn how a11y.Radar can provide real-time monitoring and actionable insights tailored to your needs. Together, we’ll help you build an inclusive, user-friendly website that welcomes everyone.

    By investing in accessibility, you’re investing in your audience and building a stronger, more inclusive brand. Don’t wait—reach out to 216digital today and make your website a space where everyone feels welcome.

    Greg McNeil

    November 25, 2024
    Testing & Remediation, Web Accessibility Monitoring
    Accessibility, Accessibility monitoring, Accessibility testing, evaluation tools, Website Accessibility, Website Accessibility Tools
Previous Page
1 2 3
Next Page
216digital Scanning Tool

Audit Your Website for Free

Find Out if Your Website is WCAG & ADA Compliant













    216digital Logo

    Our team is full of expert professionals in Web Accessibility Remediation, eCommerce Design & Development, and Marketing – ready to help you reach your goals and thrive in a competitive marketplace. 

    216 Digital, Inc. BBB Business Review

    Get in Touch

    2208 E Enterprise Pkwy
    Twinsburg, OH 44087
    216.505.4400
    info@216digital.com

    Support

    Support Desk
    Acceptable Use Policy
    Accessibility Policy
    Privacy Policy

    Web Accessibility

    Settlement & Risk Mitigation
    WCAG 2.1/2.2 AA Compliance
    Monitoring Service by a11y.Radar

    Development & Marketing

    eCommerce Development
    PPC Marketing
    Professional SEO

    About

    About Us
    Contact

    Copyright 2024 216digital. All Rights Reserved.