Developing inclusive digital content is essential to enable all users, regardless of ability, to interact with our resources. We encourage all staff to adopt and apply accessibility best practices in their work. This dedication is vital for building an inclusive online environment that meets the Web Content Accessibility Guidelines WCAG 2.1 Level AA federal standards.

To enhance our digital accessibility and meet WCAG requirements, we will focus on these Core Topics:

Text

• Use text instead of images of text.
• Text should be at least 16px (12pt).
• Use approved sans-serif fonts for easy reading: Franklin Gothic, Oswald, Arial.
• Text must scale up to 200% without losing content or functionality.
• Avoid overuse of bold, italics, or decorative fonts.
• Use underlines for links only.
  • Clean font example (Arial): VCSU Pride!
  • Underline misuse example:VCSU Viking Pride!

Color Contrast

• Ensure sufficient contrast between foreground and background colors.
• Standard text (12pt): contrast ratio ≥ 4.5:1.
• Large text (14pt bold+): contrast ratio ≥ 3:1.
  • Insufficient contrast example:VCSU Viking Pride!
  • Sufficient contrast example:VCSU Viking Pride!

Use of Color in Text

Do not use color alone to convey information. Provide additional indicators such as symbols or text.

• Color only example: Enrolled students are in red: Jenna, Kyle, Troy.
• Color + indicator example: Enrolled students: Jenna, Kyle*, Troy.

Use of Color in Graphs, Charts and Infographics

Do not rely on color alone to distinguish data. Provide additional indicators such as patterns, symbols, or data labels.

• Add texture or patterns to differentiate data in charts and graphs.
• Use data labels or patterns, not just color to make your graphs easier to understand.

Alt Text

Provide descriptive alternative text for all non-decorative images. Do not include phrases like "image of" or "picture of". Screen readers already announce that it's an image.

• Include alt text for pictures, shapes, and embedded images with fixed text.
• Mark logos or purely decorative images as decorative (empty alt).

Link Text

Use descriptive hyperlink text so users know where a link will take them. Links should open in a new window only when necessary, and always include a notice.

• Instead of: here to read more
• Use: Read the VCSU accessibility policy (opens in a new window)

Structure

Use built-in heading styles (H1–H6) for document structure. Avoid using tables for layout.

• H1 for page title (used once).
• Maintain sequential heading order without skipping levels.
• Write descriptive headings for easy navigation.

Captions

Provide captions for all audio and video content to convey spoken dialogue and non-speech sounds.

• Use clear and concise language.
• Choose an easy-to-read font and size.
• Position captions so they do not obstruct important visuals.
• Ensure timing and placement avoid overlap.
• Provide transcripts for audio-only content.

Federal Resources

• Section 508 of the Rehabilitation Act of 1973
• W3C Web Accessibility Introduction
• W3C Standards & Guidelines

VCSU A11y Resources

• Core Topics Quick Tips (PDF)
• A11y Resource Hub
• A11y Toolkit

New to WCAG? Check out this short YouTube video from Silktide:

F

or more information or to schedule training, please contact: