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
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.
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
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
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
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.
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.
Deque's services and training to help development teams understand, implement, and adopt accessibility standards and practices.
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.
Social Share Kit
Your network is your secret weapon. Share the message. Join the movement.Download Kit
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