Web Accessibility Resources and Guidelines

...

Table of Contents

Web Accessibility Policy

Syracuse University ICT Accessibility Policy

/wiki/spaces/MARCOMM/pages/160367683

Web Accessibility Resources

World Wide Web (W3C) Web Content Accessibility Guidelines 2.1

What’s New in WCAG 2.2

WebAIM.org HTML Accessibility Resources 

...

Web Accessibility Manual Evaluation Checklist (.docx)

Common Accessibility Errors Checklist (docx)

• This lists the most common accessibility errors and gives step by step instructions on how to fix them. [MS Word document] (SU ITS)

Meaningful Alt Text

• Having trouble deciding if your image needs alt text or what it should be? This decision tree will help. (4Syllables)

How to structure headings for web accessibility

...

Web Accessible Code Libraries and Design Patterns

Web Accessibility Learning Opportunities

• W3C Introduction to Web Accessibility (EdX Course)
• Common Accessibility Issues and How to Address Them: Video Series

Mobile Accessibility

Mobile Accessibility Guidelines and Testing

• Mobile Accessibility at W3C
• How

  WCAG 2.

  0 guidelines apply to mobile (W3C Web Accessibility Initiative)

  WCAG 2.1 A/AA Manual Evaluation Form for Mobile (.docx)

• Mobile Accessibility QA Testing Checklist (PaulJAdam.com)Mobile Accessibility Tests (Henry Swan's blog)
• Google Accessibility Scanner -
  • This tool suggests accessibility improvements for Android apps

Best practices for designing accessible mobile apps

• Usability - Accessibility (Material Design)
• Why mobile accessibility matters - best practices to make your mobile site accessible (mobiForge)
  • .

Screen reader testing on mobile devices

• VoiceOver gestures on iOS devices
• TalkBack gestures on Android devices 

Web Accessibility Checkers

How to Check for the Top 10 Accessibility RequirementsProblems

• Step by step instructions for evaluating the most important accessibility checkpoints using the WAVE Web Accessibility Evaluation tool 
• WebAIM - Quick Reference: Testing Web Content for Accessibility 
• Sample University - a site specifically designed to illustrate common accessibility problems

WAVE Web Accessibility Tool

• How does your website stacks up to Tests against WCAG 2.0 AA guidelines? Use this .1 standards. 
• Use the checker online checker or for frequent use install the Chrome Extension. (Webaim)
• Quick Reference: Testing Web Content for Accessibility using the WAVE tool 

Contrast Checker with color selection tools

• Checks for WCAG compliance and provides tools for modifying colors to enhance contrast (Vision Australia) 
• See WAVE Help and WAVE Documentation at WebAIM

ANDI: Accessible name and Description Inspector

• Free bookmarklet that tests against WCAG 2.1 and Section 508 standards
• Tests focusable elements, graphics, links/buttons, tables, headings, form fields, color contrast