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

Web Content Accessibility Guidelines (WCAG) Level AA Conformance

Raisely aims to help our customers meet the WCAG AA standard on fundraising websites, and give tools such as ability to edit alt text and configure acceptable colour contrasts. In testing done by different organisations and vision-impaired individuals, Raisely websites have performed very well in accessibility tests.

When we release new features, we also work to ensure they meet WCAG AA. We haven't conducted a full audit of Raisely's services against WCAG AA, and generally-speaking fundraising websites aren't mentioned as a covered industry in the DDA, but we want to do all we can to make Raisely accessible to everyone, including disabled organisers, fundraisers and supporters.

If you have any specific concerns, reach out to our Support team and we'll be more than happy to take your feedback onboard!

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:

• Chrome Plugin: Funkify
• Firefox Plugin: A11y Color Blindness Test

Cannot find the support guide you are after? Head on over to our YouTube channel 📺 for more creative content to help you go further. You can even leave us comments, suggesting new content ideas 🤯