Skip to content
216digital.
Web Accessibility

Phase 1
Web Remediation for Lawsuit Settlement & Prevention


Phase 2
Real-World Accessibility


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
  • 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
  • Using NVDA to Test Web Accessibility

    Making your website accessible isn’t just a checkbox to tick—it’s about creating a space where everyone feels welcome. Imagine trying to browse a site only to hit wall after wall because it wasn’t designed with all users in mind—that’s the reality for millions of people with disabilities. One of the most effective ways to understand and improve your site’s accessibility is by testing it with tools like NVDA (NonVisual Desktop Access). NVDA is a free, open-source screen reader for Windows that provides audio feedback, enabling users who are blind or visually impaired to explore and interact with digital content.

    If you’re a developer or designer aiming to make your website user-friendly for everyone, testing with NVDA can be a real eye-opener. This guide will walk you through everything you need to get started—from setting up NVDA to identifying common accessibility barriers. We’ll also compare NVDA with other screen readers and share tips on integrating accessibility checks into your workflow.

    Why Testing with a Screen Reader Matters

    Testing with a screen reader is crucial for building websites that everyone can use and enjoy. Did you know that over 8 million people in the United States have a visual disability? Worldwide, an estimated 2.2 billion people are affected by some form of visual impairment. That’s a considerable number of users who rely on screen readers like NVDA to navigate the web. Yet, despite this need, studies show that 95.9% of the world’s top million homepages still have detectable accessibility issues, many of which directly impact screen reader users.

    Common Accessibility Barriers

    While standards like the Web Content Accessibility Guidelines (WCAG) exist to help ensure content is accessible, there’s still a gap between ticking the compliance boxes and actual usability. Some common accessibility barriers impacting screen reader users include:

    • Missing or Incorrect Alt Text: Without alt text, images lack context, making it hard for users to understand what’s on the page.
    • Improper Heading Structure: Jumping from an H1 to an H3 heading (and skipping H2) can make navigating a page disorienting.
    • Inadequate Link Descriptions: Using link text like “Click here” doesn’t tell users where the link will take them.
    • Lack of Keyboard Navigation: If elements aren’t reachable by the keyboard, users may not be able to navigate away from certain sections.

    By testing your site with a screen reader like NVDA, you can spot and fix these barriers directly, ensuring your content is genuinely usable—not just technically accessible. This step is vital for engaging a wide audience, including customers who rely on screen readers for equal access. 

    Plus, by prioritizing screen reader accessibility, you’re not just meeting legal requirements; you’re showing that your brand values inclusivity, which can resonate with customers and build loyalty.

    Getting Started with NVDA

    Ready to dive in? First, you’ll need to install NVDA on a Windows computer. Just head over to its official website and follow the straightforward instructions. Once it’s installed, take a few minutes to explore the settings. NVDA lets you adjust things like speed, voice pitch, and how much information it reads out loud. Tweaking these settings can make your screen reader testing smoother and help you catch all the essential details without getting distracted.

    Understanding the Basics of NVDA

    At first glance, NVDA might seem a bit overwhelming, but don’t worry—once you get the hang of a few essential controls, you’ll be navigating like a pro. The main control is the Insert key, which you use along with other keys to execute commands. For example, pressing Insert + Spacebar toggles between browse and focus modes, showing how users move between different sections and interact with elements on your site.

    Key Shortcuts to Know

    • Tab: Move through interactive elements like buttons and links.
    • Shift + Tab: Go back through items, helping you check the flow of navigation.
    • H: Navigate through headings in sequence (Shift + H moves backward), which is crucial for accessibility.
    • K for links or G for graphics: Jump to specific content, helping you quickly assess if important items are accessible.

    Testing for Accessibility Barriers with NVDA

    Once you’re comfortable with NVDA, it’s time to put your website to the test. The goal is to see how easy (or difficult) it is for a screen reader user to find and understand information on your site.

    Check Your Navigation Structure

    Screen reader users rely heavily on clear navigation. Headings should be marked in a logical order, and the Tab key should move through items sensibly. As you use NVDA, please pay close attention to how it announces headings, links, and interactive elements. For instance, links labeled “Read More” can be confusing, while “Learn More About Our Services” is much more straightforward. Descriptive link text is vital to helping screen reader users navigate confidently.

    Confirm Image Descriptions

    Proper alt text is a must for images. Use the G key to move through images and listen to the descriptions NVDA reads aloud. The alt text doesn’t need to be lengthy—just informative enough to give users an idea of the image’s purpose.

    For additional information about alt text, read our article “Understanding Image Alt Text Descriptions.”

    Test Interactive Elements Like Forms

    Forms can be tricky for screen reader users if they’re not labeled well. As you move through form fields, listen to the labels NVDA reads. Each field should have a clear label, and error messages should be accessible, too. Testing with NVDA can reveal unlabeled fields or hidden error messages that might make filling out forms difficult.

    Common Accessibility Barriers to Watch For

    Using NVDA can help you spot common barriers that affect accessibility:

    • Keyboard Traps: These occur when users get stuck in one part of the page. Use the Tab and Shift + Tab keys to move around; if you find yourself stuck, it’s likely a keyboard trap.
    • Focus Indicators: Screen reader users (and keyboard users in general) need a visible marker to show where they are on the page. Test this by tabbing through your site to see if each interactive element has a clear indicator.
    • Content Flow: Listen to your site in linear order, from top to bottom. Does it make sense as you go? Unclear structure or skipped headings can confuse users trying to navigate the content in a meaningful order.

    Documenting What You Find

    As you test, it’s helpful to document any issues you come across. Be specific: note where each issue happens, what the problem is, and why it’s an accessibility issue. For example, if a button lacks a label, describe which button it is, where it’s located, and how this impacts screen reader users. Including step-by-step details on how you tested (like key sequences or what NVDA readout) can also help your team quickly recreate and fix the issue.

    Trying Out Other Screen Readers

    While NVDA is a fantastic tool, remember that users rely on different screen readers like JAWS or VoiceOver on Apple devices. Testing with more than one screen reader can uncover accessibility issues that one tool might miss. NVDA is particularly good with dynamic content and ARIA (Accessible Rich Internet Applications) attributes. So, if you can, try testing with multiple screen readers to get a fuller picture of your site’s accessibility.

    Making Accessibility Part of Your Process

    Accessibility testing with NVDA shouldn’t be a one-time thing—it works best when it’s part of your development process from the start. By catching issues early, you’ll avoid significant fixes later and create a better experience for everyone. During design, consider accessibility-friendly patterns like high-contrast colors and adjustable font sizes. During development, use NVDA to test as you go and do a final check once your site is live.

    And if possible, getting feedback from users with disabilities can be incredibly valuable. While NVDA can help you simulate a screen reader experience, real users bring real-world insights that can highlight usability issues you might not think of.

    Wrapping Up

    Using NVDA to test your website’s accessibility is a powerful step toward creating a more inclusive online experience, but there’s so much more to accessibility than just technical adjustments—it’s about making your site welcoming to everyone, including customers who rely on assistive technology. 

    To help you navigate the broader world of ADA compliance and web accessibility, consider scheduling a briefing with 216digital. Our team can walk you through key accessibility requirements, share insights into your site’s current compliance level, and guide you on building a sustainable, accessible web presence. Let’s work together to make your website an inclusive, welcoming space for all users. Schedule your ADA briefing with 216digital today, and take the next step toward true digital accessibility.

    Kayla Laganiere

    November 5, 2024
    How-to Guides
    Accessibility, Accessibility testing, ADA Compliance, NVDA, web developers, Website Accessibility
  • Is Your Website ADA-Compliant?

    Ever wonder if your website is truly welcoming to all visitors? It’s easy to think, “My site looks great. It works smoothly—why worry?” But here’s the catch: a good-looking, functional site isn’t always an accessible one. And if your website isn’t ADA compliant, you could be unintentionally shutting the door on a massive group of potential visitors and customers—people with disabilities.

    Let’s put it this way: imagine if a brick-and-mortar store had narrow, cluttered aisles or no ramps. Customers with mobility challenges would struggle to get in or move around. Now, think of your website as that store. If it isn’t built with accessibility in mind, visitors with disabilities may find it impossible to navigate, use, or even understand what you’re offering.

    So, is your website ADA-compliant? If you’re not sure or have never checked, this guide is for you. We’ll break down what ADA compliance means, why it matters, the standards to follow, and how you can ensure your site is welcoming to all. Ready to see if your online space meets the mark? Let’s dive in.

    Why ADA Compliance Matters

    Making sure your website is ADA-compliant isn’t just a box to check off—it’s a vital part of running a business that’s inclusive and future-proof. An accessible website means everyone, regardless of ability, can navigate, engage with, and enjoy your content. This approach not only helps build trust and loyalty but can also increase your audience and improve user satisfaction. And let’s not forget, it comes with important legal and business benefits.

    Legal Implications

    The Americans with Disabilities Act (ADA) requires that businesses—including their websites—be accessible to everyone. If your site isn’t ADA-compliant, you could be in for a rough ride. The number of ADA-related lawsuits has been rising fast. In 2023, for instance, over 4,500 web accessibility lawsuits were filed in the U.S., which was a 15% increase from the year before, according to UsableNet.

    Courts have been clear that digital spaces are covered by the ADA, even though it was created before the internet as we know it existed. And it’s not just big businesses being targeted—small and medium-sized businesses have also found themselves in legal hot water over inaccessible sites. Legal fees, settlements, and potential damage to your reputation can add up quickly, costing far more than making your website compliant in the first place. By focusing on accessibility, you’re not just protecting your business; you’re showing that inclusivity is a priority.

    Expanding Your Audience

    Making your site ADA-compliant isn’t just about sidestepping legal issues—it’s also about reaching more people.  The World Health Organization (WHO) reports that over 1 billion people globally live with some form of disability. In the U.S., the Centers for Disease Control and Prevention (CDC) says that 26% of adults have some kind of disability. This includes a wide range of challenges, from visual and hearing impairments to mobility and cognitive issues.

    Think about it: if your website is easier to use for people with disabilities, you’re opening your doors to a vast number of potential customers who might have otherwise struggled with your site. In fact, a study in the U.K. found that 71% of users with disabilities will leave a site that’s hard to use, and 82% of them are willing to spend more on a site that’s accessible. That’s a lot of potential revenue and customer loyalty that can be yours just by making your site more inclusive.

    Understanding Web Accessibility Standards

    To create an accessible website, it’s essential to understand key standards, particularly the Web Content Accessibility Guidelines (WCAG). These guidelines, developed by the World Wide Web Consortium (W3C), provide a roadmap for making web content more accessible to people with disabilities.

    Key Principles of WCAG

    The WCAG outlines four fundamental principles, often remembered by the acronym POUR:

    1. Perceivable: Information must be presented in ways that users can perceive. This means providing text alternatives for images, using captions for videos, and ensuring sufficient contrast between text and background colors.
    2. Operable: Users should be able to navigate the site using various methods. This includes keyboard navigation and the ability to pause or stop animations.
    3. Understandable: Content and navigation must be easy to understand. This includes using clear language, consistent navigation, and proper labeling of forms.
    4. Robust: Content should be compatible with various technologies, including assistive technologies like screen readers. This means writing clean, semantic HTML.

    By adhering to these principles, you’ll be well on your way to creating a more accessible website.

    Common Barriers to Web Accessibility

    Even with the best intentions, many websites still have barriers that prevent people with disabilities from accessing their content. Here are a few common issues:

    Images Without Alt Text

    Images can be a significant barrier if they don’t have descriptive alt text. Alt text is essential for users who rely on screen readers, as it provides context about the image.

    Poor Color Contrast

    If the contrast between your text and background is too low, it can be challenging for individuals with visual impairments to read your content. Aim for a contrast ratio of at least 4.5:1 for normal text.

    Inaccessible Forms

    Forms are often problematic. If they lack labels or instructions, users with disabilities may find it challenging to fill them out. Always ensure that forms are correctly labeled and provide clear instructions.

    Lack of Keyboard Navigation

    Many users with disabilities rely on keyboard navigation rather than a mouse. If your website doesn’t support this, it can create significant barriers.

    Testing Your Website for Accessibility

    Now that you understand the importance of ADA compliance and common barriers, how do you ensure your website is accessible? Here are some methods for testing your site:

    Manual Checks

    Begin with manual checks of your website. Go through your site using only the keyboard. Can you navigate easily? Test your forms to see if they’re usable without a mouse. This basic level of testing can reveal a lot about your site’s accessibility.

    Automated Tools

    Automated accessibility testing tools can help identify many common issues quickly. Here are a few popular options:

    • WAVE: This browser extension evaluates accessibility and highlights issues on your page.
    • Lighthouse: Built into Chrome’s developer tools, Lighthouse provides audits of various web aspects, including accessibility.

    While these tools are helpful, they don’t catch everything. They should be used in conjunction with manual checks to ensure a truly ADA-compliant website.

    User Testing with Assistive Technologies

    The best way to understand how ADA-compliant your site truly is is to test it with real users who have disabilities.

    • Screen Readers: Ask users to navigate your site using popular screen readers like JAWS or NVDA.
    • Keyboard Navigation: Observe how users interact with your site using only a keyboard.

    Getting feedback from users with disabilities will give you insights that automated tools might miss.

    Practical Steps to Improve Accessibility

    Once you’ve identified accessibility issues on your site, what should you do next? Here are some practical steps you can take:

    • Start with an Accessibility Audit: Before making any changes, conduct a comprehensive audit of your website. Use both automated tools and manual checks to identify barriers.
    • Prioritize Quick Wins: Addressing some accessibility issues can take time, but there are many “quick wins” you can tackle right away.
    • Implement Staff Training and Awareness: Accessibility is not just a one-person job. Ensure your content creators, developers, and designers are trained on best practices for maintaining and improving web accessibility.
    • Monitor Accessibility Consistently: Regular audits are essential, but ongoing monitoring ensures that new updates don’t introduce issues. Services like 216digital’s a11y.Radar can help by continuously checking for compliance and alerting you to new challenges.

    Conclusion

    Making sure your website is ADA-compliant is more than just checking a legal box—it’s about creating a space where everyone feels welcome. Prioritizing accessibility can open your business to a wider audience, boost user satisfaction, and even shield you from potential legal issues. But let’s be honest: navigating the ins and outs of accessibility can feel overwhelming.

    That’s where we come in. At 216digital, we’re here to make it simple. Schedule an ADA briefing with us to find out if your website is at risk and how we can help make it more inclusive. Don’t wait until there’s a problem; get ahead of it and show your commitment to accessibility today. Your future customers (and your peace of mind) will thank you!

    Greg McNeil

    October 30, 2024
    Legal Compliance
    Accessibility testing, ADA Compliance, ADA Lawsuit, WCAG, Web Accessibility
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.