An accessible donation page helps more donors complete their gifts. Here’s how to remove barriers and build a giving experience that works for everyone and anyone.
Join the fundraising movement! Join the fundraising movement!
Add us as a preferred source on Google
Did you know that 94.8% of websites fail basic accessibility standards? This means that individuals with disabilities are often barred from accessing important information and resources found online.
Nonprofit organizations are among those that can benefit most from making their websites accessible to all. Not only does this ensure anyone can use your website to learn about and access the critical services or resources you provide, but it also helps bring in donations.
In this article, I’ll take you through exactly what goes into building an accessible donation page.
With an estimated 1.3 billion people with disabilities (16% of the world’s population) it’s more important than ever that all websites become as accessible as possible.
Having accessibility barriers on your website or donation page is akin to only having stairs at the entrance to a physical building or not offering braille on important signage.
Plus, following accessibility guidelines improves your website’s user experience for everyone – not just people with disabilities. They make content easier to read and understand, improve usability by mobile users, assist the elderly or those with restrictive injuries, and aid those with slower or limited internet access.
In short, website accessibility is important because it provides equal access to all of the critical information on your website, from your mission to your programs to your donation page. And, in turn, having an accessible and easy-to-navigate website further increases your chances of conversions.
But what do we mean by “accessibility barriers”?
They are the ways a webpage may impede full access to information for those with auditory, cognitive, physical, speech, and/or visual disabilities. Let’s take a look at a few examples.
This occurs when there is not enough contrast – or difference – between the color of the text and the color of the background, making it difficult for those with visual impairments to read.
Be careful of placing text over images. In some cases, such as with a blurred background or if the image has a lot of blank space, it can work. But, most of the time, adding text to an image makes it difficult to read as well as hard to understand what’s going on in the picture.
Using small text on your website or donation page makes it difficult to read, for everyone! But it especially affects the elderly and those with visual impairments.
Make sure your text is large enough for all – I’d recommend 18 pt. text or larger. You should also use a legible font.
Adding alternative text (alt text) to your images enables screen reader tools to audibly read what is happening in the photo, graphic, or chart.
At least 55% of websites don’t use alt text for their images, meaning visitors with visual impairments won’t understand what’s in your imag
For those with hearing impairments, it is often difficult to gather information from videos on websites. This can be easily remedied by adding captions to your videos as well as detailing what is featured in each video within the body of the text.
Make sure that all forms offer clear instructions as well as labels for each form field. This not only makes it easier for screen readers to read but also for everyone to understand, regardless of ability.
Using a multi-step donation form on your page, in place of a long, single-page form, can also improve accessibility. Breaking your form up into smaller, more manageable pieces increases conversion rates because it avoids cognitive overload and makes walking through each required field a bit less overwhelming.
Create Accessible Donation Forms on Donorbox!
Not everyone has the physical ability to use a mouse or trackpad. So, be sure that your website is navigable with just a keyboard.
One of the most important web pages for your organization is your fundraising page. So make sure it is as easy to navigate as possible and that you are eliminating all barriers to accessibility!
Here’s how to make that happen.
With the right fundraising tool, you won’t have to worry about whether or not your donation form itself meets accessibility standards.
Donorbox is an all-in-one fundraising platform offering multi-step donation forms that are easy to use for both organizations and their supporters.
In fact, Donorbox forms are officially AA-level-compliant with the accessibility standards laid out in Web Content Accessibility Guidelines (WCAG) 2.1! This means that our forms follow strict guidelines to ensure that people of all abilities are guaranteed access, with features such as color contrast, easy-to-understand labels, a multi-step giving experience, and keyboard navigation.
Inclusivity is important here at Donorbox. And this is just one way to ensure that everyone has access to the information and resources they need to give to causes close to their hearts.Here’s an example of an accessible Donorbox donation form embedded on Project Street Vet’s website.
Make Your Donation Form Accessible to All
Bonus: Want more examples of the accessible Donorbox form in action? ? Check out these 10 best donation form examples.
Accessibility can’t stop with your donation form. Perform an audit of your donation page and website using the list of barriers to accessibility above. Then, make adjustments where you can.
We also encourage you to check out additional resources, such as ADA.gov, to find more information about accessibility.
And, if you have the budget, a professional website developer or agency can help re-design your website to ensure it follows all guidelines while maintaining your brand and design style.
Plus, watch the webinar recording below, featuring Donorbox’s own Jena and website expert Colin from Few & Far, to learn more about how to get your website in tip-top shape, including additional accessibility tips.
Bonus resource: We’ve curated a list of the best donation pages to inspire you as you set up your page.
Want to take accessibility on your website and donation page one step further? Add a widget specifically designed to eliminate barriers to accessibility.
One of the most popular widgets, UserWay, has a free option that enables users to quickly and easily change font sizes, adjust color contrast, and so much more with just the click of an icon.
While the addition of a widget shouldn’t keep you from making all of the changes suggested above, it can certainly make navigating your website even easier for those with disabilities and impairments.
When barriers to accessibility exist on a website, entire communities of people are excluded from using that site to its fullest extent.
That’s why it is critical to ensure full accessibility of your nonprofit website as well as your donation page. When you remove accessibility barriers, you make it easier for all people to donate to your cause, which benefits your organization, the donor, and those you serve.
Donorbox makes it easy to follow accessibility guidelines because our donation forms are fully compliant with WCAG 2.1. It’s completely free to get started with Donorbox, so you can try it out for yourself today!
Kara has several years of experience in communications and marketing for nonprofit organizations. Her love for serving others began while fundraising for and attending mission trips. She then worked with multiple local nonprofits through various marketing agencies and volunteer opportunities before becoming a communications manager at Variety the Children's Charity of St. Louis for more than four years. Kara now specializes in writing and enjoys sharing her experiences and knowledge with others on this platform.
Join the fundraising movement! Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
