An Online Learning Session…with a Difference.

Are you a web developer or designer (with not a whole lot of time to spare) who needs to get up and running quickly on the rules of website accessibility?

Wouldn’t it be more practical if you “learn by doing”…as in figuring out what needs to be fixed on your own website so it’s compliant while you learn the WCAG 2.1 A, AA & AAA Guidelines?

Now you can.

This instructor-led, hands-on session covers essential design, coding, and testing procedures for website designers and developers who want to be sure their own websites are accessible to as many people as possible. You will learn how to test and remediate your own website for accessibility, based on the WCAG 2.1 Standards…Levels A, AA & AAA.

Process

NOTE: To gain the most from this instruction, you should have a working knowledge of HTML5, CSS3 and JavaScript

1) Contact Mary at 508-768-8418 or via email mary@accessiblewebsiteservices.com for an initial review of your website.

2) Once you schedule a session with Mary, she will need access to your website so she can run a full test and prepare the initial compliance report and checklists that will be used during instruction.

3) You meet with Mary online for instruction sessions (usually between 6-12 hours depending on the number of accessibility errors that have been found) so she can explain how the accessibility errors can be fixed. This will give you the information you need to make the necessary changes so your website will be in compliance.

4) You will also learn how to re-test your website to make sure accessibility errors have been fixed.

Available for Teams

If you are part of a web development team, this session can be made available to up to 10 individuals in your organization.

Topics That Can Be Covered During the Sessions

1. Introduction
– What is Web Accessibility?
– The Four Principles
– Components of Web Accessibility
– Working with WCAG 2.1

2. Accessible Page Structure
– Logical Structure
– Meaningful Sequence
– Page Language
– Page Titles

3. Accessible Navigation and Orientation
– Different Ways to Find Pages
– Consistent Navigation
– Bypass Blocks
– Keyboard Accessible Only
– Location
– No Keyboard Traps
– Language of Parts
– Interruptions
– Link purpose
– Adjustable Timing
– User Controls

4. Accessible Visual Design and CSS
– Use of color
– Contrast Ratio
– Text Re-sizing
– Headings and Labels
– Section Headings
– Consistent Identification
– Range of Presentation Options

5. Accessible Images
– Text alternatives
– Images of Text

6. Accessible Multimedia
– Audio-only vs Video-only
– Captions (Pre-recorded)
– Audio Description or Media Alternative
– Captions for Live Videos
– Audio Description
– Sign Language
– Extended Audio Description
– Media Alternative for Pre-recorded Videos
– Live Audio
– Audio Controls
– Low or No Background Audio Noise

7. Accessible Content
– Sensory Characteristics
– Images of Text
– Three Flashes or Below
– Link Purpose
– Unusual Words
– Abbreviations
– Reading Level
– Pronunciation
– Detailed Help

8. Accessible Tables
– Marking Up Data Tables
– Table Captions
– Identify Row and Column Headers
– Associate the Data Cells with the Appropriate Headers
– Use Proportional Sizing, Rather than Absolute Sizing
– Other table markup

9. Accessible Forms
– Time Limits
– Re-authenticating
– Focus Order
– Visible Keyboard Focus
– On Focus Change
– On Input Change
– Change on Request
– Error Identification
– Labels and instructions
– Error Suggestions
– Error Prevention

10. Basics of Accessible Scripting and WAI-ARIA

– WAI-ARIA – What Is It?
– Name, Role, Value
– Common JavaScript Accessibility Problems
– Accessible Client-Side Scripting Techniques
– Accessible JavaScript Toolkits

11. Principles of Conformance Evaluation

– Testing Tools & Resources

Call or email Mary to schedule an initial review of your website and to schedule a training session.
mary@accessiblewebsiteservices.com
508-768-8418