Authoring Accessible Content

Slide 1

Slide 1 text

Authoring Accessible Content Accessing Higher Ground November 12, 2020

Slide 2

Slide 2 text

2 • Accessibility & Universal Design Specialist - Knowbility • Formerly Bright Umbrella, CTRL+CLICK CAST & Web Standards Sherpa • Author Microformats Made Simple • Co-author HTML5 Cookbook • [email protected] • @emilylewis

Slide 3

Slide 3 text

3 • Use Zoom's Q&A panel • Dedicated Q&A segments throughout, including at the end of session Your Questions!

Slide 4

Slide 4 text

4 • Use Zoom's chat for comments and interactions • Select "Panelists and Attendees" to share your comments with everyone • For hands-on exercises, post your answers in chat Your Participation!

Slide 5

Slide 5 text

5 Introduction Spirit of Accessibility What Is Accessible Content? Project Lifecycle 10-min Break Creating Accessible Content Maintaining Your Content Q&A Agenda

Slide 6

Slide 6 text

6 Spirit of Accessibility

Slide 7

Slide 7 text

Slide 8

Slide 8 text

It’s About People

Slide 9

Slide 9 text

Can people with disabilities get the same information, perform the same interactionsand function as others with comparable ease?

Slide 10

Slide 10 text

10 Benefits of Accessibility

Slide 11

Slide 11 text

Neil Lenane Talent Acquisition/Diversity and Inclusion Leader Progressive Insurance If you do not intentionally include, you unintentionally exclude.

Slide 12

Slide 12 text

12 Increase Revenue Boost Market Share Improve Efficiency Drive Innovation Reduce Legal Risks The Business Case

Slide 13

Slide 13 text

Susan Goltsman Founding Principal of MIG, Inc. Co-author of Play for All Guidelines and The Inclusive City It doesn't mean you're designing one thing for all people. It means you're designing a diversity of ways for people to participate in an experience, so that everyone has a sense of belonging.

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

15 What Is Accessible Content?

Slide 16

Slide 16 text

Reduces cognitive load Helps users focus Conveys content structure, hierarchy Reflects organizational policy, standards

Slide 17

Slide 17 text

17 Project Manager Content Strategist Information Architect Copywriters, Subject Matter Experts Content Authors Critical Roles

Slide 18

Slide 18 text

Collaboration

Slide 19

Slide 19 text

19 • Planning • Content Strategy • Information Architecture • User Experience Design • Visual Design • Front-end development • Back-end development • Quality Assurance • Maintenance Project Lifecyle

Slide 20

Slide 20 text

10-min Break

Slide 21

Slide 21 text

21 Creating Accessible Content

Slide 22

Slide 22 text

22 • Audience • Inverted pyramid Writing: General

Slide 23

Slide 23 text

23 Challenge Yourself by Earning Extra Credentials Through an Academic Organization Hands-On: Improve this heading

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

www.plainlanguage.gov/about/definitions Content your audience can understand the first time they read or hear it

Slide 26

Slide 26 text

26 • Succinct • Simplified Writing: Plain Language

Slide 27

Slide 27 text

27 implement Hands-On: Name a simpler synonym

Slide 28

Slide 28 text

28 The SGA has a requirement for Hands-On: Simplify this phrase

Slide 29

Slide 29 text

29 Catnip is loved by all my cats. vs. All my cats love catnip. Writing: Active Voice

Slide 30

Slide 30 text

30 The meeting minutes must be approved by the board of directors. Hands-On: Make this sentence active voice

Slide 31

Slide 31 text

31 • Spelling • Grammar • Localization Writing: Oft-forgotten Details

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

33 • Chunking • Proximity • Clear fonts • Sufficient line spacing • Limited text styling • Good contrast Visual Presentation

Slide 34

Slide 34 text

34 • Navigation → • Heading → • Paragraph →

• Input labels → Programmatic Structure

Slide 35

Slide 35 text

35 Web Best Practices

Slide 36

Slide 36 text

36 • Page and domain • Most important content first • Concise Page title

Slide 37

Slide 37 text

37 • Action verbs • Meaningful out of context • Plain language Headings

Slide 38

Slide 38 text

38 • Descriptive • Succinct • Meaningful out of context Links

Slide 39

Slide 39 text

39 • Ordered vs. unordered • Consistent line lengths • Parallel structure Lists

Slide 40

Slide 40 text

40 • Expand • Acronyms & Initialisms

Slide 41

Slide 41 text

41 • Instructions • Error messages Forms

Slide 42

Slide 42 text

42 The email address you entered does not match the required format. Please enter your email address using standard format. Hands-On: Improve this error message

Slide 43

Slide 43 text

43 • alt attribute always • Decorative vs. functional • No images of text Images