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:
- (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
- 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
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:
- Experience in AR: See Now Simulator
- Chrome Plugin: Funkify
- Firefox Plugin: A11y Color Blindness Test
😅 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!