How to Make Your Website Visually Accessible

Chloe Thomas

Hey there friend – happy Friday (or whatever day you are reading this on)! This week, a certain topic regarding websites was brought up to me that I decided needed a little more space on my blog for.


During my sophomore year in college, I was able to intern for a Technical Writer at NC State University who wrote manuals, guides, and all the “techy” language for the professionals within the University. A big part of her job was writing [and including] content that was accessible for those with visual disabilities. She really taught me all I needed to know about making a website accessible.

This week I have been working on a WordPress website for a therapist located in New York. We are doing a complete overhaul of her website and one of the things she brought to my attention was this:

“Some of my clients deal with visual disabilities. One of them actually told me that she couldn’t even interact or read with my [old] website because it wasn’t accessible for her. I’d like to make that a priority.”

I immediately kicked into gear, did more research and found a solution that is amazing for her website.

Let’s walk through four ways you can make your website more accessible for visual disabilities:

1. Install the plugin One Click Accessibility if you are on a WordPress website.

Because we are building this clients new website via WordPress, my first thought was to research already-available plugins that could give this functionality immediately. We stumbled upon One Click Accessibility that immediately enabled her website with so many different accessibility tools such as increasing font sizing, color contrast, etc. This was exactly what we were looking for!

2. Prioritize color contrast.

Make sure that your website emphasizes the importance of color contrast by only using colors that contrast very well on each other. For example, if you had a red background with pink text, it would be very difficult to read. We suggest using white on top of a red background.

Image comparing text that passes web accessibility standards versus text that doesn't pass standards to aid in accessibility for the visually impaired.

3. Use straight-forward call to actions.

Don’t rely on the color-coding of your website to indicate when and where action needs to be taken. For an example, some websites that we see commonly use green check-marks to denote when something is “good” and red crosses when something is “bad”. Someone who is color blind wouldn’t know they were green or red, thus, wouldn’t understand the “good” or “bad” connection. We suggest using clear-cut wording on your call-to-actions to indicate what needs to be done, such as “click here!” on a button.

4. Use image alternate tags.

Image alt tags are not only great for SEO, but also great for those who may be blind or have trouble seeing things easily. Although a lot of people are influenced to write keywords within their image alt tag area for better SEO, it’s essential that you actually describe the contents of the photo here. If you have a picture of yourself holding your daughter eating an apple in the kitchen, you should write the alt tag as: “myself and my daughter in the kitchen eating apples together” or something similar. Try to avoid something like “eating apples”.

It’s so important that websites are accommodating to those with visual disabilities because if it isn’t, they may not even be able to interact with your website! If you are looking for a website design, we are currently booking for our last available spot in May. Book a discovery call with me to chat your project details and snag a timeline!

Grab & Go Resources for Private Practice Clinicians

Have a knack for research and want to know *everything* when It comes to branding, website and clinical entrepreneurship? Need some hand-holding when it comes to Google Analytics or email marketing?

We’ve got you covered. And it’s all free.

Don’t Take Our Word For It…

I needed help with creating a new website and fresh branding, including everything from the logo to the color scheme. I couldn’t be happier with my the final product. It’s so much better than I even imagined! Chloe and her team were a pleasure to work with—super friendly, professional, and timely. I highly recommend them to any dietitian or other nutrition professional looking for help with designing the perfect website or branding.

- Maria Adams, Registered Dietitian

Working with Chloe and her team was the absolute best experience I could have imagined! The team was responsive and easy to communicate with. They took my thoughts and ideas and brought them to life in the most beautiful way! And Chloe was there to answer every question I had along the way. They made the entire experience pleasant and enjoyable, and not to mention, my website now so beautiful and easy to navigate!

- Katie Spada, Registered Dietitian

This was seriously my favorite investment I have made in my business so far! I am so impressed with every detail and could not have imagined anything close to what you have created. You were able to take my vision and create a beautiful website and brand that suited my style to a T! Thank you!!

- Katrina Cox, Registered Dietitian

My website and brand feel so "me" ... while also representing the business in a way that feels very appropriate and polished. I have had so many people reach out after the launch to tell me that our branding and website "match" my personal and business personalities flawlessly. 


© Copyright 2018 - 2023 Chloe Creative Studio. Privacy Policy. Terms. North Carolina. Photography by Sara Coffin Photo. Designed by Us :)