Skip to main content

You make the internet.
Now make it accessible.

Only 1.9% of websites are fully accessible to individuals with disabilities. Now, more than ever, the makers of the internet (that’s you) need to Make it Accessible.

How accessible are the websites you make?
Test your website through the four core principles of web accessibility.

Structure Your Code

Label Everything

Prioritize Visibility

Making the internet more accesible starts with understanding.

At first glance, the Web Content Accessibility Guidelines (WCAG2) can seem daunting. Paying attention to these four pillars can drastically increase the accessibility of a website and make it more inclusive for every user.

Ear

Structure Your Code

Many people with disabilities rely on screen readers that translate the code and text of a site. By using standard H1 headers, giving each page a title that adequately describes the page’s contents and leveraging existing tags instead of creating custom elements, you can ensure the readers can represent your site correctly.

  • Use landmark elements
  • Title all iframes
  • Proper input element types
Mouth

Label Everything

Label, label, label! From alt tags on images to descriptive labels on form controls, making sure that every element that enables someone to interact or understand your website is labeled correctly and thoroughly.

  • Alt-text on all images
  • Descriptive link/button text
  • Label all form inputs
  • Set your page language
Eyes

Prioritize Visibility

Beyond ensuring that the text and background have significant enough contrast, there are many other ways that color is used in visual web navigation. Elements such as form instructions - a simple red box to indicate an empty field is not enough - link identification, and graphical elements required to understand the content are also essential to creating inclusive and accessible websites.

  • 3:1 contrast ratio for large text
  • Essential icons also require 3:1 ratio
  • 4.5:1 ratio for smaller text
  • Use words along with colors for form errors
Hand

Consider the Navigation

Whether using a keyboard for navigation or a site reader, navigation can be tricky. By including a sitemap and considering navigation elements like overtly spelling out “Next” buttons or avoiding ambiguous “Learn More” links, you can make a world of difference in the accessible user experience of your site.

  • Provide "skip to content" link
  • Provide a sitemap
  • Ensure focus order is logical

Join the movement for a more inclusive internet and receive helpful tools and resources.

Take action now to make it accessible

The four pillars are just the starting point for increasing digital accessibility, check out these tools that make monitoring and building a more accessible internet easier than ever.

For Businesses

AudioEye is a comprehensive, end-to-end solution that monitors and elevates the accessibility for websites all over the world. No matter the size or complexity of your website, AudioEye can help you on your journey toward making it accessible.

For Developers

Deque's services and training to help development teams understand, implement, and adopt accessibility standards and practices.

For Designers

Stark provides a suite of tools for design teams. Integrate accessibiity options directly with your favorite design softwares such as Figma, Sketch, and Adobe XD.

Become an advocate for accessibility within the digital maker community

Change comes from each and every one of us. Digital accessibility needs advocates like you to spread the word and help build the movement to Make it Accessible.

Group of people working together

Social Share Kit

Your network is your secret weapon. Share the message. Join the movement.

Download Kit
Center for People with Disabilities

Donate to the Center for People with Disabilities

Help the CPD build community and advocate for people with disabilities and improve digital and online accessibility through their WebAIM project.

Donate Now