Introduction to Accessibility

Accessibility is a term you keep hearing, but may not fully understand. This is in part because the word itself can be a bit confusing. The root word, access, makes the concept seem tied to things like passwords. If users can “access” your site, accessibility is checked off. If only it were that simple. In this talk, Adam Soucie will take you through the basics of making your site more accessible.

Transcript

1. INTRODUCTION TO ACCESSIBILITY WORDPRESS ORLANDO MEETUP
2. “THE POWER OF THE WEB IS IN ITS UNIVERSALITY. ACCESS BY EVERYONE REGARDLESS OF DISABILITY IS AN ESSENTIAL ASPECT.” Sir Tim Berners-Lee INTRODUCTION TO ACCESSIBILITY
3. INTRODUCTION TO ACCESSIBILITY WCAG AND THE 2.0 STANDARDS ▸ Web Content Accessibility Guidelines (WCAG) ▸ Governs the accessibility standards for the web ▸ Current standard is at 2.0 ▸ Standards are factored into law via Section 508 of the Rehabilitation Act and the Americans with Disabilities Act ▸ Not all standards are required by law @AdamSoucie | AdamSoucie.com
4. INTRODUCTION TO ACCESSIBILITY 4 TENETS OF ACCESSIBILITY ▸ Perceivable ▸ Operable ▸ Understandable ▸ Robust @AdamSoucie | AdamSoucie.com
5. INTRODUCTION TO ACCESSIBILITY PERCEIVABLE ▸ “…information and user interface components must be presentable to users in ways they can perceive.” ▸ See/Touch/Hear ▸ ALT attribute ▸ Color contrast ▸ Underlined links @AdamSoucie | AdamSoucie.com
6. INTRODUCTION TO ACCESSIBILITY OPERABLE ▸ “…user interface components and navigation must be operable.” ▸ Keyboard navigation ▸ :focus states ▸ Skip Links @AdamSoucie | AdamSoucie.com
7. INTRODUCTION TO ACCESSIBILITY UNDERSTANDABLE ▸ “Information and the operation of user interface must be understandable.” ▸ Be readable ▸ Be predictable ▸ When user input is involved, provide assistance. ▸ Flesch-Kincaid Reading Scale @AdamSoucie | AdamSoucie.com
8. INTRODUCTION TO ACCESSIBILITY ROBUST ▸ “…content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.” ▸ Works with assistive technologies ▸ Follows HTML standards @AdamSoucie | AdamSoucie.com
9. INTRODUCTION TO ACCESSIBILITY ADDITIONAL INFORMATION ▸ https://www.section508.gov/content/learn/laws-and-policies ▸ www.w3.org/WAI/WCAG20/quickref/ ▸ impossiblycreative.com/blog ▸ https://getflywheel.com/layout/an-introduction-to-accessibility-part-1/ @AdamSoucie | AdamSoucie.com