Tweet
Tweet

Slide 1

Slide 1 text

It Matters to Everyone KAITLYN MARTINEZ Accessibility:

Slide 2

Slide 2 text

Why is Accessibility Important?

Slide 3

Slide 3 text

You can be sued for having inaccessible content

Slide 4

Slide 4 text

Akin to accessible entrances to a business

Slide 5

Slide 5 text

Not just for permanent disabilities

Slide 6

Slide 6 text

Impacts all disciplines: development content design

Slide 7

Slide 7 text

WCAG 2.1 Web Content Accessibility Guidelines

Slide 8

Slide 8 text

● Forms with Labels ● Alt Tags ● Header tag Order ● Adjacent images and buttons ● Naming regions and landmarks ● HTML5 ● Meaningful content sequence ● Use of Color ● Keyboard Functionality ● Keyboard Traps ● Timing ● Bypass Blocks ● Page Titles ● Focus Order ● Link Purpose ● Page Language ● Error Identification ● Valid HTML Accessibility Levels A

Slide 9

Slide 9 text

● All ‘A’ Requirements ● Contrast Minimum ● Resizing of text ● Images of text ● Visible focus ● Consistent Navigation ● Error Suggestion Accessibility Levels AA

Slide 10

Slide 10 text

Demo

Slide 11

Slide 11 text

TESTING TOOLS

Slide 12

Slide 12 text

WAVE 1 2 3 4 Google Chrome Accessibility Audit Siteimprove Color Contrast Checker

Slide 13

Slide 13 text

Thank You [email protected]

Slide 14

Slide 14 text

Resources WCAG 2.1 https://www.w3.org/WAI/WCAG21/quickref/ Web Aim Color Contrast Checker https://webaim.org/resources/contrastchecker/ WAVE Extension https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?hl=en-US Siteimprove Extension https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc?hl=en-US Google Chrome Accessibility Tools https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en