Making Content Creation Tools Accessible

A presentation at Web Directions: Summit in December 2022 in by Julie Grundy

Slide 1

Slide 1

Making Content Creation Tools Accessible Julie Grundy Senior Digital Accessibility Consultant at Intopia Summit 2022

Slide 2

Slide 2

An inclusive web needs to be built with inclusive tools

Slide 3

Slide 3

ATAG can help diversify your userbase With guidelines and feature suggestions

Slide 4

Slide 4

What’s ATAG?

Slide 5

Slide 5

ATAG is… the Authoring Tools Accessibility Guidelines (https://www.w3.org/TR/ATAG20/)

Slide 6

Slide 6

So what’s an authoring tool? • Any website, app or other software • Which is used to make content for the web

Slide 7

Slide 7

So what’s an authoring tool? • Any website, app or other software • Which is used to make content for the web Julie’s opinion: ATAG should also apply to any digital product with more UI than content

Slide 8

Slide 8

ATAG is similar to WCAG… • Helps people with digital accessibility • Has principles, guidelines, success criteria • Hard to read

Slide 9

Slide 9

…but also different • It’s not required by law • It doesn’t apply to all digital products

Slide 10

Slide 10

ATAG has two parts To make authoring tools: 1. easier to use by people with disabilities 2. more likely to create accessible content

Slide 11

Slide 11

WCAG handles access to content ATAG handles access to creation

Slide 12

Slide 12

Introduction to ATAG Me on Intopia’s YouTube channel https://youtu.be/I1T849ZFJ5g

Slide 13

Slide 13

Plain-language ATAG guide ATAG: the standard for accessibility of content creation by Hidde de Vries (https://hidde.blog/content-creation-accessibility/)

Slide 14

Slide 14

What can we learn from ATAG?

Slide 15

Slide 15

Feature-level advice Contributed by people with disabilities

Slide 16

Slide 16

User research is gold but meanwhile, ATAG can fill in some gaps

Slide 17

Slide 17

Useful accessibility features • Extended keyboard controls • Error prevention and recovery • Documentation

Slide 18

Slide 18

Extended keyboard control

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

Toolbar pattern ARIA Authoring Practices Guide: Patterns https://www.w3.org/WAI/ARIA/apg/ example-index/toolbar/toolbar.html

Slide 22

Slide 22

Action Menu pattern ARIA Authoring Practices Guide: Patterns https://www.w3.org/WAI/ARIA/apg/ example-index/menu-button/menubutton-actions.html

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

Extended keyboard support Helps screen reader users and people with impaired dexterity navigate large amounts of UI efficiently

Slide 28

Slide 28

Error prevention and recovery

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

Hands-free coding Josh Comeau describes how he uses speech recognition and an eye-tracker https://www.joshwcomeau.com/blog /hands-free-coding/

Slide 33

Slide 33

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

Slide 37

Slide 37

Slide 38

Slide 38

Slide 39

Slide 39

Error prevention and recovery Helps people with impaired dexterity and with attention or memory deficits

Slide 40

Slide 40

Documentation

Slide 41

Slide 41

Documentation Two types: 1. How to find and use accessibility features 2. How to create accessible content

Slide 42

Slide 42

Slide 43

Slide 43

Slide 44

Slide 44

Slide 45

Slide 45

Slide 46

Slide 46

Slide 47

Slide 47

Slide 48

Slide 48

Slide 49

Slide 49

Documentation Helps people with disability find and use your accessibility features, and helps all of us make more accessible online content

Slide 50

Slide 50

Making accessible content We need accessible tools if we want people to make accessible content. ATAG can help you make your products accessible to everyone.

Slide 51

Slide 51

Making Content Creation Tools Accessible Julie Grundy • @stringy • @Intopia Let’s talk!