How can I ensure my GiveGab profile content is accessible?

By formatting your content's text size and colors, you can help keep your profile accessible.

Katrina Grein-Topken avatar
Written by Katrina Grein-Topken
Updated over a week ago

To best ensure that your organization's profile is accessible for everyone, we recommend that you follow the Web Content Accessibility Guidelines (WCAG) 2.0 Level AA. In this article, we'll be visiting on the various aspects of the WCAG that relate to the text in your profile, whether it be on your Giving Day profile, or a campaign or event that your organization is running.

If you'd like to read the article that goes into the media, images, and videos portion of your profile more in-depth, please click here.

For more resources on accessibility in general, please visit our summary article here.

How to ensure your profile is accessible

1. Check your Color Contrast

  • You should use dark colors that match 4.5:1 contrast ratio. You can check your color contrast here.

  • Copy and pasted text will periodically have the same text background color as it did from the source. As such, you should avoid copying and pasting text or content, and should transcribe it from the original source into the GiveGab site.

  • The default color background in our old Giving Day profiles is #F8F9FA, and the default color background for campaigns, events, and new Giving Day profiles is #FFFFFF. If you are leaving the background color the same, your text should contrast well with one of these two colors, depending on which product you are using. If you are unsure on what product you are using, please feel free to reach out to us through the chat bubble!

The below is an example from a profile that is accessible and has good contrast in colors.

An acceptable text color that contrasts well to the background color.

The below is an example of a profile that is not accessible, and has poor contrast in colors.

An unacceptable text color that does not contrast well to the background color.

Note: If you are having difficulties correcting the colors of your text, please reach to us through chat or by email at CustomerSuccess@givegab.com, and we would be happy to help.

2. Include descriptions and captions

  • All images and gifs should have captions that describe what is happening, and should have alternate text associated with the images.

  • All videos should have subtitles/captions

Note: If you are having difficulties adding captions or subtitles to your media, please visit our article that goes into these points in more details here.

3. Ensure all linked sites are accessible as well

  • While GiveGab strides to make our site accessible, and encourage organizations such as your own to have accessible content as well, we cannot control what the content of other sites are. If you link another page on your profile, check first to see if that page follows WCAG.

Did this answer your question?