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
  • How to Prepare for EAA Compliance

    As a business owner or website operator, you’re probably familiar with the pressure to keep up with ever-changing digital regulations and standards. It might feel like you’ve just gotten comfortable with one set of rules, and suddenly, a new one appears on the horizon. That’s exactly the situation many are experiencing right now with the European Accessibility Act (EAA). If you’re serving customers in the European Union (EU), or simply want to reach a global audience without obstacles, it’s crucial to understand how this new set of guidelines could affect your online presence—and what you can do to stay on the right side of the law.

    Let’s face it: even if you’ve never thought much about web accessibility before, it’s becoming a must-have. Ensuring everyone, regardless of ability, can navigate your site or use your services isn’t just the “right thing” to do anymore. With the EAA coming into effect, it’s legally required for businesses that sell to or interact with European customers. And with so many potential buyers across borders, ignoring accessibility standards could mean turning people away—not just ethically, but commercially as well.

    Understanding the European Accessibility Act (EAA)

    At its core, the EAA is about ensuring people with disabilities have equal access to the same products and services as everyone else. Think of it as removing virtual “closed doors” and “too-high steps” on the internet. Instead of forcing customers with disabilities to struggle through poorly structured content, complicated checkout processes, or inaccessible multimedia, the EAA sets a baseline standard. By meeting these standards, you’re not just checking a legal box—you’re making your site friendlier to a much wider audience.

    Key Goals of the EAA

    • Consistent Accessibility Standards Across the EU: Rather than a patchwork of rules differing by country, the EAA aims for a unified, simpler standard that businesses can follow everywhere in Europe.
    • Enhancing Quality of Life: Every barrier you remove can help someone shop independently, learn without assistance, or find critical information on their own.
    • Removing Single Market Barriers: With a common standard, businesses can more easily enter multiple EU markets without recalibrating their approach for each country.

    Important Dates:

    • June 28, 2025: By this date, your digital platforms should comply with EAA requirements.
    • From 2025 Onward: Enforcement rolls out, meaning audits, penalties, and other legal consequences can follow if you haven’t prepared.

    Consequences of Ignoring Compliance

    If you’ve ever delayed a task until it became a crisis, you know how costly last-minute fixes can be. Non-compliance with the EAA can result in fines and other legal hassles. Beyond that, it can damage your reputation. Imagine a customer who can’t navigate your site because it’s not accessible. Not only might you lose that sale, but you could also create a negative impression that spreads through social media, reviews, or word-of-mouth. With global competition just a click away, failing to meet accessibility standards means risking trust, loyalty, and revenue.

    Building Your EAA Compliance Strategy

    If all this sounds daunting, don’t worry. Creating an EAA compliance strategy is like tackling any large project: break it down into steps, and take them one at a time. Even if you have minimal experience with web accessibility, you can follow a structured approach to ensure you’re ready by the deadlines.

    In-House or Outsource?

    First, decide if you want to handle these updates internally or bring in the pros. If you have a dedicated team comfortable with coding, design, and compliance issues, doing it yourself might help you build internal know-how. But remember, this requires time and training, and any mistakes can lead to rework.

    On the other hand, outsourcing to specialized agencies or consultants can jump-start your compliance efforts, reducing the risk of errors. Although it may cost more upfront, you’ll likely benefit from their expertise and time savings. Companies like 216digital can guide you, ensuring you don’t miss important details.

    Understanding Your Website’s Complexity

    Before making changes, you need a roadmap. Start with an accessibility audit. Free and paid tools can scan your site for issues like missing alt text for images, poor color contrasts, or navigation elements that are impossible to use without a mouse.

    Don’t forget manual checks—automated tools are great, but they can’t understand context the way a human can. Ask testers or colleagues to navigate your site using only a keyboard or a screen reader. Identify the places where they struggle, and note which areas must be fixed first. High-risk areas often include navigation menus, forms, and interactive content like product configurators or dropdown filters.

    SImplementing the Necessary Fixes

    Armed with a list of issues, it’s time to roll up your sleeves. Start with the basics:

    • Content Structure: Make sure your pages use headings logically. Include descriptive alt text so people using screen readers understand what an image shows.
    • Navigation: Include skip navigation links to help users jump past repetitive menus. Ensure that every link and button can be accessed with a keyboard alone.
    • Color and Text: Check color contrast to make sure text is easy to read. Choose font sizes and spacing that are large and clear enough for all users.
    • Multimedia: If you have videos, include captions. If you have audio clips, ensure they don’t autoplay, or at least provide controls to pause or stop them.
    • Forms and Inputs: Label every form field, and provide error messages that guide users back to the correct inputs.

    Manage Third-Party Integrations

    Your site might rely on third-party plugins, payment gateways, or widgets. Even if your own code is perfect, these tools can introduce new accessibility barriers. Check that any plugins or platforms you use also meet EAA standards. If not, request updates from vendors or find accessible alternatives. In some cases, offer a fallback option—like a basic HTML form—if a fancy widget isn’t accessible.

    Ongoing Monitoring (Because Websites Evolve)

    A website isn’t “done” the day you launch it. You’ll likely add new products, blog posts, or interactive elements over time. Any of these updates can unintentionally break accessibility. That’s why it’s crucial to make accessibility checks a routine part of your maintenance. Tools like a11y.Radar by 216digital can help you run regular scans to catch issues before they spiral out of control.

    Regular audits—perhaps quarterly—will ensure you stay in line with evolving standards, minimize the risk of complaints, and keep your audience happy. Keeping a finger on the pulse of your site’s accessibility means you can catch small issues before they turn into big headaches.

    Don’t Forget Mobile Apps and Other Digital Touchpoints

    The EAA isn’t just about traditional websites. If you have a mobile app or other digital services, they also need to be accessible. For apps, test them with built-in accessibility features. Ensure that fonts can be resized, screens read naturally with voiceover technologies, and that no essential functionality relies on a tricky gesture without an accessible alternative.

    Invest in Training and Resources for the Long Haul

    Accessibility isn’t a one-time project; it’s a mindset. Consider training your team so that everyone—from your content writers to your developers—understands the principles of accessible design. Allocate a budget for ongoing audits and fixes. If you maintain a relationship with an accessibility partner like 216digital, they can keep you informed about changes in standards and best practices.

    Why EAA Compliance is Good for Your Bottom Line

    At first, meeting EAA standards might feel like yet another box to check off. But embracing accessibility can actually help your business thrive. By removing barriers, you reach a bigger audience—think of the millions of potential customers who might otherwise struggle to use your site. And when your site is easier for everyone to navigate, all customers have a better experience, which can boost loyalty, trust, and conversions.

    Accessibility improvements often align with good user experience (UX) design principles. Cleaner layouts, logical navigation, and properly structured content don’t just help users with disabilities—they help everyone find what they need more quickly and enjoy their time on your site.

    Get Started Now, Not Later

    The EAA deadline may feel distant, but time flies, especially when you have a million other things on your plate. Start early so you have time to explore your options, fix issues thoroughly, and verify that your solutions work. Make accessibility part of your workflow, and you’ll find it’s much easier to stay compliant rather than scrambling at the last minute.

    Ready to Take the Next Step?

    Ensuring accessibility and complying with the EAA is a journey, but you don’t have to travel it alone. Whether you handle it in-house or partner with experts, starting now will put you ahead of the curve. If you’re unsure where to begin, consider reaching out to specialists. Contact 216digital today to learn more about how our web accessibility services can guide you toward a site that meets EAA standards and truly welcomes everyone.

    Take action now—schedule an ADA briefing with 216digital using the contact form at the bottom of this page. Let’s work together to make your digital platforms accessible, inclusive, and ready for the future.

    Greg McNeil

    December 13, 2024
    Legal Compliance
    Accessibility, Accessibility Remediation, EAA, European Accessibility Act, Website Accessibility
  • Why Accessibility Is Key to UX Success

    Here’s a secret: websites that are easier to use for people with disabilities are easier to use for everyone. Applying simple HTML5 core concepts like semantic markup and landmark regions will naturally make your website easier to navigate with a keyboard and have a more logical structure. This is great for onsite SEO, user experience (UX) – and web accessibility, with no additional effort required.

    How Web Accessibility Enhances UX

    At its core, web accessibility is about removing barriers that might prevent people from using your site. When a website is accessible, it’s usable by everyone—regardless of their abilities, devices, or environments.

    Here’s how accessibility directly impacts UX:

    Improved Usability for All

    Accessible design benefits people with disabilities and creates a better experience for everyone. Features like straightforward navigation, readable fonts, and intuitive layouts make your site easier to use, regardless of age, device, or tech-savviness.

    Inclusive Design for Diverse Audiences

    Accessibility ensures your site is usable for people with visual, auditory, cognitive, or motor disabilities. For example:

    • Screen reader support helps blind or low-vision users navigate content.
    • Keyboard-friendly navigation aids people with motor impairments.
    • Clear text and structure assist individuals with cognitive challenges.

    Enhanced Mobile Experience

    Basic accessibility principles—like scalable typography, responsive layouts, and touch-friendly designs—naturally improve mobile usability. Mobile users account for significant web traffic.

    The Benefits of Accessible Design

    Investing in web accessibility isn’t just the right thing to do—it’s also good business. Here are some key benefits:

    Reaching a Wider Audience

    Approximately 15% of the global population lives with some form of disability. By ensuring your site is accessible, you’re inviting millions of potential customers to engage with your content and services.

    Boosting SEO

    Accessible websites often perform better in search engine rankings. Practices like adding alt text for images, using descriptive headings, and providing transcripts for videos improve your SEO by making your content easier for search engines to index.

    Building a Positive Brand Image

    A commitment to accessibility shows your audience that you care about inclusivity. This fosters trust, strengthens your reputation, and makes your brand socially responsible.

    Legal Compliance and Risk Reduction

    Accessible websites help you comply with regulations like the Americans with Disabilities Act (ADA) and Web Content Accessibility Guidelines (WCAG), reducing the risk of lawsuits or fines.

    Overcoming Challenges in Accessibility

    Despite its benefits, implementing accessibility can come with challenges:

    Misconceptions About Accessibility

    Some believe accessibility only benefits a small audience or that it’s too costly or complex to implement. In reality, accessibility improves UX for all users and can be cost-effective when integrated early.

    Technical Hurdles

    Developers might need help understanding WCAG guidelines or implementing complex ARIA roles. Clear documentation and ongoing education can address this.

    Resistance to Change

    Most teams have enough on their plates and do not want to add any additional steps to their existing workflows. However, building a general awareness of accessibility concepts will naturally improve your site’s inclusivity without any extra work.

    Strategies for Integrating Accessibility Into UX Design

    To create a truly inclusive experience, accessibility needs to be a priority from the start. Here’s how to integrate it into your design process:

    Start Early in the Design Process

    Accessibility is most uncomplicated to implement when it’s considered from the beginning. Start with semantic HTML, readable fonts, and a logical content structure.

    Focus on User Testing

    Test your site with real users, including those with disabilities. Tools like screen readers and keyboard navigation can simulate some experiences, but real feedback is invaluable.

    Use Accessibility Tools

    Incorporate tools like:

    • Lighthouse: Google’s tool for auditing accessibility, performance, and SEO.
    • WAVE: An accessibility evaluation tool that highlights issues directly on your site.

    Educate Your Team

    Train designers, developers, and content creators to understand accessibility principles and WCAG guidelines. Make accessibility a team-wide responsibility.

    Iterate and Improve

    Accessibility isn’t a one-and-done task. Regularly review your site for compliance, usability, and opportunities for improvement.

    Practical Tips for Accessible UX

    Here are some specific ways to improve accessibility while enhancing UX:

    Prioritize Clear Navigation

    Ensure menus are intuitive and consistent across devices. Use breadcrumbs, logical page hierarchy, and descriptive labels to guide users.

    Provide Text Alternatives

    Add alt text to images, video captions, and audio content transcripts. This makes your media accessible to screen readers and enhances SEO.

    Design for Keyboard Navigation

    Ensure all interactive elements—buttons, links, forms—are reachable and operable using just a keyboard.

    button:focus {  
      outline: 3px solid #005fcc;  
    }  

    Ensure Sufficient Color Contrast

    Low contrast can make text unreadable for users with low vision. Use tools like the Contrast Checker to verify WCAG-compliant contrast ratios.

    Use ARIA Sparingly

    Accessible Rich Internet Applications (ARIA) roles can enhance accessibility but shouldn’t replace semantic HTML. Use ARIA roles to clarify interactive components, like modals or accordions.

    Accessibility’s Role in a Better Web

    When accessibility and UX align, everyone wins. Your site becomes more straightforward to use, more engaging, and more inclusive. For users with disabilities, accessible design opens doors to equal participation in the digital world. For businesses, it means more satisfied customers, better performance metrics, and a stronger reputation.

    As the web continues to evolve, let’s commit to creating digital spaces that are open and enjoyable for all. Accessibility isn’t a barrier—it’s the foundation of great UX.

    If you would like to evaluate your site’s user experience for everyone, including users with disabilities, reach out to 216digital using the contact form below.

    Greg McNeil

    December 12, 2024
    How-to Guides, The Benefits of Web Accessibility
    Accessibility, Accessible Design, User Experience, UX, Web Accessible Design, Website Accessibility
  • How to Make Data Tables Accessible

    Data tables are a powerful way to present structured information, but without proper attention to accessibility, they can exclude users with disabilities. Whether you’re a developer, content creator, or website owner, learning how to make your tables user-friendly for everyone is an essential skill.

    Accessibility standards like WCAG (Web Content Accessibility Guidelines) provide the foundation for creating inclusive data tables. By following best practices such as structuring your tables properly, adding meaningful headers, and ensuring compatibility with assistive technologies, you can enhance usability while meeting legal and ethical standards.

    Understanding the Basics of Accessible Tables

    Before diving into the specifics, it’s important to understand what makes a table accessible. Accessible tables are designed to be navigable and understandable by all users, including those who rely on screen readers or keyboard navigation. This means paying attention to the structure, design, and additional information like captions and summaries.

    The foundation of an accessible table lies in its structure. HTML provides semantic elements like <table>, <thead>, <tbody>, and <th> to organize your data logically. Using these elements correctly ensures that assistive technologies can interpret the table properly. For example, headers defined with <th> tags allow screen readers to associate data cells with their corresponding column or row, creating a more intuitive experience for users.

    Adding Headers, Captions, and Summaries

    Headers are one of the most critical components of an accessible table. They guide users in understanding what each data point represents. To define headers, use the <th> element, and consider including the scope attribute to indicate whether the header applies to a column, row, or group of columns and rows. For example, <th scope="col"> signals that the header applies to an entire column, while <th scope="row"> applies to a row.

    Captions and summaries provide additional context for your table. A caption, placed within the <caption> tag, serves as a brief title or description of the table’s purpose. Summaries, while not an HTML element, can be included to provide a detailed explanation of the table’s content, especially if it’s complex. This can be added through the <summary> attribute or as part of surrounding content. These elements are particularly valuable for screen reader users, offering them a quick overview of what to expect.

    Ensuring Compatibility with Screen Readers

    Screen readers rely on well-structured and semantically correct HTML to interpret tables. To optimize compatibility, avoid using tables for layout purposes. While this practice was common in the past, it confuses screen readers by mixing presentational and data tables. Instead, use CSS for layout and reserve tables strictly for data.

    Another crucial consideration is avoiding merged cells unless absolutely necessary. While colspan and rowspan attributes can be used to merge cells, they can make navigation more challenging for screen reader users. If your table requires merged cells, ensure that the relationships between headers and data are clearly defined with attributes like headers and id.

    Making Tables Keyboard-Friendly

    Keyboard accessibility is vital for users who cannot use a mouse. Accessible tables should allow users to navigate logically through rows and columns using only their keyboard. Test your table to ensure that tabbing through the data follows a predictable order.

    One way to achieve this is by maintaining a logical document flow. Keep your table simple and organized to prevent users from getting lost. If the table is part of a larger webpage, include clear instructions and use skip links to help users bypass unrelated content.

    Simplifying Complex Tables

    Complex tables with nested headers or multi-level data can be difficult to navigate, even for experienced users. Simplifying these tables can go a long way toward improving accessibility. Consider breaking down large, complicated tables into smaller, more manageable ones. You can also use additional tools like expandable rows or columns to provide details without overwhelming the user.

    For situations where simplifying isn’t feasible, invest extra effort in defining relationships between headers and data. Use the headers and id attributes to explicitly associate each cell with its relevant headers. This ensures that screen readers can convey the relationships accurately, even in intricate tables.

    Improving Readability with Responsive Design and Contrast

    Accessibility isn’t just about assistive technologies—it’s also about making content visually readable for users with low vision or cognitive challenges. Responsive design is essential for ensuring that your tables are accessible across devices. Use CSS to make your tables adapt to different screen sizes without losing clarity or functionality.

    High contrast is another key factor. Choose colors that provide sufficient contrast between text and background. WCAG recommends a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Tools like WebAIM’s Contrast Checker can help you verify compliance.

    Testing Your Tables for Accessibility

    No matter how carefully you design your tables, testing is essential to identify and address potential issues. Start by using automated tools like the WAVE Web Accessibility Evaluation Tool to check for common errors. While these tools are helpful, they can’t catch everything, so manual testing is equally important.

    Test your table using a screen reader like NVDA or JAWS to experience it as a user with visual impairments would. Pay attention to how headers, captions, and data are announced. Does the screen reader navigate the table logically? Are all elements correctly identified and described?

    Keyboard testing is another critical step. Navigate through the table using only your keyboard to ensure that all interactive elements are accessible and functional.

    Why Accessible Tables Matter

    Accessible tables aren’t just about meeting legal requirements—they’re about creating a better user experience for everyone. By making your data tables accessible, you’re opening your content to a wider audience, including individuals with disabilities who rely on assistive technologies.

    Moreover, accessibility enhances usability for all users, not just those with disabilities. Features like clear headers, logical navigation, and responsive design make tables easier to use for everyone, whether they’re on a desktop computer or a smartphone.

    Conclusion

    Creating accessible data tables might require extra effort, but the benefits are well worth it. By following best practices like using proper structure, adding descriptive headers and captions, and ensuring compatibility with assistive technologies, you can make your tables both compliant and user-friendly.

    Remember, accessibility is an ongoing process. Stay informed about updates to guidelines like WCAG and continuously test your content to ensure it meets the highest standards. By prioritizing accessibility, you’re not just improving your website—you’re making the web a more inclusive space for all.

    Ready to take the first step? Partner with the experts at 216digital, who understand accessibility inside and out. Together, we can create a web that works for everyone—and protect your business in the process. Schedule your complimentary ADA briefing today to start your journey toward an accessible and compliant future.

    Greg McNeil

    December 11, 2024
    How-to Guides
    Accessibility, Data tables, How-to, web developers, web development, Website Accessibility
  • ADA Lawsuits: A Growing Concern in New York

    In recent years, New York has become a major hotspot for lawsuits related to digital accessibility under the Americans with Disabilities Act (ADA). As businesses increasingly rely on websites, mobile apps, and other online tools, it is no longer enough to make physical spaces accessible. 

    Today, digital platforms must also meet the same standards of accessibility as brick-and-mortar stores. Failing to do so can place a business at risk for costly and time-consuming legal challenges. Nowhere is this truer than in New York, where state and federal laws and a welcoming environment for plaintiffs have combined to create a surge in such cases.

    It is important to understand why these lawsuits are happening and what your business can do to protect itself. By taking a close look at the trends, legal requirements, and strategies for achieving digital accessibility, companies can avoid expensive legal battles, improve their brand image, and tap into a wider range of customers.

    Why is Accessibility So Important?

    The ADA was created to ensure that people with disabilities have the same access and opportunities as everyone else. At first, many people focused on making physical spaces accessible. This included adding wheelchair ramps, elevators, and braille signs. Today, though, access also means making sure that websites, online stores, and mobile apps are easy for everyone to use. For example, a person with low vision may rely on a screen reader to understand the content on a website. If the site is not coded correctly, that user might struggle to shop online, book a hotel room, or order food.

    When websites are hard for people with disabilities to use, it doesn’t just cause frustration—it can also be illegal. The ADA applies to many online experiences, and New York’s own laws add even more layers of protection for people with disabilities. All businesses that sell products or services online need to understand these rules, especially if they serve customers in New York.

    Understanding the Rise in New York Lawsuits

    In 2023, more than 4,500 ADA-related digital lawsuits were filed across the country—about 500 more than the previous year. New York has been at the center of this growth. While it previously trailed California, New York now accounts for a large share of all website accessibility cases filed in federal and state courts. Some experts estimate that New York makes up nearly three-quarters of these claims nationwide.

    What is causing this surge? A few key factors stand out:

    Plaintiff-Friendly Courts

    New York courts have a history of being friendly toward plaintiffs in ADA cases. Judges in the state are often willing to recognize a wide range of digital platforms as places of “public accommodation” under the law. This means more online businesses can be held responsible for failing to meet accessibility standards.

    Multiple Layers of Law

    Businesses must follow both the federal ADA rules and New York’s own state laws, such as the New York State Human Rights Law (NYSHRL). The NYSHRL can offer extra paths for plaintiffs to sue, making it easier and more appealing to file claims in New York than in some other states.

    Active Plaintiffs and Law Firms

    New York is home to many “serial plaintiffs” and law firms that specialize in ADA lawsuits. These are individuals and groups who regularly file new claims, often targeting multiple businesses at once. Their ongoing efforts help drive up the total number of cases filed each year.

    Industries Under the Microscope

    All kinds of businesses have faced ADA lawsuits in New York. E-commerce sites, which sell everything from clothing to electronics, are often hit the hardest. Since most online shopping involves browsing pictures, reading descriptions, and clicking through links, any barrier for people with disabilities can lead to serious issues. For instance, a person who cannot see images needs text alternatives (often called “alt text”) to understand what is being sold. Without alt text, the shopping experience is blocked.

    Restaurants and hospitality businesses are also common targets. Online menus, booking systems, and reservation forms must be designed so that people using assistive technology can navigate through them. Even online videos need captions or audio descriptions for those who cannot see or hear well.

    Other industries, such as entertainment, real estate, banking, and healthcare, are also under scrutiny. If you run any kind of website that reaches customers in New York, there is a risk that you could face a lawsuit if your site is not accessible.

    You Don’t Have to Be Based in New York

    One common misunderstanding is that these lawsuits only affect businesses physically located in New York. That is not true. If your website or app is accessible to New York consumers—and especially if you sell goods or services to them—you can be drawn into a New York court. The internet is not limited by borders, and plaintiffs can argue that you are “doing business” in New York if you serve customers there.

    The Costs of Non-Compliance

    The financial consequences of being sued for ADA violations can be serious. Settlements can run anywhere from $10,000 to $100,000, and that does not include the cost of hiring lawyers, spending time in court, or fixing your website to meet legal standards after the fact. Beyond money, your company’s reputation is at stake. Customers who learn that you do not prioritize accessibility might choose to shop elsewhere.

    Moreover, ignoring accessibility means ignoring a huge market. According to the Centers for Disease Control and Prevention (CDC), about 26% of American adults live with a disability. They and their families represent hundreds of billions of dollars in spending power. Making your digital platforms welcoming to them is not just the right thing to do—it also makes good business sense.

    Keys to Avoiding Lawsuits: Proactive Accessibility

    The best way to avoid a lawsuit is to make your website or app accessible before anyone complains. Here are some steps you can take:

    Run an Accessibility Audit

    Start by checking your current digital platforms for common barriers. Use both automated scanning tools and manual testing by people with disabilities, if possible. Automated tools can highlight common issues, such as missing image descriptions or poor color contrast. Manual testers can provide real-world feedback on what it’s like to use your site with assistive technology.

    Meet WCAG Standards

    The Web Content Accessibility Guidelines (WCAG) are considered the gold standard for making web content accessible. WCAG 2.1 at the AA level is often the target that businesses aim to meet. These guidelines cover areas like making sure images have descriptive text, ensuring that videos have captions, and checking that all parts of the site can be reached with a keyboard instead of a mouse.

    Train Your Team

    Accessibility should not be an afterthought. Teach your web designers, developers, and content creators to build accessibility into their work from the start. Simple habits—like always adding alt text to images, using proper headings, and ensuring enough color contrast—can go a long way toward meeting legal requirements.

    Keep Accessibility in Mind When Updating

    The work does not end once you meet accessibility standards. Each time you add new content, update your platform, or roll out a new feature, test again to make sure it is still accessible. Accessibility is an ongoing process, not a one-time project. Tools like 216digital’s a11y.Radar service offer ongoing monitoring to help businesses stay ahead of potential issues.

    Seek Professional Help

    If you are uncertain about how to meet ADA requirements, consider reaching out to consultants or legal experts who specialize in ADA and NYSHRL compliance. They can guide you through the process, help you find the right tools, and make sure that your efforts meet current standards.

    Building an Inclusive Digital Presence

    Instead of seeing accessibility as a burden, consider it an opportunity. By welcoming all users, you show that you value fairness, inclusion, and excellent customer service. Making your site easier to navigate benefits everyone, not just people with disabilities. Clear layouts, good contrast, easy-to-understand language, and well-organized menus make the online experience better for all visitors.

    Plus, many accessibility improvements help with search engine optimization (SEO). For example, adding accurate captions to images or videos can help search engines understand your content, possibly boosting your ranking in search results. This can attract even more customers over time.

    A Changing Legalscape

    The surge in ADA accessibility lawsuits in New York is not just a short-term trend. It reflects a broader shift in how the internet is regulated and how society views equal access. Lawmakers, judges, and advocacy groups are paying closer attention to digital accessibility than ever before. It is wise to expect that these standards will continue to evolve and become even stricter over time.

    By acting now, you can keep up with changing rules and avoid being caught off guard. The earlier you start, the easier it is to maintain compliance as the laws and guidelines update.

    Take the First Step with 216digital

    Prioritizing digital accessibility is about more than avoiding lawsuits—it’s about doing what’s right for all your customers and creating an online experience that everyone can enjoy. For businesses that serve customers in New York, the urgency is clear. The state leads the nation in ADA accessibility lawsuits, and companies that fail to act risk legal challenges, financial loss, and damage to their reputation.

    The good news is that you don’t have to navigate these challenges alone. By scheduling an ADA briefing with 216digital, you can gain clarity on the legal requirements, identify gaps in your digital accessibility, and get expert advice on how to achieve compliance. Our team takes a human-centered approach, combining technical expertise with actionable strategies to protect your business and build a more inclusive online presence.

    Don’t wait for a lawsuit to take action. Schedule your ADA briefing with 216digital today, and let us help you stay ahead of the curve while creating a better digital experience for all.

    Greg McNeil

    December 10, 2024
    Legal Compliance
    Accessibility, ADA Compliance, ADA Lawsuit, web accessibility lawsuits, Website Accessibility
  • Progress Over Perfection: Steps Toward Digital Accessibility 

    In today’s digital world, creating websites and content that are accessible to everyone should be a top priority. But let’s face it — making your website completely accessible for every single user can feel like an overwhelming task. That’s where the concept of “progress over perfection” comes into play.

    Achieving digital accessibility isn’t a one-time fix. It’s an ongoing process of continuous improvement. If you aim for perfection from the start, you might get stuck, feel defeated, or even give up. But by focusing on making progress, even small steps, you can create a more inclusive online experience without the stress of reaching perfection right away.

    Let’s break down how you can start building a sustainable approach to digital accessibility with the right mindset, tools, and strategies.

    What Is Digital Accessibility?

    Before we dive into the “progress over perfection” mindset, let’s quickly talk about what digital accessibility really means. Simply put, it’s about making sure that all users, regardless of their abilities or disabilities, can access and use your website, apps, or digital content easily.

    This includes people who may be blind, deaf, have low vision, or have mobility challenges. It also covers people who have cognitive disabilities or those who just prefer to use assistive technology like screen readers, voice commands, or keyboard navigation.

    Digital accessibility can seem like a huge task at first, but it’s not about doing everything perfectly. It’s about making consistent improvements to ensure your site is usable by as many people as possible.

    The Problem with Perfectionism

    When you aim for perfection, the goal can feel so far out of reach that it becomes paralyzing. This is especially true with digital accessibility, where there are lots of technical guidelines and standards (like WCAG – Web Content Accessibility Guidelines) to follow. While these standards are great for ensuring accessibility, focusing on every little detail can slow you down.

    In reality, no website is perfect when it comes to accessibility. Users have different needs, and it’s impossible to design for every potential scenario at once. So, instead of feeling like you need to fix everything at the same time, shift your focus to continuous improvement. Every small step counts, and over time, those steps will add up to a more accessible and inclusive digital experience.

    Why Focus on Progress?

    The beauty of focusing on progress over perfection is that it’s achievable. It lets you start small, tackle the most pressing accessibility issues first, and then build on that foundation. As you implement changes, you’ll gradually improve the user experience, making it better for people with disabilities while also making your website more user-friendly for everyone.

    Here are some reasons why progress over perfection is the way to go for sustainable digital accessibility:

    1. You Don’t Get Stuck: Trying to achieve perfection can leave you frozen in place, unsure of where to start. By focusing on progress, you can tackle one problem at a time and move forward.
    2. It’s More Manageable: Rather than trying to fix everything at once, breaking down accessibility work into smaller tasks makes it more manageable and less overwhelming.
    3. You Can Build Momentum: When you make even small improvements, it creates a sense of accomplishment. This encourages you to keep making changes and adding new updates over time.
    4. It’s Realistic: Perfection doesn’t exist when it comes to accessibility. There will always be more to improve, so aiming for progress keeps you focused on what matters.

    Practical Tips for Achieving Digital Accessibility

    Now that we understand the importance of progress, let’s talk about some practical steps you can take to make real improvements to your site. You don’t need to do everything at once, but here’s how you can start moving toward a more accessible website today:

    Start with Low-Hanging Fruit

    When you’re just getting started, it’s helpful to identify and address the “low-hanging fruit” — the quick wins that will make the biggest impact with the least amount of effort. These might include:

    • Alt Text for Images: Add descriptive alt text to images so screen readers can convey the meaning of those images to users with visual impairments.
    • Keyboard Navigation: Make sure that all interactive elements (like forms, buttons, and links) can be accessed using only a keyboard.
    • Color Contrast: Ensure that text has enough contrast against the background so users with low vision can read it easily.

    By making these changes, you’re addressing immediate barriers that can make a huge difference in how accessible your website is for many users.

    Integrate Accessibility into Your Workflows

    To create long-term sustainability, accessibility shouldn’t be something you do only once or twice. It needs to be built into your everyday workflow. Whether you’re designing a new page, creating content, or updating a feature, think about accessibility from the start.

    Here are a few ways you can integrate accessibility into your routine:

    • Involve Accessibility from the Beginning: If you’re working on a new website or a redesign, include accessibility from the very start of the project. This way, accessibility considerations become part of the foundation.
    • Use Accessible Tools and Templates: Many website builders, content management systems (CMS), and templates have accessibility features built-in. Make sure you’re using those tools to save time and reduce errors.
    • Educate Your Team: Make sure everyone involved in content creation and site maintenance understands basic accessibility principles.

    Get Real Feedback from Users

    One of the best ways to improve accessibility is to hear directly from users. Real people with disabilities can give you valuable insight into how they experience your website and where the barriers lie. This is far more effective than guessing or relying solely on automated testing tools.

    You can:

    • Conduct User Testing: Recruit users with various disabilities to test your site and provide feedback. This can help you uncover issues you might have missed.
    • Engage with Your Audience: Ask for feedback through surveys or comments. Listen to your users, and if they point out areas for improvement, make a plan to address them.

    Use Tools for Continuous Monitoring

    To ensure your website stays accessible over time, use tools that can help you identify and fix problems as they arise. One such tool is a11y.Radar.

    A11y.Radar continuously scans your website for accessibility issues and provides you with actionable reports. This allows you to stay on top of accessibility improvements without needing to manually review your entire site. With regular scans, you can catch issues early and keep your site in good shape.

    It’s All About Consistent Improvement

    Remember, the goal of digital accessibility isn’t to be perfect; it’s to be inclusive. Every improvement you make is a step toward creating a better, more accessible experience for all your users. By focusing on progress over perfection, you’ll keep moving forward without getting stuck in the weeds.

    So, don’t be afraid to start small. Address the most pressing accessibility issues first, integrate accessibility into your workflows, engage with real users for feedback, and use tools to monitor your progress. Over time, you’ll create a website that’s not only accessible but sustainable in the long run — and that’s something to be proud of!

    If you’re ready to take the next step in your accessibility journey, schedule an ADA briefing with 216digital. Our experts can help you create a sustainable, actionable plan for achieving digital accessibility while mitigating risk. Let’s move forward together!

    Greg McNeil

    December 9, 2024
    Testing & Remediation, WCAG Compliance
    Accessibility, ADA Compliance, ADA Website Compliance, Web Accessibility Remediation, web development, Website Accessibility
  • Small Design Choices, Big Accessibility Wins for All E-Commerce

    In the ever-evolving world of online shopping, small design choices can have a massive impact on customer experience—especially when it comes to accessibility. The beauty of accessible design isn’t just about meeting legal requirements; it’s about creating a shopping environment where everyone, regardless of their abilities, can navigate, interact, and complete purchases effortlessly. For e-commerce businesses, embracing accessibility means happier customers, improved loyalty, and ultimately, higher sales. Let’s explore some easy-to-implement design changes that can create big wins for your e-commerce store.

    Skip Navigation Links: A Keyboard and Screen Reader Lifesaver

    For many e-commerce users, particularly those who rely on screen readers or navigate using keyboards, skip navigation links are game-changers. These simple links allow users to bypass repetitive menus and jump straight to the main content.

    Imagine browsing an e-commerce site with dozens of product categories listed in a navigation bar. For someone tabbing through every link, it could feel like running a marathon before even reaching the product descriptions. Skip navigation links eliminate this hassle, ensuring users can quickly find what they’re looking for. Plus, it’s not just about accessibility—it’s about efficiency for all users.

    How to Implement

    Here’s an example of a skip navigation link implemented in HTML and CSS:

    <a href="#main-content" class="skip-link sr-only">Skip to Main Content</a>
    
    .sr-only { 
      position: absolute; left: -10000px; 
    } 
    .skip-link { 
      color: black; background-color: white; padding: 12px; border: 2px solid black; border-radius: 5px; z-index: 999; 
    } 
    .skip-link:focus-visible { 
      left: 0px; 
    }
    

    Add an id to the main content section to link to it:

    <div id="main-content">
      <!-- Main content goes here -->
    </div>

    This ensures the link appears only when focused, providing a seamless experience for keyboard users.

    Quick Links: Streamline Product Page Navigation

    E-commerce product pages often pack in a wealth of information, from product descriptions and specifications to reviews and related products. While comprehensive details are a plus, they can also feel overwhelming. That’s where quick links come in.

    By adding anchor links at the top of product pages, you give customers the option to jump directly to the section they care about most. Whether it’s “Customer Reviews,” “Specifications,” or “Add to Cart,” quick links make the browsing experience smooth and satisfying. This small touch can be a big win for users with disabilities, who might otherwise struggle to scroll through dense pages.

    How to Implement

    Use anchor links combined with id attributes:

    <nav>
      <ul>
        <li><a href="#description">Description</a></li>
        <li><a href="#specs">Specifications</a></li>
        <li><a href="#reviews">Customer Reviews</a></li>
      </ul>
    </nav>
    
    <section id="description">
      <h2>Product Description</h2>
      <p>Details about the product...</p>
    </section>
    
    <section id="specs">
      <h2>Specifications</h2>
      <p>Technical details...</p>
    </section>
    
    <section id="reviews">
      <h2>Customer Reviews</h2>
      <p>What customers are saying...</p>
    </section>

    Anchor links make navigation more accessible for all users, particularly those using assistive technologies.

    Repeated Call-to-Actions: Boost Engagement on Lengthy Pages

    Sometimes, e-commerce pages are lengthy by necessity—think of category pages featuring hundreds of products or detailed FAQs. Repeating key call-to-action (CTA) buttons, like “Add to Cart” or “Subscribe,” ensures users always have easy access to the next step.

    Why does this matter? For users with mobility issues or those navigating on mobile devices, scrolling back to the top for a CTA can be frustrating. A well-placed button at regular intervals keeps the experience seamless and reduces the risk of abandonment.

    To learn more about CTA’s and web accessibility, check out our article “Why ‘Click Here’ Hurts Your Website’s Accessibility.“

    How to Implement

    Here’s an example of a repeated CTA in HTML:

    <section>
      <p>Great deals await! Don’t miss out.</p>
      <a href="/checkout" class="cta-button">Add to Cart</a>
    </section>
    <section>
      <p>Ready to buy? Click below.</p>
      <a href="/checkout" class="cta-button">Add to Cart</a>
    </section>

    Enhance with CSS for visibility:

    .cta-button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #007bff;
      color: white;
      text-decoration: none;
      font-size: 16px;
      border-radius: 5px;
    }
    .cta-button:hover {
      background-color: #0056b3;
    }

    High Contrast Colors: Accessibility Meets Visual Appeal

    Choosing high-contrast color combinations is one of the simplest yet most impactful accessibility adjustments an e-commerce site can make. Text should always stand out against its background, ensuring readability for users with low vision or color blindness.

    For instance, pairing black text on a white background is a classic high-contrast choice. Avoid combinations like light gray text on a white background—it may look sleek, but it’s a nightmare for users with visual impairments. Use online contrast checkers to ensure your color scheme meets Web Content Accessibility Guidelines (WCAG) standards.

    Descriptive Alt Text: Elevate Your Product Images

    Images play a starring role in e-commerce. From close-up shots of fabrics to 360-degree views of products, visuals help customers make informed decisions. But what about users who can’t see the images?

    Enter descriptive alt text. This essential element of accessible design provides text-based descriptions of images, allowing screen readers to convey their content. For example, instead of “Image of a shirt,” use something like “Blue cotton button-down shirt with long sleeves and a slim fit.” Not only does this help visually impaired users, but it also boosts your SEO, making your e-commerce site more discoverable.

    How to Implement

    Add descriptive alt text to your images in the alt attribute:

    <img src="blue-shirt.jpg" alt="Blue cotton button-down shirt with long sleeves and a slim fit">

    Accessible Forms: Smooth Checkout Experiences

    Forms are a staple of e-commerce, whether for creating accounts, signing up for newsletters, or completing purchases. Yet, poorly designed forms can alienate customers with disabilities.

    To ensure your forms are accessible:

    • Use clear labels for every field, even if it seems obvious.
    • Include error messages that explain the problem in plain language, like “Please enter a valid email address.”
    • Add focus indicators to show users where they are on the page as they tab through the form.

    These small changes make the checkout process easier for all customers while reducing cart abandonment rates.

    How to Implement

    Use clear labels, error messages, and focus indicators:

    <form>
      <label for="email">Email Address</label>
      <input type="email" id="email" name="email" required>
      
      <span id="error-message" style="color: red; display: none;">
        Please enter a valid email address.
      </span>
      <button type="submit">Submit</button>
    </form>

    Add JavaScript to show error messages dynamically:

    document.querySelector('form').addEventListener('submit', function(event) {
      const emailField = document.getElementById('email');
      if (!emailField.value.includes('@')) {
        event.preventDefault();
        document.getElementById('error-message').style.display = 'block';
      }
    });

    Ensure focus indicators are clear for keyboard users:

    input:focus {
      outline: 2px solid #007bff;
    }

    Accessibility Benefits Everyone

    While these features are designed with accessibility in mind, they often enhance the overall e-commerce experience for all users. For example, quick links and repeated CTAs aren’t just for users with disabilities—they make navigating long pages faster for everyone. High-contrast colors don’t only help users with low vision; they’re also easier to read in bright sunlight on mobile devices.

    Inclusive design doesn’t just expand your audience; it builds trust. Customers recognize and appreciate when a business goes the extra mile to ensure their shopping experience is smooth and enjoyable.

    The Payoff: Happier Customers and Higher Sales

    By incorporating accessibility features, you’re not just meeting legal obligations—you’re investing in your customers’ satisfaction. When customers feel valued and supported, they’re more likely to complete purchases, leave positive reviews, and return for future shopping. The result? A stronger, more inclusive e-commerce brand that thrives in today’s competitive market.

    Ready to take the next step? Schedule an ADA briefing with 216digital today to explore how accessibility can elevate your e-commerce site. Simply use the contact form at the bottom of this page to get started. Let’s work together to create a better online shopping experience for all!

    Make the change. Create an e-commerce experience that works for all—and watch as those small design choices turn into big accessibility wins!

    Greg McNeil

    December 6, 2024
    How-to Guides, The Benefits of Web Accessibility
    Accessibility, e-Commerce, ecommerce website, How-to, Web Accessibility
  • Website Accessibility: Are Overlays Just Hiding the Problem?

    Creating an accessible website isn’t just about ticking a box. It’s about ensuring that every user, no matter their abilities, can navigate and benefit from your digital presence. Yet, for many business owners, the idea of tackling website accessibility can feel overwhelming. Enter accessibility overlays—those “quick fix” solutions promising to make your site compliant in a snap. Sounds perfect, right?

    Unfortunately, it’s too good to be true. Overlays don’t just fall short—they create more problems, leaving users frustrated and your business exposed to legal risks. Let’s cut through the noise and uncover the truth about why overlays are not the solution they claim to be.

    What Are Website Accessibility Overlays?

    Web accessibility overlays are tools or widgets that website owners can add to their sites to enhance website accessibility—or at least, that’s the promise They typically involve inserting a small JavaScript code snippet into your site, which then adds a floating button or widget. This button allows users to make adjustments, such as changing text size, altering color contrasts, or enabling screen reader compatibility.

    On the surface, overlays sound like a dream come true: a quick, low-cost way to improve website accessibility without needing a major redesign. But here’s the kicker: overlays only mask the problem. They don’t address the more profound, structural issues that make a website inaccessible in the first place. Worse, they can actually introduce new barriers, frustrating users with disabilities and leaving your business exposed to legal and reputational risks.

    Why Accessibility Overlays Are a Risky Shortcut

    Overlays Don’t Address Website Accessibility Barries

    Overlays operate on the surface, leaving your website’s underlying code untouched. If your site has poorly labeled buttons, inaccessible forms, or missing alt text, overlays won’t fix any of it. It’s like putting a fresh coat of paint on a crumbling wall—it looks fine for a moment, but the structural issues are still there. 

    So, what issues are ignored by AI and overlay widget tools?

    • Missing headings 
    • Missing alt text on images
    • Marked link text 
    • No labels on form fields
    • Required form fields not indicated
    • No submit button on forms or no clear button label

    While most of these issues may not be visible to all users, these issues are significant barriers to web users with disabilities. 

    Poor User Experience for People with Disabilities

    Ironically, overlays often create more barriers for people with disabilities instead of removing them. They frequently disrupt the functionality of assistive technologies like screen readers and keyboard navigation, making it harder—not easier—for users to navigate a site. Rather than complementing these tools, overlays can interfere with their operation, forcing users to abandon their preferred methods and engage with the overlay’s limited features. This undermines the independence and usability that assistive technologies are designed to provide.

    Website Accessibility is Not a One-Size-Fits-All Solution

    Disabilities are as diverse as the people who have them, and a one-size-fits-all overlay cannot possibly meet every user’s needs. Built on generalized assumptions, overlays often cater to a narrow set of requirements while neglecting others, leaving many users frustrated or excluded. For instance, individuals with cognitive disabilities may find overlays too complex or distracting, while those with motor impairments may struggle with poorly designed interactions.

    This cookie-cutter approach ignores the nuanced and personalized support that true accessibility demands, emphasizing the need for solutions that genuinely prioritize diverse user experiences.

    For more information on how overlays affect users’ experience, check out our article, “Are Web Accessibility Overlays Hurting Users?”

    They Increase Legal Liability

    Don’t fall for the myth that overlays will shield you from lawsuits. Courts and advocacy groups have repeatedly ruled that overlays don’t meet accessibility standards. In fact, relying on them might make your business a bigger target. By mid-2024, over 20% of web accessibility lawsuits were filed against companies using these widgets. 

    To make things even more challenging, businesses using overlays are now facing a new wave of copycat lawsuits. These lawsuits come from a new wave of ambulance chasers targeting companies that rely on third-party overlays. They know these tools often fall short of providing true accessibility. Tools like BuiltWith make it easy for anyone to see what a website is built with. With just a click, you can access a list of websites using a specific tool—like AccessiBe or another accessibility overlay.

    Why Genuine Website Accessibility Efforts Matter

    If overlays aren’t the answer, what is? Real website accessibility means going beyond surface-level fixes to create a seamless, inclusive experience for all users. It’s a commitment to quality, usability, and long-term success. Here’s why it’s worth the effort:

    Tailored Fixes Address Specific Barriers

    No two websites—or audiences—are the same. A manual accessibility audit identifies the unique issues impacting your users and ensures they’re resolved effectively.

    User Testing Guarantees Real-World Usability

    Involving people with disabilities in your testing process provides insights that automated tools and overlays simply can’t replicate. It’s the difference between assuming accessibility and truly delivering it.

    Sustainable Practices Build Long-Term Compliance

    Web accessibility is a continuous journey—not a one-time task. Genuine efforts focus on:

    • Training Your Team: Equip your content creators, designers, and developers with the skills and knowledge to maintain accessibility throughout the site’s lifecycle.
    • Ongoing Monitoring: Use accessibility tools to identify new issues as they arise. Websites evolve, and so do the standards and technologies that shape them.
    • Proactive Planning: Incorporate accessibility into every stage of your workflow, from initial design concepts to regular updates or redesigns. This proactive approach prevents future problems and keeps your site ahead of accessibility requirements.

    Practical Steps for Website Accessibility

    Ready to ditch the quick fixes? Here’s how to achieve genuine website accessibility:

    1. Start with an Audit: Identify your site’s barriers with a professional accessibility audit. This creates a roadmap for improvement.
    2. Remediate Issues: Work with developers to fix identified issues, such as:
      • Add alt text to images.
      • Improve keyboard navigation.
      • Fix form labels and color contrast.
    3. Test with Real Users: Ensure your changes work in the real world by testing with people who use assistive technologies.
    4. Monitor and Maintain: Accessibility is ongoing. Use tools like Accessibility Radar (a11y.Radar) to stay proactive and address new issues as they arise.
    5. Partner with Experts: Accessibility is complex—don’t go it alone. Experts can guide you through compliance and ensure your efforts truly make a difference.

    Don’t Settle for a Shortcut That Fails 

    Accessibility overlays might sound tempting, but they’re no substitute for meaningful action. By addressing website accessibility at its core, you create an inclusive, compliant, and user-friendly website.

    Don’t settle for shortcuts that leave your users frustrated and your business at risk. Instead, invest in meaningful changes that prioritize user experience, long-term success, and a digital space where everyone feels welcome.

    Ready to take the first step? Partner with the experts at 216digital, who understand accessibility inside and out. Together, we can create a web that works for everyone—and protect your business in the process. Schedule your complimentary ADA briefing today to start your journey toward an accessible and compliant future.

    Greg McNeil

    December 5, 2024
    Legal Compliance
    Accessibility, Overlay, screen overlays, Website Accessibility, Widgets
  • Responsive Web Design: How It Relates to Digital Accessibility

    Users on mobile devices make up about two-thirds of all web traffic, so having a responsive web design is crucial. With assistive technology on mobile devices, such as Voiceover on iOS, getting better daily, users with disabilities are using mobile devices more than ever. In this article, we’ll explore how to ensure your mobile-friendly design is accessible to users with disabilities.

    What Is Responsive Web Design?

    Responsive web design is an approach to web development that ensures a site’s layout and content automatically adapt to different screen sizes and orientations. With RWD, a single website seamlessly adjusts its appearance and functionality, whether viewed on a desktop, tablet, or smartphone.

    The cornerstone of RWD lies in flexible grids, fluid images, and media queries that allow the design to respond to its environment.

    Why Is Responsive Web Design Important for Accessibility?

    Responsive web design is not just about aesthetics—it’s about usability. For users with disabilities, a responsive site can mean the difference between a smooth experience and complete frustration. Here’s how RWD contributes to digital accessibility:

    • Consistency Across Devices: Users who rely on assistive technologies, such as screen readers or magnifiers, benefit from consistent layouts and predictable navigation across devices.
    • Adaptability for Custom Settings: Responsive designs better accommodate user-specific settings, such as increased font size or high-contrast modes.
    • Ease of Interaction: RWD makes touch targets (like buttons) appropriately sized and spaced for mobile users, which is especially critical for people with motor impairments.
    • Improved Readability: Dynamic text resizing and responsive typography ensure readability for users with low vision.

    Responsive vs. Adaptive Web Design: Which Is Better for Accessibility?

    Although often used interchangeably, responsive and adaptive web design are distinct approaches.

    • Responsive Web Design (RWD): Using media queries, a single design adjusts fluidly to fit various screen sizes.
    • Adaptive Web Design (AWD): Multiple fixed layouts are created for specific screen sizes, and the appropriate layout is served based on the user’s device.

    When it comes to accessibility, RWD generally has the edge. Here’s why:

    • Device-Agnostic: RWD caters to an infinite range of screen sizes, while AWD is limited to the predefined breakpoints for which layouts are designed.
    • Consistency: RWD ensures a uniform experience, while AWD may cause discrepancies between layouts, confusing users who rely on assistive technologies.

    However, both approaches can support accessibility when implemented thoughtfully.

    Common Responsive Web Design Pitfalls That Hurt Accessibility

    Even well-intentioned responsive designs can fall short of accessibility standards. Here are some common mistakes and how to avoid them:

    Inconsistent Navigation

    When navigation menus change drastically between screen sizes, users may struggle to find what they need—especially those relying on screen readers or keyboard navigation.

    Solution: Use consistent and predictable navigation patterns across all breakpoints. Test to ensure screen readers announce menus accurately.

    Inadequate Focus Indicators

    Focus indicators are critical for users navigating with a keyboard, yet they often disappear or become less visible on smaller screens.

    Solution: Design focus states that are prominent across all devices.

    button:focus {  
      outline: 3px solid #0078d7;  
    }  

    Overly Small Touch Targets

    Tiny buttons or links on mobile devices can be difficult for users with motor impairments to tap accurately.

    Solution: Follow WCAG recommendations for touch target sizes (at least 44×44 pixels) and maintain adequate spacing.

    Ignoring User Settings

    Some responsive designs override user preferences, like zooming or high-contrast modes, which can render content inaccessible.

    Solution: Allow user overrides by avoiding !important in CSS styles and ensuring zoom functionality is not disabled.

    Best Practices for Accessible Responsive Web Design

    To build an inclusive, responsive website, focus on these foundational principles:

    Use Semantic HTML

    Start with a solid foundation by using semantic HTML elements like <header>, <nav>, and <main>. These provide structure and meaning, making your content easier to navigate with assistive technologies.

    Design Flexible Layouts

    Build layouts that adapt fluidly to different screen sizes. Use relative units like percentages or em instead of fixed units like pixels.

    .container {  
      width: 90%;  
      max-width: 1200px;  
      margin: 0 auto;  
    }   

    Implement Responsive Typography

    Readable text is crucial for accessibility. Use CSS techniques like clamp() to create scalable typography that adapts to the screen size:

    h1 {  
      font-size: clamp(1.5rem, 5vw, 2.5rem);  
    }  

    Test both manually and with automation, and invite feedback

    Whenever you complete development tasks or onboard new content or products, you should always use automated testing tools like WAVE and Google Lighthouse to ensure you do not introduce any new accessibility barriers. You should also regularly manually test your website using screen reading software. Ensure a link on your website invites user feedback if they encounter an accessibility barrier.

    Incorporate Media Queries Thoughtfully

    Media queries are the backbone of RWD. Use them to adjust layouts without sacrificing usability.

    @media (max-width: 768px) {  
      .nav {  
        display: none;  
      }  
      .mobile-menu {  
        display: block;  
      }  
    }   

    Leverage ARIA Sparingly

    Accessible Rich Internet Applications (ARIA) attributes can enhance accessibility but should not replace semantic HTML. For instance, use aria-expanded to indicate whether a collapsible menu is open or closed.

    <button aria-expanded="false" aria-controls="menu">Menu</button>  
    <div id= "menu" hidden>  
      <!-- Menu items -->  
    </div> 

    Optimize for Performance

    Slow-loading pages frustrate all users but can disproportionately affect those with disabilities. Compress images, minify CSS and JavaScript, and use responsive images to improve load times.

    Testing Responsiveness and Accessibility

    A responsive site isn’t automatically accessible—it needs testing. Here are some tools and methods to ensure your RWD supports digital accessibility:

    • Browser DevTools: Use responsive design modes to preview your site on various screen sizes.
    • Accessibility Testing Tools: Tools like Lighthouse can identify issues like missing alt text or insufficient contrast.
    • User Testing: Engage users with disabilities to test your site’s usability.
    • Mobile Testing: Use actual devices, not just simulators, to test responsiveness and accessibility together.

    Conclusion

    Many web owners focus specifically on the inclusivity of their desktop websites but do not specifically test their mobile views. With most traffic, including users with disabilities, using mobile devices, it’s more important than ever to ensure that all versions of your website, regardless of screen size, are accessible to everyone.

    If you’d like an expert evaluation of your mobile site’s accessibility, contact 216digital using the contact form below.

    Greg McNeil

    December 4, 2024
    How-to Guides
    Accessibility, ecommerce design, responsive web design, RWD, web development, 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
  • WCAG Tips Every Content Creator Should Know

    When you’re creating content for the web, accessibility might not always be the first thing on your mind. You’re busy crafting engaging stories, writing catchy headlines, or finding the perfect image. But here’s the deal: ignoring accessibility can limit your audience and potentially land you in legal trouble. That’s where Web Content Accessibility Guidelines (WCAG) comes in—and yes, it’s easier than you think.

    Let’s break down what WCAG is, why it matters for content creators, and how you can make your content shine for everyone.

    What is WCAG, and Why Should You Care?

    WCAG stands for Web Content Accessibility Guidelines, but don’t let the formal name intimidate you. These guidelines are essentially a roadmap for making websites, apps, and digital content usable for everyone—whether someone has a disability or not. Developed by the World Wide Web Consortium (W3C), WCAG focuses on four key principles: making content perceivable, operable, understandable, and robust (POUR). Think of it as a checklist to ensure your site is accessible to as many people as possible.

    It’s all about ensuring that everyone, regardless of their abilities, can engage with your website. Sounds important, right? It is.

    And it’s not just for developers! WCAG applies to everyone involved in building a website, including content creators. Accessible content expands your reach, enhances the user experience, boosts your site’s SEO, and helps you avoid potential legal pitfalls. In short, accessibility isn’t a chore—it’s a win-win.

    The Benefits of Accessible Content

    Expand Your Audience Reach

    Did you know that 28.7% of adults in the U.S.—that’s over 61 million people—live with a disability? Globally, this number jumps to over 1 billion people, or 16% of the world’s population. Aligning your content with WCAG opens the door to a massive audience that often faces barriers online. Accessible content ensures these users can interact with your brand just as easily as anyone else.

    Boost SEO

    Accessible content improves your website’s visibility. For example, alternative text for images helps search engines understand your visuals, while properly structured headings and clear navigation improve crawlability. Research shows that websites meeting accessibility standards often rank higher in search engine results, giving you an edge over competitors who overlook these guidelines.

    Enhance User Experience

    Accessibility benefits everyone—not just those with disabilities. A study by Forrester Research found that improving user experience can increase conversion rates by up to 200%. Features like video captions, clear navigation, and legible fonts make it easier for users of all abilities to engage with your content.

    Avoid Legal Risks

    Lawsuits related to digital accessibility are on the rise. In the U.S., 4,605 web accessibility lawsuits were filed under the ADA in 2023—a nearly 13% increase from the previous year. Following WCAG not only protects your brand from potential litigation but also demonstrates your commitment to inclusivity.

    Practical WCAG Tips for Content Creators

    Making your content accessible doesn’t require a complete overhaul. Small, thoughtful changes can make a huge difference. Let’s dive into some practical tips for content creators, with expanded advice to make each step actionable.

    Use Proper Headings

    Headings aren’t just for organizing your thoughts—they’re essential for accessibility. Structured headings (H1, H2, H3, etc.) create a clear hierarchy that helps all users, including those using screen readers, navigate your content easily.

    • Start with a single H1 as the main title of your page.
    • Use H2 for main sections and H3 for subsections. Avoid skipping levels (e.g., going from H1 directly to H3).
    • Write headings that are concise but descriptive. For example, “Tips for Accessible Content” is better than “Tips.”

    Properly structured headings also improve SEO by signaling the importance of your content to search engines.

    Add Alternative Text for Images

    Alternative text (alt text) describes the content of an image for users who can’t see it. This helps screen reader users and also boosts SEO by making your images searchable.

    • Be specific and relevant. Instead of “Picture of a cake,” use “A three-tiered chocolate cake with white icing and red roses.”
    • Avoid saying “Image of” or “Picture of”—screen readers already indicate it’s an image.
    • If an image is decorative and doesn’t convey critical information, use a null alt attribute (alt=" ") so screen readers can skip it.

    Alt text should fit naturally into your content, adding context without overloading users with unnecessary details.

    Color Contrast

    Color contrast is vital for users with visual impairments, such as color blindness or low vision. Text that blends into the background is difficult to read, even for users without disabilities.

    • Use a contrast ratio of at least 4.5:1 for regular text and 3:1 for large text (as per WCAG SC 1.4.3).
    • Avoid using color alone to convey meaning. For instance, instead of relying on red text to indicate an error, include a descriptive message like “Please enter a valid email address.”
    • Test your designs with online contrast checkers to ensure compliance.

    Strong contrast not only aids accessibility but also improves readability and engagement for all users.

    Choose Accessible Fonts

    The typeface you use plays a significant role in how accessible your content is. Some fonts are more legible than others, particularly for users with visual impairments or learning disabilities.

    • Opt for sans-serif fonts like Arial, Verdana, or Tahoma, which are easier to read on screens.
    • Ensure your font size is large enough—typically at least 16px for body text.
    • Avoid excessive italics or decorative fonts that may be hard to read.

    Accessible fonts contribute to a cleaner, more professional appearance that benefits all users.

    Write Descriptive Links

    Vague link text like “Click here” or “Learn more” can be confusing for screen reader users. Instead, use descriptive link text that tells users where the link will take them.

    • Good example: “Read our guide on WCAG compliance for content creators.”
    • Bad example: “Click here.”
    • Ensure links make sense out of context. Some users navigate sites by jumping between links, so each one should provide value on its own.

    Descriptive links also make your content easier to scan and improve your site’s SEO.

    Create Accessible Tables

    Tables are useful for presenting data but can become a nightmare for accessibility if not designed properly.

    • Use headers (<th> tags) for column or row titles. This helps screen readers understand the table structure.
    • Avoid merging cells or using tables for layout purposes—this confuses assistive technologies.
    • Include captions to explain the table’s purpose. For example, “Table showing monthly website traffic for 2023.”

    Accessible tables ensure your data is comprehensible for all users, not just those using traditional browsers.

    Caption Your Videos

    Video captions aren’t just helpful for people who are deaf or hard of hearing—they’re valuable for anyone in a noisy or quiet environment.

    • Include both closed captions (user-controlled) and open captions (always visible).
    • Ensure captions are synced accurately with the dialogue or sounds.
    • For additional accessibility, provide a transcript that includes all spoken words, sound effects, and meaningful visual elements.

    Well-captioned videos increase engagement, improve retention, and align with WCAG guidelines.

    Use Plain Language

    Accessible content isn’t just about design—it’s also about the words you choose. Writing in plain language ensures your content is easy to understand for a broad audience, including users with cognitive disabilities.

    • Break complex ideas into smaller, simpler sentences.
    • Define jargon or technical terms the first time they appear.
    • Use bullet points and lists to organize information clearly.

    Plain language isn’t dumbing down your content; it’s making it more approachable and impactful.

    Monitor Accessibility Regularly

    Creating accessible content isn’t a one-and-done task. Websites are dynamic, with new pages, updates, and features being added constantly. This means your accessibility efforts need regular check-ins to ensure compliance with WCAG standards. Neglecting this can leave you vulnerable to accessibility gaps, which not only alienate users but could also lead to legal risks.

    Thankfully, tools like a11y.Radar make monitoring accessibility easier and more effective. This specialized service continuously scans your site for issues, giving you a clear, actionable picture of your site’s compliance status.

    Final Thoughts

    Accessibility doesn’t have to be overwhelming, and you don’t have to tackle it alone. With WCAG as your guide and the right support, you can create content that reaches more people, performs better in search engines, and provides an exceptional user experience. But ensuring accessibility is more than a one-time effort—it’s an ongoing process.

    That’s where we come in.

    At 216digital, we specialize in making web accessibility simple and actionable for content creators just like you. Whether you’re new to WCAG or need help fine-tuning your content strategy, our ADA briefing is the perfect place to start.

    Schedule your ADA briefing today, and let us show you how to make your content accessible, impactful, and compliant—all while reaching a broader audience and safeguarding your business. Accessibility is an opportunity, and together, we can help you unlock it.

    Greg McNeil

    November 26, 2024
    WCAG Compliance
    Accessibility, Content Creators, Content Writing, SEO, WCAG, WCAG Compliance, Web Accessibility
Previous Page
1 … 6 7 8 9 10 … 16
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.