Resources

Accessible Web Pages

Design

• Designing for Accessibility

• Accessibility: Quick tips For Content EditorsOLD

Structure of a Web Page

• Introduction to HTML (w3schools.com)

• HTML Headings (w3schools.com)

• Accessible Headings (W3C)

• Semantic Structure (WebAIM)

Images and "Alt Tags"

• HTML Images (w3schools.com)

• Images Concepts (W3C)

• Accessible Images (WebAIM)

• Adding and Editing Images (SUNY Geneseo Drupal Training)

Text Size, Font and Contrast

• Text/Typographical Layout (WebAIM)

• Fonts (WebAIM)

• Color Contrast Checker (WebAIM)

• CSS Fonts (w3schools.com)

Tables

• HTML Tables (w3schools.com)

• Creating Accessible Tables (WebAIM)

• Tables Concepts (W3C)

Textual Content

• HTML Links (w3schools.org)

• Links and Hypertext (WebAIM)

Rich Media

Microsoft Office Documents

• Creating accessible PowerPoint files

• General accessibility instructions for Microsoft Word

• Microsoft Word Accessibility Checker (multiple editions, Mac and PC)

Videos

• Captions, Transcripts, and Audio Descriptions (WebAIM)

• Creating a transcript file (YouTube)

PDFs

• Converting documents to accessible PDFs (WebAIM)

• Cheatsheets for creating accessible files (NCDAE)

• How to check PDFs for accessibility issues (WebAIM)

• Creating Accessible PDFs with Adobe Indesignarchived

• Accessible PDF Documents in Microsoft Word

Accessibility Testing Tools

• Accessibility Color Contract Simulator

• Navigating Webpages Using Voiceover Screen Reader

• Accessibility: Navigating Webpages Using JAWS Screen Reader

• Screen Reader Navigating Webpages Using NVDA

Siteimprove

• Accessible PDFs Check with Siteimprove

• Correcting Accessibility Spelling Errors With Siteimprove

Related articles