Skip to content

Making your site more accessible through visibility.

By creating a website that is more accessible to users of disabilities you make it so that all users have an easier time perceiving, understanding, and interacting with the website you've made. Being able to use the tools available to a developer to work on best practices for accessibility of content helps with audience reach. One of the first ways you can do that is through visibility of the information on your sites

You can do that by making sure the contrast of your text with the foreground and background is enough to make it readable, tools like Contrast Checker use the Web Content Accessibility Guidelines (WCAG) to be able to check if your text and background follow readability guidelines. Size of text is also important for readability, to achieve that by testing your website by resizing larger and smaller to see if all information is still available to the user. Making sure your text and information scale uniformly while zooming in or out will help with accessibility and responsiveness of your application. Text is also necessary when also dealing with visual cues. Visual cues and labels such as a green checkmark to indicate confirm/accept in a form might not be completely clear to every user, especially ones that rely on screen readers to browse the web. Using text markup like ARIA attributes throughout your app helps tools such as screen readers and other assistive devices understand the information on your webpage better.

Visibility is one of the first ways to increase accessibility of your web application, it's also important to make these accessibility considerations when thinking about how users interact with your site, not just view it. There are many tools and guidelines created in aiding the creation of more accessible websites. WCAG is a series of guidelines that were published by the W3C that are sets of recommendations for making web content more accessible. Tools like Accessibility Developer Tools made by Google help analyze your HTML page and create a report based on the contrast ratio throughout the page and usage of ARIA attributes. Leveraging all of these to make a more accessible website extends the reach of your site and also improves other areas such as SEO and responsiveness.

Blog comments