Tip Sheets

Website Accessibility Guidelines

Blackbaud K12 Tip Sheets

Issue link: https://k12hub.blackbaud.com/i/1170540

Contents of this Issue


Page 1 of 2

800.443.9441 | solutions@blackbaud.com | www.blackbaud.com September 2019 2 3 Provide alternatives to audio and video. To accommodate people with various impairments, audio and video should have closed captions for those with hearing disabilities as well as a text transcript or thorough description for those who can't visually perceive the media. Many video editing tools and hosting platforms include the ability to add captions, and services such as 3PlayMedia and Rev can transcribe video audio into captions and transcripts. 4 Allow users to stop movement. Moving content such as videos, rotating image galleries, or scrolling headlines should have controls to stop the auto-playing so that users have adequate time to consume the content. It's also essential to avoid content that blinks or flashes more than three times per second as this can cause seizures or other physical reactions. 5 Keep headers and content in the proper order. Within a web page's coding, header tags outline the hierarchy of the page. In Blackbaud School Website System, the page's title takes the Header 1 or H1 tag. Header text added to content widgets receives the H2 tag. Listed content such as news gets an H3 tag to call attention to the list of stories, and then each subsequent news story headline is assigned an H4 tag. H5 is assigned to photo album titles, and H6 applies to individual media item titles. Make sure that headers and content are presented in the proper order at the desktop view as well as when content has been rearranged to fit mobile displays. For example, the H2 headline shouldn't display before the H1 title. This guideline also applies to text organization: If the order of content in a list matters, use a numbered list; if it doesn't, use a bulleted list. 6 Design readable text. From an aesthetic standpoint, the text should have a contrast ratio with its background of at least 4.5:1, and large text over images should maintain a 3:1 ratio. Line height needs to be 1.5 times the font size, and the spacing between paragraphs should be twice the font size. If you aren't sure how to measure all of this—don't worry, your Blackbaud designer knows! Also, avoid two-way scrolling (vertical and horizontal) by checking pages on a mobile device to ensure the width isn't getting broken by embedded widgets or fixed-width tables. 7 Write readable text. From a comprehension standpoint, write website copy for a lower-secondary reading level, avoid unusual words, and spell-out the first reference to an acronym. It's best to stick with one language per page, but if there are multiple languages on a page, include HTML attributes to indicate each change.

Articles in this issue

Links on this page

Archives of this issue

view archives of Tip Sheets - Website Accessibility Guidelines