3 Quick Wins To Make Your Website Accessible

Updated on



3quickwina11y og

The first tip from @juxtdesign is Accessibility ✌️ ! Accessibility matters because making your site accessible meaning even more people (more than 1 billion disabled people in the world 🧑‍🦯🧏🧑‍🦽) can easily access your site. It stands for diversity and inclusion for your company and there are guidelines for you to follow.

Step 1: How to evaluate my site's accessibility?

Why does accessibility matter? 15% of world's population live with disability, Design for diversity & inclusion meaning more traffic, Implement the best practice in the world

Use Web.dev or WAVE to spot out the accessibility problems on your website. Little effort to your site can make your accessibility score up to 90+.

Evaluate my accessibility with web.dev Evaluate my accessibility with Wave WebAim

You can also use Stark on Figma & Sketch when you are designing app interfaces.

Step 2: Quick wins to make your site accessible

Add Alt Text to Images. Describe or explain the purpose of the image in alternative text field, allow screen readers to announce your image content for disabled users

Add alt text to images on your website to make your images speak for themselves. You can also double-check your color contrast is accessible to visually impaired users. Keep in mind that your site should be properly organized in a hierarchy.

Check your color contrast with Contrast Checker, minimum contrast should be (4.5:1 & 3:1)

Set proper content hierarchy. Reflect page content organisation help people navigate your page

Alt Text is also great for SEO too because search engines does not read your image

Step 3: There is no step 3! Sit and wait for more traffics to come over time.

Have I mentioned accessible websites are easier found by search engines as well?