Web Accessibility Remediation Archives/Category

How Web Accessibility Can Help You Get More Leads
Your website is more than a digital storefront—it’s the heartbeat of your marketing strategy. It’s where people discover your brand, explore your offerings, and ultimately decide whether to connect, convert, or click away.

But what if some of your best potential customers never even get the chance to engage—not because they’re not interested, but because they physically can’t access your content?

That’s where web accessibility steps in. And no, it’s not just about compliance (though that’s important too). It’s a smart, future-forward strategy that can open doors, build trust, and improve performance across the board. From boosting SEO to earning customer loyalty, accessibility does more than make your site usable—it makes it work harder for your business.

Let’s take a closer look at why web accessibility is one of the most overlooked yet high-impact ways to drive leads and grow your brand.

1. Reach a Bigger Audience—Literally

Roughly 1 in 4 adults in the U.S. lives with a disability. That includes people with visual, hearing, cognitive, or motor impairments—all of whom can face barriers when navigating websites that aren’t built with accessibility in mind.

When your site isn’t inclusive, you’re unintentionally closing the door on millions of potential users. For instance:
- Videos without captions exclude people who are deaf or hard of hearing.
- Poor color contrast or missing keyboard navigation blocks access for screen reader users.
- Overcomplicated layouts make it tough for visitors with cognitive disabilities to complete tasks.
By removing those barriers, you’re not just being considerate—you’re expanding your reach. People actively look for businesses that value accessibility. Making your site inclusive sends the message that you see and support all your customers, not just some.

2. A Better Experience for Everyone

The truth is, accessibility and great user experience go hand-in-hand. Many accessibility practices align perfectly with smart UX design—so when you improve access for some, you improve usability for all.

Here’s how:
- Clear headings and well-organized content help screen reader users—but also make scanning easier for busy visitors.
- Larger buttons and user-friendly forms benefit people with limited mobility, but also feel better on mobile.
- Clean fonts, strong color contrast, and plain language help people with low vision or cognitive challenges—and reduce friction for every user.
When your site removes unnecessary hurdles, more people can fill out forms, request quotes, sign up for emails, or make a purchase. Accessibility isn’t just about making things available—it’s about making them easy.

3. Boost Your SEO (Yes, Really)

Search engines and screen readers have something in common: they both rely on clean, well-structured content. That means web accessibility can also give your SEO a measurable lift.

For example:
- Descriptive alt text for images supports screen reader access and helps Google understand your content.
- Proper use of headings (like H1s and H2s) improves content hierarchy for both users and crawlers.
- Clean code, logical page structure, and fast load times all play into both accessibility and SEO best practices.
The upshot? Better indexing, higher rankings, and more organic traffic—getting you in front of the right people, right when they’re searching for what you offer.

4. Build Real Trust (And Keep It)

When someone visits your site and sees that it’s designed to include them, it tells them something important: you care. That message matters.

Trust is a major factor in whether someone becomes a lead. If visitors feel that your business is thoughtful, inclusive, and easy to engage with, they’re more likely to hand over their contact information, subscribe to updates, or reach out for a quote.

Over time, accessibility becomes part of your brand identity. Inclusive websites are more likely to be recommended, shared on social media, and praised in online reviews. When you show up for your audience, they remember—and they talk.

5. Lower Bounce Rates. Higher Conversions.

Getting people to your site is only half the battle. The other half? Keeping them there and guiding them toward action.

If users encounter friction—confusing forms, unreadable text, or inaccessible menus—they’ll bounce. Accessibility addresses that head-on by creating smoother paths to conversion.

Some real-world benefits:
- Forms are easier to complete with proper labels, instructions, and keyboard access.
- Calls to action are reachable for those using assistive tech.
- Mobile users benefit from accessible features like responsive layouts and finger-friendly buttons.
When you give everyone a fair shot at engaging with your content, more people stick around—and more of them take action.

6. Stay Ahead of Legal Risk

The legal landscape around digital accessibility is shifting fast. In 2024 alone, over 4,600 ADA-related website lawsuits were filed in the U.S.—and they weren’t all aimed at big corporations. Small and mid-sized businesses were also in the crosshairs.

Being proactive about accessibility helps you reduce legal risk before it becomes a problem. It’s also a sign of a brand that’s paying attention—not just to the law, but to evolving consumer expectations.

Customers today want to do business with companies that reflect inclusive values. By investing in accessibility now, you’re not only protecting your business—you’re showing leadership in a space that matters.

7. Turn Happy Users Into Vocal Advocates

There’s nothing quite like word-of-mouth marketing—and accessible websites tend to leave a lasting impression.

People with disabilities remember the brands that treat them with dignity. Caregivers remember websites that work smoothly for their loved ones. Allies notice the businesses doing the right thing, and they talk about it.

These are the folks who will leave glowing reviews, share your content, and recommend you to others. That kind of organic momentum adds up quickly and can become a steady, reliable source of new leads.

Putting It All Together: Web Accessibility Is Smart Marketing

We all know how challenging lead generation can be. Competition is fierce. Attention is scarce. Trust takes time.

But accessibility gives you an edge:
- It helps you reach more people.
- Keeps them engaged longer.
- Makes it easier for them to take the next step.
- Builds long-term trust and loyalty.
- Enhances your SEO.
- Reduces legal risk.
- Encourages positive word-of-mouth.
Best of all? You don’t have to do everything at once. Start small. Add image alt text. Clean up your heading structure. Improve your form labels. Then work your way toward broader WCAG compliance through expert audits and real-world testing.

Final Thoughts

If accessibility hasn’t been on your radar yet, this is the moment to bring it into focus. Because when your website is inaccessible, you’re not just leaving people out—you’re leaving leads behind.

Web accessibility isn’t just a checklist item. It’s a competitive advantage. It strengthens every aspect of your digital strategy—from visibility and engagement to conversions and customer retention.

At the end of the day, it’s about building digital spaces that welcome everyone. And when you do that, you don’t just grow your audience—you grow your business.

Ready to Make Accessibility Your Advantage?

At 216digital, we help businesses transform accessibility into a growth strategy. Whether you’re starting from scratch or refining your current approach, we’re here to help you find and fix issues, stay compliant, and create better digital experiences for everyone.

Our phased process—starting with ADA Risk Mitigation and moving into WCAG & Section 508 Conformance—puts you on the path to stronger performance, greater trust, and fewer roadblocks.

Let’s make your website work better for everyone.

Contact 216digital today to schedule your free accessibility consultation.
Greg McNeil

July 17, 2025

The Benefits of Web Accessibility

Accessibility, Benefits of Web Accessibility, Lead generation, Web Accessibility, Website Accessibility
How Disability Pride Month Inspires Innovation
Every July, we celebrate Disability Pride Month—and this year marks 35 years since the Americans with Disabilities Act (ADA) was signed into law. It’s a moment to honor progress, but also to pause and reflect: how far have we really come when it comes to digital access?

For those of us shaping websites, apps, and digital experiences—whether you’re a developer, a designer, a marketer, or a content strategist—Disability Pride Month isn’t just about looking back. It’s a reminder that accessibility isn’t a side task or a checklist. It’s a driving force for innovation.

When we design for people at the margins, we end up building smarter, more flexible tools that work better for everyone.

Accessibility Is Often Where Innovation Begins

It might surprise you just how many of the tech features we all use today started as accessibility solutions.

Take touchscreen haptics—the subtle vibrations you feel when you tap your phone. That started in assistive tech research for blind users. Or voice-enabled remotes, now in so many homes, which were originally created for folks with mobility limitations.

TTY systems helped deaf and hard-of-hearing users communicate in real-time long before instant messaging or texting took off. And captions? Once built for accessibility, they’re now used in classrooms, offices, noisy coffee shops—and just about anywhere else people watch video content.

Here’s the pattern: tools designed to solve a challenge for one group often end up improving life for all of us. Accessibility and innovation aren’t separate tracks—they’re deeply connected. Disability Pride Month reminds us to pay attention to that connection.

The Road to Now: Disability Pride Month and Digital Milestones

Accessibility in tech didn’t happen overnight. It’s the result of decades of advocacy, lawmaking, and community leadership.

Let’s rewind a bit:
- 1973: Section 504 of the Rehabilitation Act becomes the first civil rights law for people with disabilities in the U.S.
- 1990: The ADA became law, laying the groundwork for accessibility in public life.
- 1998: Section 508 was updated to include digital content for federal agencies.
- 1999: The Web Content Accessibility Guidelines (WCAG) 1.0 were introduced, giving us our first real web accessibility standards.
- 2008: Apple changed the game with the iPhone and its built-in VoiceOver screen reader.
- 2017: Microsoft launched the Xbox Adaptive Controller, bringing accessible gaming into the mainstream.
Fast-forward to today, and Disability Pride Month in 2025 comes on the heels of another wave of change:
- The DOJ’s new Final Rule under ADA Title II requires state and local government websites to meet WCAG 2.1 AA standards.
- The HHS Digital Accessibility Rule expands Section 504 and Affordable Care Act requirements.
- And globally, the European Accessibility Act is raising the bar for accessible websites and apps.
Each of these changes has come in response to real barriers people have faced. But they’ve also moved the entire digital world forward. That’s the legacy—and the ongoing promise—of Disability Pride Month.

Why States Are Shaping the Future of Digital Access

While the ADA sets a national baseline, a growing number of U.S. states are taking things further. And during Disability Pride Month, it’s worth understanding what’s happening at the state level.

Let’s look at a few examples:
- Colorado’s HB21-1110 requires all state and local government websites—and education sites—to meet WCAG 2.1 AA standards by July 2024. It also includes legal and financial penalties for violations.
- In California, AB 434 already mandates accessibility for state agencies, and AB 1757 (still under review) could extend that requirement to all businesses serving Californians.
- Illinois requires state agencies, universities, and public schools to meet digital accessibility requirements based on WCAG 2.1 AA.
- States like Washington, Virginia, Iowa, Kansas, Oklahoma, Ohio, and Pennsylvania have also adopted various forms of WCAG-based rules.
In total, over 30 states now enforce accessibility policies—many based on WCAG or Section 508.

What does this mean for you? Even if you’re not a government entity, if your business or platform reaches users in these states, you may still be at risk of lawsuits or regulatory action. More importantly, accessible design is simply a smarter, more sustainable path forward. And Disability Pride Month offers the perfect opportunity to make that shift.

Accessibility Isn’t Just Good Ethics—It’s Good Design

Accessibility brings real value—both for users and for your business or organization.

Think about it:
- 1 in 4 adults in the U.S. has a disability. That’s a massive audience.
- Accessible websites are often faster, better organized, and easier to navigate—which also helps SEO and boosts conversion rates.
- Accessible design tends to work better across new technologies like voice interfaces, AI tools, and AR/VR environments.
And on a deeper level, accessibility creates better user experiences for everyone. Features like clear structure, thoughtful navigation, and keyboard functionality all make digital spaces more usable, no matter who you are.

Designing for disability isn’t a limitation—it’s a launchpad for smarter, more human-centered digital tools. Disability Pride Month shines a light on how much better tech can be when we start from that perspective.

Looking Ahead: Inclusion Is the Innovation Strategy

Here’s the big picture: Disability Pride Month is a celebration, yes—but it’s also a challenge. It asks us to look at the systems we’ve built and think, Who’s still being left out? And What would happen if we designed with them in mind from the very beginning?

Because when we do that, we don’t just build better websites. We build stronger businesses, more compassionate brands, and a web that’s ready for the future—whatever that looks like.

Let this month be your reminder to start, or keep going. The path to accessibility doesn’t have to be overwhelming—it just needs a first step. And the results? They’re worth it.

If you’re ready to explore what that could look like for your site, schedule an ADA briefing with 216digital. Let’s create something better, together.
Greg McNeil

July 16, 2025

The Benefits of Web Accessibility

Accessibility, Benefits of Web Accessibility, disability, Disability Pride Month, Website Accessibility
Accessible Websites Start with Universal Design
Last month, a prospect called us—stressed and uncertain. A customer had tried to make a purchase on their site but couldn’t complete it. The text was too light, the font too small, and there was no way to navigate using a keyboard. That one interaction ended in frustration—for the customer, and now, possibly, legal trouble for the business.

It’s a familiar pattern. Whether it’s blurry buttons, unlabeled images, or missing alt text, we see the same barriers show up again and again. And while meeting Web Content Accessibility Guidelines (WCAG) is essential, accessibility can’t just be a checklist item.

What if we reimagined the foundation of how we build—starting not with minimum compliance, but with inclusion at the core? That’s the promise of universal design: a human-first approach that considers every user from the very first wireframe.

Let’s look at how this mindset shift can reshape your process—and your outcomes—for the better.

From WCAG to Universal Design

We owe a lot to WCAG. It gives us a clear framework—a shared language to measure accessibility. But while it tells us what needs fixing, it doesn’t always guide us on how to design better in the first place.

That’s where universal design comes in. Originally coined by architect Ronald Mace, this approach was about creating physical environments usable by everyone, regardless of ability. That philosophy translates beautifully to digital spaces. Instead of retrofitting accessibility after launch, universal design asks us to include everyone from the first wireframe.

Think of it as a shift in mindset: from compliance checklists to inclusive thinking. Because real accessibility doesn’t begin with a requirement. It begins with a question—who are we leaving out, and how can we bring them in?

The Seven Principles of Universal Design (for the Web)

Let’s explore how the core principles of universal design apply online—and how you can weave them into your next build.

1. Equitable Use

Everyone should be able to access the same content, no matter how they browse.
- Add descriptive alt text to images.
- Make sure every action can be done with a keyboard.
- Keep layouts and functionality consistent across devices and assistive tech.
Quick tip: Don’t rely on color alone to convey success or errors. Pair it with icons or text for clarity.

2. Flexibility in Use

Design for choice. People interact with websites in a variety of ways—and your site should support that.
- Let users resize text or adjust fonts.
- Avoid autoplay on videos or audio—give control back to the user.
- Offer simplified views or “reader mode” toggles.
Bonus idea: A dark mode toggle isn’t just stylish. It improves comfort for people with light sensitivity or visual fatigue.

3. Simple and Intuitive Use

People shouldn’t need a manual to navigate your site.
- Stick to recognizable interface patterns.
- Write in clear, conversational language.
- Label buttons and links with purpose.
Helpful tip: Avoid vague CTAs like “Click here.” Instead, try “View pricing” or “Download our guide.” Clarity helps everyone.

4. Perceptible Information

Not everyone perceives content the same way. Support multiple senses.
- Use proper headings and labels to structure your content.
- Add captions to videos and transcripts to audio.
- Apply ARIA labels where appropriate for screen readers.
Pro tip: Run a color contrast check and test your design using tools like WAVE or axe. Small changes here make a big difference for low-vision users.

5. Tolerance for Error

Mistakes happen. Your design should help people recover—not punish them for slipping up.
- Offer undo buttons or confirmations before critical actions.
- Make error messages clear and instructive—not vague.
- Delay dropdowns slightly to prevent accidental clicks.
Extra guidance: Build gentle, guiding error states. Instead of a red wall of text, offer solutions that help users fix the issue.

6. Low Physical Effort

Navigation shouldn’t feel like a workout.
- Use large tap targets for buttons and links.
- Minimize the number of steps in a process or form.
- Ensure full keyboard navigability.
Workflow tip: Try navigating your site using only the tab key. Can you reach everything? Can you do it comfortably?

7. Appropriate Size and Space for Use

Your content should work beautifully across all devices, zoom levels, and tech setups.
- Design responsively for screens big and small.
- Keep enough space between buttons and elements.
- Test at 200% zoom and with screen magnification tools.
Don’t forget: Modals and dropdowns should stay accessible and functional—even when zoomed in or viewed on assistive devices.

A Quick Universal Design Checklist

Here’s a snapshot to keep top-of-mind as you build:
- Use high-contrast colors
- Make all functionality keyboard accessible
- Avoid autoplay; allow user control
- Use meaningful labels and headings
- Provide multiple content formats (text, audio, video)
- Simplify interactions (shorter forms, fewer clicks)
- Test using screen readers and magnifiers
These aren’t just “nice-to-haves.” They’re smart, scalable practices that lead to better design—for everyone.

The Real-World Impact of Universal Design

Designing for inclusion doesn’t just support people with permanent disabilities—it supports all users in the moments they need it most.

Think about:
- An older adult struggling with small fonts
- Someone navigating one-handed while holding a baby
- A person recovering from surgery using voice controls
- A traveler on slow Wi-Fi trying to load your homepage
Inclusive design shows up for all of them. And the benefits ripple outward. Research shows that universally designed sites can reach up to four times the audience, reduce legal risk, strengthen SEO, and build stronger brand loyalty.

This isn’t just about ethics or empathy (though both matter). It’s about resilience. It’s about reach. And yes—it’s about results.

Bringing Universal Design into Your Workflow

You don’t need to start over. You just need to start intentionally.
- Begin with inclusion at the wireframe stage.
- Add accessibility tasks to your backlog from day one.
- Use tools like Google Lighthouse, WAVE, and screen reader emulators.
- Test with people, not just automation.
- Share wins with your team—accessibility is a team sport.
It doesn’t have to be perfect on the first try. Universal design is a practice, not a finish line. Keep improving, keep learning—and keep centering people.

Start with People. Build with Purpose.

Universal design isn’t just for people with disabilities—it’s for everyone. It’s about recognizing that good design serves more than a use case; it serves a human being.

As developers and designers, we have the opportunity—and responsibility—to create digital spaces that welcome, support, and include. When we approach our work with empathy and intention, we move beyond compliance. We build experiences that work better for everyone.

If you’re ready to design with that mindset—whether you’re refining what exists or starting fresh—we’re here to help.

Schedule an ADA briefing with 216digital, and let’s make accessibility part of your foundation—not just a fix.
Greg McNeil

July 15, 2025

How-to Guides

Accessibility, Accessible Design, How-to, Universal design, Web Accessible Design, Website Accessibility
ADA Compliance for State and Local Governments
A resident tried to renew their license, apply for benefits, or register to vote. They found the page—but the form wouldn’t load properly. The labels were missing, the buttons didn’t work with their keyboard, or the error messages didn’t make sense. After a few tries, they gave up. Frustrated, unheard, and now one step further from the help they needed.

It’s not a rare story.

When digital government services don’t work for everyone—especially for people using assistive technology—the problem cuts deeper than bad UX. It means someone in your community got left out of a public service. Maybe they missed a deadline. Maybe they called your office, overwhelmed and confused. Or maybe they didn’t say a word, just silently lost faith that their government sees them.

ADA compliance isn’t a nice-to-have or a compliance checkbox. It’s how public agencies build trust, deliver on their mission, and make sure no one gets shut out. And while it can feel like one more thing on a very long list—it’s not out of reach. Even with tight budgets, limited time, and a small team, meaningful progress is possible.

Start at the Foundation: Build In, Don’t Bolt On

Your website is probably the front door to half your services. License renewals, benefit applications, emergency alerts—it all lives online now. So when that door doesn’t open for someone using a screen reader or navigating with a keyboard, the message is clear: this wasn’t built for you.

And that kind of message doesn’t just frustrate users—it breaks down trust. It also creates extra work for your staff, drives up support requests, and opens the door to compliance issues. It’s a lose-lose.

The good news? You don’t need a blank slate or a full redesign to make things better. Start where you are, work with what you’ve got, and shift the mindset from “we’ll fix it later” to “let’s make this part of how we work.”

What the Law Actually Says (And Why It’s Not Just About Lawsuits)

Let’s clear up the legal side. Yes, digital accessibility is required—and yes, those requirements have recently gotten more specific.

Title II of the Americans with Disabilities Act now includes digital services. As of April 2024, the DOJ’s final rule requires public sector websites and digital tools to follow WCAG 2.1, Level A and AA. That gives you a defined standard—and frankly, a clearer path forward.

Then there’s Section 504 of the Rehabilitation Act, which applies to any public service receiving federal funds. If your agency touches education, healthcare, or housing, this rule probably applies to you too.

And don’t forget the state-level picture. States like California, Colorado, Minnesota, and Illinois have passed their own accessibility laws, some of which go further than federal standards.

Still, accessibility isn’t just about avoiding legal trouble. It’s about showing residents that your agency is committed to fair access—online, offline, everywhere. Compliance is important. But inclusion is what makes the effort worthwhile.

WCAG Sounds Complex—But It Boils Down to Four Core Ideas

You don’t have to memorize the entire Web Content Accessibility Guidelines to start improving accessibility. At its core, WCAG is built on four principles—think of them as your north star:
- Perceivable: Can people see or hear the content?
- Operable: Can they interact with it using a keyboard, screen reader, or voice commands?
- Understandable: Is the information clear, consistent, and logical?
- Robust: Does the site work across different browsers, assistive tech, and platforms?
When you keep these in mind while building or updating a digital tool, you’re already making smarter choices.

Okay, But How Do You Start with ADA Compliance?

Let’s say you don’t have a dedicated accessibility specialist. Maybe your web team is small. Maybe you wear six hats and accessibility feels like a seventh. Here’s how to make headway anyway:

Use tools that do the first pass for you.

Platforms like WAVE, axe, and Google Lighthouse can scan your site for issues like missing alt text, poor color contrast, and unlabeled form fields. These won’t catch everything, but they’ll give you a solid to-do list—especially for easy wins that make a big difference.

Triage by Traffic

Start with the digital spaces that matter most: your homepage, your most-used forms, and any system residents rely on during an emergency. These are the areas where accessibility problems cause the biggest real-world consequences—and where fixes bring the biggest impact.

Teach What Matters To The People Who Touch the Work.

ADA compliance isn’t just an IT concern. Content editors need to know how to structure text. Designers need to understand color contrast and readable fonts. Even procurement officers should be including accessibility language in contracts. A little role-specific training goes a long way.

Make It Routine, Not A One-time Fix

Build ADA compliance into your processes—not just your projects. Add it to your publishing checklist. Review older content during updates. Make it part of procurement, design reviews, and form testing. When it becomes second nature, you avoid the scramble later.

The Payoff Isn’t Just ADA Compliance—It’s Better Public Service

ADA compliance improves your service delivery across the board. It helps more people use your tools the way they were intended—without needing to call, email, or show up in person. It also reduces the burden on your staff and helps build public trust.

And yes, there are cost benefits. When you design with accessibility from the beginning, you avoid expensive rework and reduce your legal exposure. But even more than that, you create digital spaces that feel fair, usable, and modern—qualities your community notices.

You Don’t Have to Do It All Today—Just Take the First Step

If you’re still thinking, “We’re not ready,” that’s okay. You don’t have to overhaul everything overnight. ADA compliance is a journey—and the first steps are often the most impactful.

Start with what you can. Get curious about what’s working (and what’s not). Loop in the people who use your site. And if you need help? Ask for it.

At 216digital, we offer ADA briefings, a simple, no-pressure way to understand your obligations, identify risks, and plan your next steps.Because digital inclusion isn’t just a standard to meet—it’s a way to serve your community better.
Greg McNeil

July 10, 2025

Legal Compliance

Accessibility, ADA Compliance, ADA Title II, ADA Website Compliance, state accessibility laws, Title II, Website Accessibility
Creating Accessible Content for d/Deaf and Hard of Hearing
If you’ve ever tried to watch a video in a noisy room—or without headphones—you know how frustrating it can be when there are no captions. Now imagine that’s your everyday experience, not just an inconvenience. For people who are d/Deaf and Hard of Hearing, a lot of digital content simply isn’t built with them in mind.

And the thing is, we’re not talking about a small group. According to the CDC, about 15% of American adults have some degree of hearing loss. That’s millions of users who could be missing out on key information, services, or even just the chance to enjoy content the way everyone else does.

Accessibility isn’t just about checking boxes to meet legal standards. It’s about building digital spaces where everyone gets to show up and participate fully. And if you’re on a web team—whether you code, design, or make decisions—that responsibility falls on you.

This guide breaks down what auditory disabilities actually look like, how to meet core WCAG guidelines, and how to avoid common missteps.

Understanding Auditory Disabilities

Hearing loss isn’t one-size-fits-all. The term “auditory disability” covers a wide range of hearing abilities, causes, and communication preferences. Here’s a quick breakdown:
- Sensorineural: Caused by damage to the inner ear or nerves. This one’s usually permanent.
- Conductive: Happens when something blocks or damages the outer or middle ear—like fluid, infection, or even too much earwax.
- Mixed: A bit of both sensorineural and conductive.
Each type affects how a person hears sound—and how they interact with audio-based content online.

Levels of Hearing Loss

Some people can still hear certain frequencies. Others may hear almost nothing at all. There’s a whole spectrum:
- Mild: Trouble hearing soft sounds or background noise.
- Moderate: Difficulty following conversations without hearing aids.
- Severe to profound: Very limited hearing—if any.
That spectrum means your content needs to be adaptable. What works for one person might not work for another. That’s why flexible design is so important for people who are d/Deaf and Hard of Hearing.

Different People, Different Preferences

Let’s talk about identity and communication:
- Deaf (capital D): Members of the Deaf community, who primarily use American Sign Language (ASL) and often identify culturally as Deaf.
- deaf (lowercase d): People with significant hearing loss who may not use ASL or identify with Deaf culture.
- Hard of Hearing: People with partial hearing loss who often use speech, lip reading, or hearing aids.
Each group may rely on different tools and preferences—captions, transcripts, sign language, or text-based communication. The more options you offer, the better the experience for everyone.

What Inclusive Design Looks Like for Auditory Disabilities

Now that we’ve covered the who, let’s dig into the how. Here are some key ways to improve your digital content for users who are d/Deaf and Hard of Hearing.

Captions and Transcripts

This one’s non-negotiable. Captions help make videos usable, and transcripts open up audio content like podcasts or interviews.
- Closed captions: Can be turned on/off by the user.
- Open captions: Always visible, baked into the video.
Good captions should be:
- Accurate
- Synchronized
- Easy to read
- Positioned where they won’t block key visuals
WCAG Guidelines
- 1.2.2: Captions for prerecorded video
- 1.2.4: Captions for live content
Don’t forget transcripts, especially for audio-only media. They’re great for accessibility and SEO.

Audio Compatibility with Assistive Devices

Many people who are d/Deaf and Hard of Hearing use Bluetooth-enabled hearing aids or cochlear implants. If your audio quality is poor or inconsistent, it can be tough to understand—even with those tools.

Keep in mind:
- Use high-quality, clear audio
- Avoid excessive background music
- Let users control playback and volume
The cleaner the audio, the better it works with assistive tech.

Real-Time Text (RTT) and Chat Options

RTT is a real-time way to type and read messages without delays—no “send” button required. It’s often used during emergencies, but it’s also helpful in customer support or live interactions.

To make your site truly accessible:
- Offer email and contact forms (not just phone numbers)
- Use live chat
- Consider RTT-compatible systems
WCAG Guideline
- 1.2.9: Live audio content should include a text alternative
Sign Language Interpretation

For complex or critical information—like health care, legal rights, or education—consider adding ASL interpretation.

WCAG Guideline
- 1.2.6: Sign language for prerecorded content
Make sure your interpreter videos are:
- Professionally produced
- Clear and easy to see
- Not blocking other content
Bonus tip: Let users choose if they want to view the interpreter panel.

How WCAG Principles Apply to Auditory Accessibility

WCAG breaks accessibility down into four principles: Perceivable, Operable, Understandable, and Robust. Here’s what that means for users who are d/Deaf and Hard of Hearing:

Perceivable
- Provide captions, transcripts, and visual indicators.
- Use visual or haptic alerts for important notifications.
Operable
- Ensure interactive media players can be used without sound.
- Let users control captions and audio without a mouse (keyboard accessible!).
Understandable
- Keep language clear and straightforward.
- Avoid jargon in captions or transcripts.
- Use images or icons to support written instructions.
Robust
- Test your site across multiple devices and assistive technologies.
- Make sure your content works well with screen readers, hearing aids, and Bluetooth audio systems.
Watch Out for These Common Mistakes

Even well-meaning teams can trip up. Here are a few things to avoid:

Autoplaying Media

Surprise audio can be jarring—especially for someone using hearing aids or other audio devices. It’s also a major usability and privacy issue.

Fix it: Let users press play when they’re ready.

Auto-Generated Captions

Auto-captions can miss context, names, and tone. They’re getting better, but they’re not perfect.

Fix it: Review and edit captions manually. Or better yet, use a professional captioning service.

It’s Not Just About Hearing—It’s About Being Heard

If someone is d/Deaf or Hard of Hearing, they shouldn’t have to jump through hoops just to read the captions on a video, follow along with a podcast, or get in touch with support. They shouldn’t be left out of conversations—especially when the fix is often just a few thoughtful decisions during design and development.

So if you’ve been meaning to “get around” to accessibility, consider this your nudge. It doesn’t have to be perfect from day one, but it does have to start. Add captions. Offer transcripts. Give people more than just a phone number to reach you.

These aren’t extras. They’re expectations—and meeting them shows that your organization is paying attention, not just to compliance, but to people.

If you’re not sure where to begin or what your site might be missing, you don’t have to figure it out alone. A quick ADA briefing with 216digital can help you get a clear picture and a practical plan—without the overwhelm.

Because when we design for inclusion, everybody benefits.
Greg McNeil

June 30, 2025

The Benefits of Web Accessibility
When Should Agencies Talk to Clients About Web Accessibility Solutions?
If you’re running a small to mid-size digital agency, you’re used to juggling a lot. Creative direction, project management, client communications, SEO strategy, user experience—the list goes on. And somewhere in that mix, web accessibility often gets lost in the shuffle.

Not because it isn’t important. But because it’s not always obvious where it fits. Should you bring it up during the proposal phase? Wait until design reviews? Or tackle it after launch if an issue comes up?

Here’s the thing: the best time to introduce agency accessibility solutions isn’t “someday.” It’s early. Really early. And the earlier you bring it into the conversation, the easier it becomes to integrate—not just for your client, but for your team, too.

Let’s walk through how accessibility fits naturally into each phase of your process—and how to talk about it in a way that builds trust and positions your agency as a smart, forward-thinking partner.

Start the Conversation About Agency Accessibility Solutions

Accessibility belongs in the earliest conversations you’re having with a client—ideally, during discovery or project planning. When you’re already talking about audience personas, site goals, and technical scope, you’re laying the groundwork for how the entire site will function. This is the perfect opportunity to ask questions like:
- “Do any of your users rely on assistive technology like screen readers or voice navigation?”
- “Are there any compliance requirements or accessibility goals we should be aware of?”
- “Have you ever received feedback from users about accessibility challenges?”
These questions show your client that you’re thinking holistically about their audience. More importantly, you’re helping them see accessibility as a core part of usability and performance—not just a legal concern.

Pro move: include accessibility as a dedicated line item in your proposals. Whether it’s a basic audit, foundational best practices, or a plan for ongoing improvements, showing it in writing reinforces that it’s not optional or extra—it’s essential.

Revisit It During Design Reviews

Design is often where accessibility either starts strong—or goes sideways.

Color palettes, typography, button sizes, spacing—all of these choices affect users with low vision, motor impairments, or cognitive conditions. If you wait until development to flag issues like poor contrast or illegible fonts, you’ll either eat the cost of rework or risk pushing an inaccessible product live.

Instead, build in design checkpoints where agency accessibility solutions are part of the feedback loop. Help clients understand how design decisions translate to real-world usability. For example:
- A gorgeous but pale color scheme might look sleek on a high-end display, but disappear for users with low vision.
- Overly custom cursors or animations may cause issues for people with cognitive sensitivities or motion triggers.
- Fonts without clear letterforms can reduce readability for users with dyslexia or processing disorders.
You’re not just protecting the project from costly changes later—you’re showing the client that good design and accessible design aren’t mutually exclusive. They’re one and the same.

Simple framing tip: “When we design with more users in mind, we increase engagement and reduce support friction. It’s a win for everyone.”

Build Accessibility into Development (Not After)

By the time you hit development, things are moving fast—templates are being coded, features implemented, content loaded. This is where your accessibility groundwork either holds or starts to crack.

Make sure your dev team is on board with basic accessibility practices: semantic HTML, proper heading structure, image alt text, and keyboard-friendly components. These aren’t just nice to have—they’re baseline standards.

And keep your client in the loop, even if you’re not getting deep into technical details. It builds confidence to say:

“We’re coding with accessibility in mind—clean structure, screen reader compatibility, and keyboard navigation all included. If we run into any areas that need custom attention, we’ll flag them and talk through next steps.”

This is also a good time to set expectations around scope. Interactive elements, third-party plugins, or advanced UI components might require extra time to test or fix. It’s better to raise those flags now than scramble after launch.

And yes, it’s still a great place to talk about your agency accessibility solutions and how they support long-term site performance and compliance.

Post-Launch Is Just the Beginning

A successful launch doesn’t mean your work is done—and when it comes to accessibility, it often signals the start of new conversations.

This is when real users interact with the site. It’s also when clients might hear from a frustrated customer, an internal stakeholder with a disability, or worse—receive a demand letter related to ADA compliance.

If you’ve already laid the foundation, your client is more likely to come back to you, not panic-Google another vendor.

Stay proactive. Offer optional post-launch agency accessibility solutions like:
- Quarterly accessibility reviews
- Ongoing monitoring
- Manual and automated testing
- Remediation support and training for content editors
Even light support here builds long-term trust and positions your agency as a reliable, growth-minded partner.

Key message to share: “Accessibility isn’t a one-and-done task. As your site evolves, we’re here to make sure it continues to work for everyone.”

When Legal Risk Enters the Chat

Sometimes, accessibility becomes a priority only after a client gets a legal scare. It’s not ideal—but it’s increasingly common.

In the U.S., accessibility lawsuits have surged in recent years, many of them targeting small and mid-size businesses. And many of those cases are driven by law firms looking for fast settlements, not actual user advocacy.

If a client comes to you in a panic, your role is to stay calm and solutions-oriented. Let them know:
- You’ve handled situations like this before.
- You can help them assess the site’s current status with a thorough audit.
- You’ll work with them to document a remediation roadmap.
- You have trusted partners (or in-house experts) who can assist if the legal stakes escalate.
Your ability to guide them through this process—not with fear, but with structured, proven agency accessibility solutions—can turn a stressful moment into a stronger long-term relationship.

Helpful tone: “You’re not the first to face this, and you’re not on your own. Let’s take smart steps together.”

Make Agency Accessibility Solutions the Default

Ultimately, accessibility should be a standard part of how your agency delivers quality websites—not a surprise line item or reactive fix.

By talking about agency accessibility solutions early and revisiting them often, you’re helping clients:
- Avoid costly legal issues
- Reach broader audiences
- Improve overall usability and performance
- Build reputations as inclusive, thoughtful brands
You don’t have to be an accessibility expert on day one. But you do need to know when—and how—to start the conversation.

Because accessibility isn’t just good practice. It’s good business. And it shows that your agency isn’t just building websites—you’re building experiences that work for everyone.

Ready to Make Accessibility Part of Your Process?

At 216digital, we help agencies like yours turn accessibility into a strategic advantage. From audits to remediation, monitoring to team training, we offer flexible solutions that scale with your projects and support your client relationships.

Schedule an ADA briefing with 216digital, and let’s make every build a little more inclusive—together.
Greg McNeil

June 27, 2025

Testing & Remediation

Accessibility, Accessibility Audit, Accessibility testing, agency accessibility solutions, digital agency, Website Accessibility
How to Design Accessible Icons that Users Love
Icons are everywhere—on mobile apps, websites, dashboards, and devices. They’re small, but they do big things. Icons help us find a menu, delete a file, or save something for later. Designers love them for good reason: they’re stylish, space-saving, and often universal. But here’s the question—are they really accessible to everyone?

It’s easy to focus on how icons look, but what about how they function for people using screen readers, people with low vision, or anyone who relies on keyboard navigation? In this article, we’ll take a closer look at the benefits and challenges of using icons, the common accessibility mistakes, and the steps designers and developers can take to create accessible icons that improve user experience without sacrificing style.

Why Icons Matter (Beyond Aesthetics)

Well-designed icons help users make sense of content faster. According to research aligned with WCAG guidance, familiar icons can support users with reading or cognitive challenges by serving as helpful visual cues. A simple “trash can” icon can quickly signal delete. A “magnifying glass” screams search. When paired with labels, these accessible icons create a faster and clearer experience for all users.

Saving Space on Smaller Screens

Icons also shine when space is tight—especially on mobile. Instead of cramming menus or actions into text links, icons can simplify the interface and reduce visual clutter. When used thoughtfully, accessible icons help you keep things clean while making the site easier to use.

Common Accessibility Challenges with Icons

Ambiguity: One Icon, Many Meanings

Icons aren’t always as clear as we think. A heart icon might mean “like,” “save,” or “favorite.” Without proper labeling, users may misinterpret its purpose. WCAG requires that all non-text elements, including icons, have text alternatives that clearly explain what they do. Accessible icons must carry meaning that’s clear—both visually and programmatically.

Decorative Icons That Get in the Way

Not every icon needs to be “read.” Some are purely decorative—like flourishes in a logo or background design. But if these aren’t properly hidden from screen readers, they add clutter and confusion. WCAG recommends using aria-hidden= "true" or similar methods to hide decorative icons. That way, screen reader users don’t have to sift through unnecessary details.

Size, Contrast, and Clickability

Icons that are too small or faint are hard to see or click—especially for users with motor or vision challenges. WCAG suggests a touch target size of at least 44×44 pixels. Icons should also meet contrast guidelines (at least a 3:1 ratio against the background). And if someone’s using a keyboard to navigate, your icons must have clear focus indicators and be easy to tab to.

Best Practices for Creating Accessible Icons

1. Label Every Interactive Icon

Icons that do something—like opening a menu or submitting a form—need a clear label. You can add a visible text label, a hidden <span> for screen readers, or an aria-label attribute. For example:
```
<button aria-label= "Open menu">
  <svg aria-hidden="true" width="24" height="24" role="img">
    
  </svg>
</button>
```
This makes sure your accessible icons work for both sighted and non-sighted users.

2. Hide Decorative Icons Properly

If an icon doesn’t add meaning, it shouldn’t be read by assistive technology. Use:
```
<span aria-hidden="true">
  <svg></svg>
</span>
```
Or:
```
<svg role="presentation"></svg>
```
This keeps screen reader output clean and focused on relevant content.

3. Pay Attention to Size, Contrast, and Focus

Accessible icons should be big enough to click easily and bold enough to see. Stick to WCAG’s minimum target size of 44×44 px. Use color contrast of at least 3:1 for non-text icons. And don’t forget to add a visible focus style for keyboard users—like a border or shadow:
```
button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
```
4. Stay Consistent

Use the same icon for the same action across your site. If a magnifying glass opens search in one place, don’t use it for zoom somewhere else. Consistency helps users feel confident in what each icon means—and that’s what accessible icons are all about.

5. Avoid Icon Fonts and Emojis

While they may seem handy, icon fonts can confuse screen readers. Emojis can also be read out in unexpected ways. It’s safer and more predictable to use SVG icons with proper labels.

6. Test in the Real World

Use tools like Lighthouse, or WAVE to catch basic issues. Then test manually: try navigating with a keyboard, check screen reader output, and validate that your icons have the right labels and focus states. Real-world testing is essential to making sure your accessible icons actually work.

A Closer Look: Two Icon Examples

The Right Way to Do a Menu Icon

Let’s say you’re building a mobile menu. Instead of just throwing in a hamburger icon, here’s how to make it accessible:
```
<button aria-label= "Open menu">
  <svg aria-hidden="true" width="24" height="24">
    
  </svg>
</button>
```
With proper labeling, contrast, sizing, and keyboard focus styles, this is a perfect example of accessible icons done right.

Clarifying a Heart Icon

Got a heart icon to save a product? Don’t leave users guessing. Add supporting text:
```
<button aria-label= "Save to favorites">
  <svg aria-hidden="true" width="24" height="24">
    
  </svg>
</button>
```
This helps screen readers speak the correct action and helps all users understand what it does.

Looking Ahead: The Future of Icon Accessibility

Think Global

Icons don’t always mean the same thing across cultures. Something that makes sense in the U.S. may not be clear in Japan or Brazil. When designing accessible icons, test with a global audience if your site serves one.

Customize and Personalize

If you’re creating custom icons for your brand, take extra care with labeling and testing. Better yet, offer users the ability to switch between icons, text, or both—especially for key actions. It’s all about giving people choices that fit their needs.

Final Thoughts: Make Icons That Include Everyone

Icons are powerful little tools. They help us move faster, understand more, and make the web a little smoother. But for them to work for everyone, they need to be designed with care.

That means using accessible icons that have clear labels, hiding decorative ones, following size and contrast rules, being consistent, and testing thoroughly. These steps don’t take away from good design—they enhance it.

At 216digital, we work with design and development teams to review their UI patterns and create accessible experiences—icons included. If you’re ready to take the next step in making your digital spaces more inclusive, let’s talk. Schedule your ADA accessibility briefing today and let us help you turn thoughtful design into inclusive action.
Greg McNeil

June 26, 2025

How-to Guides

Accessibility, Accessible Design, ADA Compliance, Graphic Designer, How-to, Website Accessibility
How EAA Enforcement Works Across the EU
If you’re hearing more about the European Accessibility Act (EAA) lately, you’re not alone—and you’re right to be paying attention. With the June 28, 2025 enforcement date around the corner, many U.S. businesses are starting to wonder: Does this apply to us? Are we at risk if we’re not in compliance?

The short answer? Not necessarily—but that doesn’t mean you should ignore it.

The EAA is a major development in digital accessibility law for the European Union, and while it’s not a global regulation, it can impact U.S.-based companies that offer products or services to EU customers. For others, it’s simply a signal of where global accessibility expectations are headed.

This article breaks down what the EAA actually is, who needs to comply, how enforcement works, and how to determine whether it applies to your business. No panic, no guesswork—just the facts and a clear path forward.

Setting the Stage: What Is the EAA?

The European Accessibility Act (EAA) is an EU directive focused on improving digital and product accessibility for people with disabilities across member states. It’s designed to standardize accessibility expectations throughout the EU, ensuring equal access to services like banking, transportation, e-commerce, and more.

The law goes into effect on June 28, 2025, and several EU countries are already working to align their national laws accordingly. For companies operating in the EU, this is a significant compliance milestone.

But here’s the key point: The EAA only applies to businesses that actively do business in the European Union.

Who the EAA Applies To—and Who It Doesn’t

The EAA’s core goal is to eliminate digital accessibility barriers. Whether someone is shopping online, checking into a flight, reading an eBook, or using a mobile banking app, the EAA ensures people with disabilities in the EU can participate fully in everyday digital life.

Does the EAA Apply to U.S. Businesses?

In short: Only if you’re engaging directly with EU customers.

The EAA is not a global requirement. It’s meant for companies that:
- Operate physically or digitally within the EU,
- Market or sell directly to consumers in EU countries, or
- Offer digital services like online platforms or mobile apps in the EU marketplace.
So, if your business has no EU offices, no EU-based clientele, and no intention to serve EU consumers, the EAA doesn’t apply to you.

What About Small Businesses?

Even within the EU, microenterprises—those with fewer than 10 employees and less than €2 million in annual revenue—are exempt. That’s important for U.S. startups and solopreneurs wondering if having a website puts them on the hook. It doesn’t.

What the EAA Actually Requires

If your organization does conduct business in the EU, here’s what compliance looks like:

Covered Products and Services

The EAA applies to a wide range of digital goods and services, such as:
- Online marketplaces and e-commerce platforms
- Mobile apps and websites
- Digital banking interfaces and ATMs
- Public transport booking systems
- eBooks and reading devices
- Ticketing machines and self-service kiosks
Accessibility Standards

Compliance requires aligning with EN 301 549, which references WCAG 2.1 Level AA—a familiar standard in the U.S.

That means your content and digital tools should be:
- Perceivable: Understandable with assistive technologies
- Operable: Usable with various input methods like keyboards
- Understandable: Clear, predictable layouts and instructions
- Robust: Functional across devices and platforms
Accessibility Statements

EAA-compliant websites and apps must also include an accessibility statement that communicates the site’s current accessibility status, outlines any known limitations, and provides a channel for users to request support or report issues.

How EAA Enforcement Actually Works

EAA enforcement isn’t handled at the EU level. Instead, each member state enforces the EAA independently, with its own authority, procedures, and penalty structures. That means the experience—and consequences—can vary from country to country.

Here are a few notable examples:
- France: Handled by Défenseur des droits, with fines up to €250,000
- Germany: Managed by BFIT-Bund and regional bodies; penalties from €10,000 to €500,000
- Ireland: Overseen by the National Disability Authority; up to €60,000 in fines or imprisonment in serious cases
- Italy: Governed by AgID; fines can reach €25,000
- Spain: Managed by OADIS and regional authorities; penalties as high as €600,000
A Word to Multinational Businesses

If your business spans multiple EU countries, EAA enforcement can get complex. Each jurisdiction may interpret the directive differently, making early planning essential for smooth, consistent compliance.

What U.S. Businesses Should Actually Do

Now that you have a clearer picture, here’s how to assess your next steps.

1. Evaluate Your Exposure

Ask yourself:
- Do you sell to or serve customers in the EU?
- Do you offer a localized site or support EU languages?
- Are your apps available in EU-based app stores?
If the answer is yes, EAA compliance is likely necessary. If not, you’re likely outside its scope—but staying informed is still a wise move.

2. Take Practical (Not Panicked) Steps

If you do engage with the EU market, now is the time to:
- Audit digital products for WCAG 2.1 Level AA alignment
- Fix known accessibility issues (navigation, color contrast, labeling, etc.)
- Publish an accessibility statement
- Document your efforts for accountability
And if you’re unsure where to start, bring in accessibility experts. The right support can help you avoid missteps, reduce liability, and stay aligned with country-specific EAA enforcement requirements.

3. Remember: Accessibility Is a Business Advantage

Even if the EAA doesn’t apply to you now, accessibility is still a smart investment. It can:
- Broaden your customer reach
- Improve usability and search engine performance
- Build long-term brand trust and loyalty
- Help you stay ahead of evolving legal and market expectations
And in the U.S., digital accessibility remains a legal risk under the ADA. Proactive improvements made today could save you from future challenges—at home and abroad.

Looking Ahead: Stay Aware, Not Alarmed

The European Accessibility Act represents a shift in global digital accessibility expectations—but that doesn’t mean every U.S. business needs to overhaul its operations overnight. If your company doesn’t operate in the EU or serve EU-based customers, this law likely doesn’t apply to you.

Still, moments like this are valuable reminders. They give forward-thinking businesses a chance to pause, evaluate, and strengthen their digital experiences—not just for compliance but for the real people who rely on accessible technology every day.

Whether you need to take immediate steps or want to stay ahead of future regulations, the smartest move is to stay informed and be proactive. Accessibility isn’t about reacting to legal threats—it’s about building resilient, inclusive digital experiences that serve everyone, everywhere.

Need clarity on where you stand or how to move forward? Let 216digital help you navigate accessibility with confidence and purpose.
Greg McNeil

June 25, 2025

Legal Compliance

2025, Accessibility, EAA, European Accessibility Act, Legal compliance, Website Accessibility
How to Identify Decorative Images for Accessibility
Images can bring a web page to life—but not all of them need to speak. When it comes to web accessibility, knowing which images are decorative and which are informative is key to creating a cleaner, smoother experience for people using screen readers and other assistive technologies. That’s where alternative text (alt text) comes in.

You probably already use alt text to describe important images. But what about the purely visual ones—those flourishes and background elements? If they don’t add value beyond appearance, they might be decorative images. This article helps you identify which images fall into that category and how to properly mark them, so screen reader users aren’t bogged down by unnecessary noise.

By focusing on even small improvements—like skipping redundant descriptions—you can build better, more respectful websites.

What Makes an Image “Decorative”?

Let’s start with the basics. According to WCAG 2.1 Success Criterion 1.1.1: Non-text Content, all meaningful non-text content must have a text alternative. But decorative images are an exception—they don’t need a description because they don’t carry meaning.

So, what exactly counts as decorative?

Common Decorative Image Types
- Borders, swirls, and flourishes that are strictly for looks
- Icons next to already-labeled buttons (like a phone icon next to the word “Call”)
- Stock photos that add mood or style but aren’t referenced in content
- Repetitive logos or design elements used as dividers or backgrounds
If removing the image doesn’t change the message or function of the page, you’re likely dealing with a decorative image.

Making the Right Call: Informative or Decorative?

It’s not always black and white. Here are a few quick questions to help:
- Does the image convey info that isn’t available in the text?
- Would a user miss out on something if the image was gone?
- Is the image part of an instructional step, chart, or link?
If you answer yes to any of these, the image is probably informative—and it needs descriptive alt text. If not, you may be safe to treat it as decorative.

For a more detailed approach, try W3C’s Alt Decision Tree. It’s a great tool, but don’t worry—no one expects you to follow it like a script. Trust your content instincts too.

Common Mistake Alert: Don’t mark company logos, charts, or instructional images as decorative. If they carry meaning or serve a function, they need proper alt text.

How to Properly Mark Decorative Images in Code

Once you’ve determined that an image is decorative, here’s how to ensure assistive technologies skip over it.

Use an Empty Alt Attribute

This is the most common and widely supported method:
```
<img src="divider.png" alt="">
```
Why does this work? A screen reader will completely ignore the image. This prevents confusion and keeps users focused on meaningful content.

But be careful: don’t skip the alt attribute altogether. Leaving it out may cause screen readers to read the file name—something like “divider-dot-p-n-g”—which is exactly the kind of noise we’re trying to eliminate.

Use role="presentation" or aria-hidden="true"

For SVGs, icons, or complex visual elements that can’t use alt="", try one of these:
```
<svg role="presentation">...</svg>
<img src="swirl.svg" aria-hidden="true">
```
What’s the Difference?
- role= "presentation" tells assistive tech: this element is just for visuals.
- aria-hidden= "true" hides the element from all assistive tech completely.
Choose one—don’t combine them with an empty alt attribute. Using both can confuse the accessibility tree and cause unpredictable results.

Best Practices & Pitfalls to Avoid

To keep your decorative images accessible:
- Use only one method to mark an image as decorative
- Test your implementation using screen reader emulators, WAVE, or Lighthouse
- Avoid using the word “decorative” in the alt text—use an empty alt attribute instead.
- Always include the alt attribute, even if it’s empty.
- Be careful not to hide meaningful images by using aria-hidden="true".
It’s also a good idea to review your CMS settings. Many platforms automatically insert images or fill alt text fields with file names. Stay alert!

Why It Matters: The Impact of Doing It Right

When you handle decorative images properly, you create a better user experience for everyone:
- Less noise for screen reader users, making it easier to navigate pages
- A clearer focus on important content and messages
- Reduced cognitive load, especially for users with visual or cognitive disabilities
- Cleaner code that’s easier to maintain and optimize
Bonus: It can even help with SEO by making your site more semantic and purposeful.

Real users have reported better experiences when extra, repetitive images are removed from their screen reader journey. It’s a small step with a big payoff.

Beyond Alt Text: Decorative Images Are Just One Part

Identifying and labeling decorative images is one part of a much larger accessibility picture. But it’s a foundational step.

Teams should regularly audit content—especially in environments where new images are often added, like blogs or e-commerce templates. Ask yourself: are new images truly meaningful, or just visual noise?

Also, remember: accessibility isn’t one person’s job. It’s a shared responsibility. Designers, devs, marketers, and content creators all play a role in making digital experiences more inclusive.

And if you’re using modern frameworks like React or Vue, be sure your components handle decorative images correctly and out of the box. A simple alt=”” on a reusable image tag can save a lot of friction.

Keep Image Accessibility Intentional

To recap: If an image is purely decorative, mark it so that screen readers skip over it. Use an empty alt="", or where needed, role= "presentation" or aria-hidden= "true". Don’t mix methods, and always test your work.

Improving how you handle decorative images might seem like a small detail, but it’s a powerful way to respect your users and refine your site’s accessibility. Thoughtful design isn’t just about how a site looks—it’s about how it feels to navigate.

Need a second pair of eyes on your accessibility implementation?

Schedule an ADA accessibility briefing with 216digital. Our experts can help you identify gaps, offer hands-on guidance, and take the guesswork out of inclusive design—so your digital experiences work better for everyone.
Greg McNeil

June 23, 2025

How-to Guides

How-to, Image Alt Text, WCAG, WCAG Compliance, web developers, web development
Build Accessibility In, Don’t Bolt It On
A brand-new website can feel polished and future-proof—right up until someone with a screen reader runs into a dead-end menu or a keyboard user can’t tab past the hero banner. Suddenly the “finished” project is back on the operating table, costing hours (and budget) you’d already spent elsewhere.

When accessibility planning is woven into the first brainstorm—alongside color palettes, user flows, and content themes—those last-minute scrambles disappear. Decisions get crisper, code stays cleaner, and every visitor, regardless of ability, enjoys the same smooth path through your pages.

Think of accessibility less as decorative trim and more as the blueprint that holds the whole structure together. Start with it, build on it, and you’ll launch faster, spend less, and welcome more people from day one.

What Does “Bolting It On” Look Like?

Many organizations treat accessibility like a retrofit. The site is already built, the design is approved, and the content is live. Only then does someone say, “Wait—what about screen reader support? What about color contrast? What if this form can’t be used with a keyboard?”

Now you’re in damage control. Fixing accessibility issues post-launch can require rewriting code, redesigning components, and delaying updates. Even worse, you may be stuck with baked-in barriers that are difficult or costly to correct. For example:
- Rebuilding menus that were designed without keyboard navigation in mind
- Rewriting interactive components that don’t support screen readers
- Replacing an entire color palette because contrast ratios fail WCAG
Accessibility planning means thinking about inclusion as you sketch wireframes, select a CMS, or build your first component. It means your developers write semantic HTML, your designers test color contrast before finalizing a palette, and your content creators write with clarity and structure.

When accessibility planning is part of the DNA of your project, you get better results—faster and with fewer surprises.

Accessibility Planning = Smart, Strategic Design

Now imagine the opposite scenario: your team is starting a new project or redesign. Right at the beginning, you ask:
- Who are our users, and what diverse needs do they have?
- Are we designing this interface to be usable without a mouse?
- Can our color and font choices work for users with low vision or dyslexia?
- Are we writing alt text for images, and using descriptive link text?
- Is this form easy to complete using assistive technology?
These questions don’t slow you down. They guide your decisions from the ground up.

Accessibility planning means thinking about inclusion as you sketch wireframes, select a CMS, or build your first component. It means your developers write semantic HTML, your designers test color contrast before finalizing a palette, and your content creators write with clarity and structure.

When accessibility is part of the DNA of your project, you get better results—faster and with fewer surprises.

6 Stages Where Accessibility Belongs

Here’s how to build accessibility into your process, stage by stage:

1. Discovery and Strategy

Before any code or design work begins, include accessibility planning as a strategic priority. Define your target users, including those with disabilities. Document accessibility goals and requirements as part of your project scope.

Make accessibility a deliverable—not an afterthought.

2. UX and Visual Design

Design with inclusivity in mind. That means:
- High contrast color palettes
- Clear visual hierarchy
- Large, legible typography
- Components that look good and function well with assistive tech
- Clear focus indicators and logical navigation
Don’t assume visual design is just aesthetics—it impacts usability for everyone.

3. Content Creation

Content creators play a major role in accessibility planning. They should:
- Use descriptive headings and meaningful subheadings
- Write clear, concise link text (“Download the annual report” instead of “Click here”)
- Provide transcripts or captions for audio and video
- Write meaningful alt text for important images
Training your content team on accessibility saves hours of rewriting down the road.

4. Front-End Development

This is where accessibility really comes alive. Developers should use:
- Semantic HTML (correct use of <nav>, <button>, <label>, etc.)
- ARIA labels only when needed—not as a shortcut for poor structure
- Keyboard operability for all interactive elements
- Logical tab order and skip navigation links
Accessibility-friendly code isn’t just better for screen readers—it’s more resilient, scalable, and SEO-friendly too.

5. Testing and QA

Accessibility testing isn’t just automated. While tools like Lighthouse, or WAVE help flag obvious issues, real users and manual testing are critical.
- Test with screen readers like NVDA or VoiceOver
- Navigate your site using only a keyboard
- Check forms for proper labels and error handling
- Test responsiveness and zoom up to 200%
Bring in users with disabilities if possible. Their feedback is irreplaceable.

6. Launch and Maintenance

Accessibility doesn’t stop at launch. It’s an ongoing effort. As you add new features or content, revisit your accessibility standards. Schedule regular audits. Monitor legal developments. Consider automated tools like a11y.Radar for early issue detection.

The Human Side of Accessibility

It’s easy to talk about accessibility in technical terms, but at its core, it’s about people.

Think about someone using a screen reader to access your site. Or someone with motor limitations who can’t use a mouse. Or someone dealing with temporary impairments—a broken wrist, eye strain, or even just a noisy environment where audio isn’t practical.

Building accessibility in from the start isn’t about compliance for its own sake. It’s about treating all users with dignity. It’s about believing that digital spaces should work for everyone, regardless of ability.

Common Pitfalls to Avoid

Even with good intentions, teams can fall into these traps:
- Assuming accessibility is only the developer’s job: Accessibility is a shared responsibility across design, content, and engineering.
- Waiting until the QA phase: Accessibility can’t be “tested in” at the end. It must be designed and developed.
- Relying too much on overlays or plugins: Widgets don’t fix inaccessible code. In some cases, they create more problems than they solve.
- Failing to document decisions: Keep a living accessibility checklist. It helps ensure continuity across teams and updates.
Why It Pays Off

Here’s what you gain when you build accessibility in from day one:
- Faster development: Fewer reworks, cleaner code
- Lower costs: Avoid costly redesigns and retrofits
- Happier users: Better usability for everyone, not just people with disabilities
- Improved SEO: Accessibility often overlaps with search best practices
- Reduced legal risk: Stay ahead of ADA and state-level laws like Colorado HB 21-1110
- Stronger brand reputation: Inclusion signals leadership and care
Most importantly, you build a digital presence that welcomes, respects, and serves more people exactly like the web was meant to work.

No Ifs, Ands, or Bugs—Just Accessibility Plans

Accessibility doesn’t belong on a post-launch checklist or in a future phase that never quite gets prioritized. It belongs at the table from day one—when you’re mapping out user journeys, designing components, and writing your very first lines of code.

By making accessibility planning a core part of your workflow, you avoid costly rework, improve overall quality, and create digital experiences that serve more people, more effectively. It’s not about adding more to your plate—it’s about building smarter from the start.

If you’re ready to move from fixing to future-proofing, 216digital can help. Our phased accessibility services are designed to meet you where you are, guide your team, and strengthen your site’s foundation for the long haul. Let’s make accessibility part of how you build—every time.
Greg McNeil

June 20, 2025

Testing & Remediation

Accessibility, Accessibility Remediation, Accessibility testing, Web Accessibility, Web Accessibility Remediation, web development

1. Reach a Bigger Audience—Literally

2. A Better Experience for Everyone

3. Boost Your SEO (Yes, Really)

4. Build Real Trust (And Keep It)

5. Lower Bounce Rates. Higher Conversions.

6. Stay Ahead of Legal Risk

7. Turn Happy Users Into Vocal Advocates

Putting It All Together: Web Accessibility Is Smart Marketing

Final Thoughts

Ready to Make Accessibility Your Advantage?

Accessibility Is Often Where Innovation Begins

The Road to Now: Disability Pride Month and Digital Milestones

Why States Are Shaping the Future of Digital Access

Accessibility Isn’t Just Good Ethics—It’s Good Design

Looking Ahead: Inclusion Is the Innovation Strategy

From WCAG to Universal Design

The Seven Principles of Universal Design (for the Web)

1. Equitable Use

2. Flexibility in Use

3. Simple and Intuitive Use

4. Perceptible Information

5. Tolerance for Error

6. Low Physical Effort

7. Appropriate Size and Space for Use

A Quick Universal Design Checklist

The Real-World Impact of Universal Design

Bringing Universal Design into Your Workflow

Start with People. Build with Purpose.

Start at the Foundation: Build In, Don’t Bolt On

What the Law Actually Says (And Why It’s Not Just About Lawsuits)

WCAG Sounds Complex—But It Boils Down to Four Core Ideas

Okay, But How Do You Start with ADA Compliance?

Use tools that do the first pass for you.

Triage by Traffic

Teach What Matters To The People Who Touch the Work.

Make It Routine, Not A One-time Fix

The Payoff Isn’t Just ADA Compliance—It’s Better Public Service

You Don’t Have to Do It All Today—Just Take the First Step

Understanding Auditory Disabilities

Levels of Hearing Loss

Different People, Different Preferences

What Inclusive Design Looks Like for Auditory Disabilities

Captions and Transcripts

WCAG Guidelines

Audio Compatibility with Assistive Devices

Real-Time Text (RTT) and Chat Options

WCAG Guideline

Sign Language Interpretation

WCAG Guideline

How WCAG Principles Apply to Auditory Accessibility

Perceivable

Operable

Understandable

Robust

Watch Out for These Common Mistakes

Autoplaying Media

Auto-Generated Captions

It’s Not Just About Hearing—It’s About Being Heard

Start the Conversation About Agency Accessibility Solutions

Revisit It During Design Reviews

Build Accessibility into Development (Not After)

Post-Launch Is Just the Beginning

When Legal Risk Enters the Chat

Make Agency Accessibility Solutions the Default

Ready to Make Accessibility Part of Your Process?

Why Icons Matter (Beyond Aesthetics)

Saving Space on Smaller Screens

Common Accessibility Challenges with Icons

Ambiguity: One Icon, Many Meanings

Decorative Icons That Get in the Way

Size, Contrast, and Clickability

Best Practices for Creating Accessible Icons

1. Label Every Interactive Icon

2. Hide Decorative Icons Properly

3. Pay Attention to Size, Contrast, and Focus

4. Stay Consistent

5. Avoid Icon Fonts and Emojis

6. Test in the Real World

A Closer Look: Two Icon Examples

The Right Way to Do a Menu Icon

Use `role="presentation"` or `aria-hidden="true"`