Make Your Campaign Accessible

At Raisely, accessibility is of utmost importance, and we try our best to make our products accessible to everyone. And we want to help you do the same!

We have done a lot of the work for you to make this easier, but some things are simply beyond our control. Here's what you need to do to ensure your website is accessible to everyone:
 

Choose the Right Colours

Whether you're choosing your brand colours, setting up your buttons, or changing your text colour, you need to be aware that not every colour combination is readable for everyone. In order to comply with the web's accessibility guidelines, your colours will need to meet certain contrast ratio requirements.

Sometimes, it can be super clear when colours clash or are hard to read, but other times it can be more difficult to identify when some combos are inaccessible. Not to worry, though! There are lots of resources available across the web where you can check your colours and help find the right ones to use. Accessible Colours is one of our favourites!

Need some accessible colours quickly? Check out Hello Color to generate two complementary and 100% accessible colours, perfect for your primary & secondary brand colours!

   

Make Your Images Accessible

When it comes to images, there are a number of really simple things you can do to make sure they are accessible:

  1. (Almost) Never use text in an image
     
    When text is baked into an image using a tool like Canva, it means that screen-readers* cannot read it. You should also never use text in an image if it is a background image, as it is impossible to ensure that the words will be legible on every screen.

    *voice-to-text machines that help the visually impaired
       
  2. Always add alt-text to your image
    Every time you add an 🏞 Image Block to your website, we will ask you to add Alternate Text. This descriptive text is read to users who might not be able to make out the image to help them understand what the image represents. This is an extremely simple, yet important, way to be inclusive. This text should be a short (just a few words) description of what the image means.

    🔥 Hot Tip: Check out this article for more tips on writing good alt text: Writing Great Alt Text

  

Helpful Resources 

Userway - this widget can be added to your campaign to make it easy for anybody with an impairment to navigate

Color Safe - not quite sure which colors to use? The Color Safe website is a great way to explore accessible palettes for your campaign

Accessible Colours - you can use this website to check your colour combinations and see whether they meet accessibility requirements

For a lot of us, we don't know what it is like to use the web with an impairment. As with many things, a greater understanding is needed to build empathy, and there a couple of really useful tools that can simulate what it is like to be impaired on the web:

  

😅 Sound a bit overwhelming? We realise that meeting these standards can often be daunting, but we are your biggest advocate and are always happy to help out and advise. So please, if you have any questions, don't hesitate to contact us!
 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us