Published: September 17, 2019
Ever leave a website feeling frustrated, overwhelmed, confused or all of the above? Don’t worry, me too. But, for those with disabilities, trying to navigate a website that wasn’t designed with accessibility in mind is even more difficult. Currently, 26% (1 in 4) of adults in the United States have a disability. This means if you don’t have an accessible website, you are excluding millions of users from learning more or interacting with your business. Whether you’ve dabbled in website accessibility in the past or are just learning about the concept now, our helpful guide below covers everything you need to know to make your website more accessible to everyone. [embed]https://youtu.be/2fZFup19rX4[/embed]
What is Website Accessibility?Here’s our one-sentence definition for website accessibility: Making your website available for all consumers, including those with disabilities. To get more specific, website accessibility means websites and other online tools are properly designed and coded so people with disabilities can contribute, perceive, navigate and interact with the online world. You may be wondering: why is website accessibility important for my business? Well, we’re glad you asked. Even if your website is not a federal, state or local government website, there are many benefits for improving accessibility. Not only can you strengthen your audience by following best practices, but you can also improve search engine optimization and increase customer satisfaction. It’s a win-win for everyone!
Tips for Improving Website AccessibilityNow that you’re a website accessibility expert (or at least know what it is), check out our top six tips for improving website accessibility:
1. Use <h> (header) tags correctly.Many people with disabilities rely on screen readers to relay information back to them. Screen readers depend on <h> tags (and other web elements) to navigate content. Here’s how to properly use <h> tags:
- Only use <h1> for the main title of the page.
- Do not skip heading levels (ex. Go from an <h1> to an <h4>) because it can confuse screen readers into thinking content is missing from the page.