make it plain: accessbility and usability through plain language

78
Make It Plain: Accessibility and Usability Through Plain Language #PlainLanguageForAll / #UofIWebCon University of IL Web Conference: April 2013 Angela M. Hooker @AccessForAll angelahooker.c om

Upload: angela-m-hooker

Post on 06-May-2015

1.765 views

Category:

Technology


1 download

DESCRIPTION

We know that “content is king” on the web, and content clarity determines whether a user can complete a task, such as registering for a course, finding a job, or shopping. We can provide accessible, usable content–and make those tasks easier to complete–by writing content in plain language. Plain language is a major building block of an effective website. Unclear content frustrates users and causes them to abandon sites quickly. However, by focusing on top tasks, eliminating unnecessary words, using common terms, and writing well-structured content, we ensure that our sites are usable and accessible, and almost everyone can understand the messages we wish to communicate and use our sites successfully.

TRANSCRIPT

Page 1: Make It Plain: Accessbility and Usability Through Plain Language

Make It Plain:Accessibility and UsabilityThrough Plain Language#PlainLanguageForAll / #UofIWebConUniversity of IL Web Conference: April 2013

Angela M. Hooker@AccessForAll

angelahooker.com

Page 2: Make It Plain: Accessbility and Usability Through Plain Language

These are summary slides

• Thanks for viewing my slides! I’ve condensed and summarized what I presented in my session.

• Please visit the links that I’ve included inside the slides—they’re underlined so you can find them easily. Also read the slide notes.

• If you have trouble using these slides because of accessibility problems, please write to me at [email protected]. Even accessibility fans make mistakes, and I want to learn from mine.

2@AccessForAll / #PlainLanguageForAll

Page 3: Make It Plain: Accessbility and Usability Through Plain Language

The beauty of the web is … it’s a great place to have a conversation with your users

3@AccessForAll / #PlainLanguageForAll

Page 4: Make It Plain: Accessbility and Usability Through Plain Language

You want to:•Communicate your information so users will take action (buy, sell, read, subscribe, etc.)•Meet your users’ needs•Help them complete tasks or find important information

4@AccessForAll / #PlainLanguageForAll

Page 5: Make It Plain: Accessbility and Usability Through Plain Language

5@AccessForAll / #PlainLanguageForAll

Page 6: Make It Plain: Accessbility and Usability Through Plain Language

6@AccessForAll / #PlainLanguageForAll

Page 7: Make It Plain: Accessbility and Usability Through Plain Language

We’ve learned that we create technological barriers to our content, but sometimes, we also create barriers to understanding … with our words.

7@AccessForAll / #PlainLanguageForAll

Page 8: Make It Plain: Accessbility and Usability Through Plain Language

Common content problems

8@AccessForAll / #PlainLanguageForAll

Page 9: Make It Plain: Accessbility and Usability Through Plain Language

The wrong people write content

9

“ For ‘tis the sport to have the enginerhoist with his own petard, an’t shall go hard … WTH are you saying, Shakespeare?

@AccessForAll / #PlainLanguageForAll

Page 10: Make It Plain: Accessbility and Usability Through Plain Language

Perhaps it’s the institution

10

The institution might dictate what content goes on the organization’s website.

@AccessForAll / #PlainLanguageForAll

Page 11: Make It Plain: Accessbility and Usability Through Plain Language

“In order to make people understand your organization’s materials, and get one’s point across, so that everyone knows what one means, it’s important that one doesn’t ramble on and use more words than necessary.”

(Some content is wordy.)

11@AccessForAll / #PlainLanguageForAll

Page 12: Make It Plain: Accessbility and Usability Through Plain Language

Jargon hides meaning

“We’re implementing a skills mix adjustment at Acme Corp.”

12@AccessForAll / #PlainLanguageForAll

Page 13: Make It Plain: Accessbility and Usability Through Plain Language

Slang or regional terms

13

Some writers use slang and/or region or country-centric terms.

@AccessForAll / #PlainLanguageForAll

Page 14: Make It Plain: Accessbility and Usability Through Plain Language

“Pedantic” content

14

Showy, extravagant words; overly precise; or formal:“The politicians pontificated about the failed budget.”

@AccessForAll / #PlainLanguageForAll

Page 15: Make It Plain: Accessbility and Usability Through Plain Language

Forgetting the audience

15

Those examples of bad content aren’t meaningful to users.

People write content without considering the intended and the potential audiences.

@AccessForAll / #PlainLanguageForAll

Page 16: Make It Plain: Accessbility and Usability Through Plain Language

Just because someone can’t understand your content doesn’t mean they are unintelligent.

16

Blaming the users

@AccessForAll / #PlainLanguageForAll

Page 17: Make It Plain: Accessbility and Usability Through Plain Language

“ It’s not how

you said it—it’s what

you wrote or

spoke.

17@AccessForAll / #PlainLanguageForAll

Page 18: Make It Plain: Accessbility and Usability Through Plain Language

How can plain language help?

18@AccessForAll / #PlainLanguageForAll

Page 19: Make It Plain: Accessbility and Usability Through Plain Language

Plain language is …

… writing that people can easily understand the first time they read or hear it.

19@AccessForAll / #PlainLanguageForAll

Page 20: Make It Plain: Accessbility and Usability Through Plain Language

Plain language is …

… usable and meets your users’ needs, so they can complete specific tasks on your site, social media channels, app, podcast, etc.

20@AccessForAll / #PlainLanguageForAll

Page 21: Make It Plain: Accessbility and Usability Through Plain Language

Your users won’t have to read your content several times to understand it.

21@AccessForAll / #PlainLanguageForAll

Page 22: Make It Plain: Accessbility and Usability Through Plain Language

It reduces user frustration, because it boosts reading ease.

22@AccessForAll / #PlainLanguageForAll

Page 23: Make It Plain: Accessbility and Usability Through Plain Language

People will respect your “brand,” and see your site as authoritative (this is not limited to for-profit sites).

23@AccessForAll / #PlainLanguageForAll

Page 24: Make It Plain: Accessbility and Usability Through Plain Language

You’ll retain more users, and your users will remain loyal to you.

24@AccessForAll / #PlainLanguageForAll

Page 25: Make It Plain: Accessbility and Usability Through Plain Language

These benefits can widen your site’s appeal, audience, and influence.

25@AccessForAll / #PlainLanguageForAll

Page 26: Make It Plain: Accessbility and Usability Through Plain Language

26

“But 75 percent of _____ users are _____ with an advanced degree!”

Don’t believe it!

@AccessForAll / #PlainLanguageForAll

Page 27: Make It Plain: Accessbility and Usability Through Plain Language

Don’t believe it!

27

“Plain language isn’t sophisticated, it’s ‘dumbed down,’ or doesn’t reflect the gravity of the topic without using big words.”

@AccessForAll / #PlainLanguageForAll

Page 28: Make It Plain: Accessbility and Usability Through Plain Language

Plain language isn’t “dumbed down” content—it’s about clearly communicating with whomever reads or hears your information and meeting their needs.

28@AccessForAll / #PlainLanguageForAll

Page 29: Make It Plain: Accessbility and Usability Through Plain Language

It doesn’t matter if you have valuable information if people can’t understand it, use it, react to it, or act on it.

29@AccessForAll / #PlainLanguageForAll

Page 30: Make It Plain: Accessbility and Usability Through Plain Language

Frustration = the back button

Remember: Good content means access for everyone (or as many as possible)!

30@AccessForAll / #PlainLanguageForAll

Page 31: Make It Plain: Accessbility and Usability Through Plain Language

Using plain language supports“P-O-U-R” principles from the

Web Content Accessibility Guidelines (WCAG 2.0).

31@AccessForAll / #PlainLanguageForAll

Page 32: Make It Plain: Accessbility and Usability Through Plain Language

WCAG 2.0 principles of accessibility

PerceivableOperableUnderstandable Robust

32@AccessForAll / #PlainLanguageForAll

Page 33: Make It Plain: Accessbility and Usability Through Plain Language

The “understandable” principle

“Information and the operation of user interface must be understandable.

“This means that users must be able to understand the information as well as the operation of the user interface (the content or operation cannot be beyond their understanding).”

33@AccessForAll / #PlainLanguageForAll

Page 34: Make It Plain: Accessbility and Usability Through Plain Language

Plain language supports POUR

Plain language makes your content accessible, and supports the goal of providing universal access for everyone (or as many as possible!).

34@AccessForAll / #PlainLanguageForAll

Page 35: Make It Plain: Accessbility and Usability Through Plain Language

Consider users with different needs

35@AccessForAll / #PlainLanguageForAll

Page 36: Make It Plain: Accessbility and Usability Through Plain Language

Don’t forget …

36

• People with low literacy skills• People with low language proficiency• People with cognitive impairments• People with autism/Asperger syndrome• People with dyslexia• People who are Deaf or hard-of-hearing• People who are aging

@AccessForAll / #PlainLanguageForAll

Page 37: Make It Plain: Accessbility and Usability Through Plain Language

For example …

37@AccessForAll / #PlainLanguageForAll

Page 38: Make It Plain: Accessbility and Usability Through Plain Language

Three people …

38

• A non-native English speaker

• A person who is cognitively impaired

• A person with autism• It wasn’t scientific,

but I tested two content examples

@AccessForAll / #PlainLanguageForAll

Page 39: Make It Plain: Accessbility and Usability Through Plain Language

I asked for opinions …

39

You’ve probably noticed the popular trend to ask a question in the form of an incomplete sentence:

“What do you think “Got milk?” means?

@AccessForAll / #PlainLanguageForAll

Page 40: Make It Plain: Accessbility and Usability Through Plain Language

I asked for opinions …

40

“Got milk?”

The person who is cognitively impaired said,“What type of milk is got milk, and who’s asking me about it?“Do they want my milk?“Does someone think I have a cow?”

@AccessForAll / #PlainLanguageForAll

Page 41: Make It Plain: Accessbility and Usability Through Plain Language

I asked for opinions …

41

“Got milk?”

The person who is a non-native English speaker said,[After a sigh] “I have a hard time with questions like these.“I don’t know if someone’s asking me for advice or if they want something of mine.”

@AccessForAll / #PlainLanguageForAll

Page 42: Make It Plain: Accessbility and Usability Through Plain Language

I asked for opinions …

42

“Hope you can make this important session!”

The person who has autism said,“Am I supposed to hope?“Is one person hoping?“Is a group of people hoping?“Is someone talking to Hope?“Is she (Hope) supposed to go to an important session?“Does someone want me to create a session?

“Should Hope or I make a session important? How would we do that?”

@AccessForAll / #PlainLanguageForAll

Page 43: Make It Plain: Accessbility and Usability Through Plain Language

Here’s what you can do

43@AccessForAll / #PlainLanguageForAll

Page 44: Make It Plain: Accessbility and Usability Through Plain Language

Learn plain language mechanics

• Plain Language Guidelines from Plain Language Action and Information Network (PLAIN) http://www.plainlanguage.gov/howto/guidelines/FederalPLGuidelines/index.cfm

• The Center for Plain Language’s guidelines http://centerforplainlanguage.org/about-plain-language/guidelines-for-creating-plain-language-materials/

• The Center for Plain Language’s checklist http://centerforplainlanguage.org/about-plain-language/checklist/

44@AccessForAll / #PlainLanguageForAll

Page 45: Make It Plain: Accessbility and Usability Through Plain Language

Write for your specific audience.

AND

Write for average comprehension.

45@AccessForAll / #PlainLanguageForAll

Page 46: Make It Plain: Accessbility and Usability Through Plain Language

Don’t do this …

46

?

@AccessForAll / #PlainLanguageForAll

Page 47: Make It Plain: Accessbility and Usability Through Plain Language

(Don’t be “clever.”)

47

?

@AccessForAll / #PlainLanguageForAll

Page 48: Make It Plain: Accessbility and Usability Through Plain Language

Assume that your audience is intelligent, but don’t assume they’re familiar with your topic.

48@AccessForAll / #PlainLanguageForAll

Page 49: Make It Plain: Accessbility and Usability Through Plain Language

Use the inverted pyramid method: Put the most important information at the top and the background information below it.

49@AccessForAll / #PlainLanguageForAll

Page 50: Make It Plain: Accessbility and Usability Through Plain Language

50

Be concise—cut out excess/filler words; use minimal text and short sentences.

@AccessForAll / #PlainLanguageForAll

Page 51: Make It Plain: Accessbility and Usability Through Plain Language

51

In print, people write to tell a story. Online, we should write about topics, so users can complete tasks.

@AccessForAll / #PlainLanguageForAll

Page 52: Make It Plain: Accessbility and Usability Through Plain Language

52

• Use action verbs—avoid “passive verbs.”In passive verbs, the subject of the sentence is not the “actor”—the noun that takes action in the sentence. The actor comes later, often in a prepositional phrase, or there may be no actor identified at all.

No: The new report was published.Yes: We published the new report.

@AccessForAll / #PlainLanguageForAll

Page 53: Make It Plain: Accessbility and Usability Through Plain Language

53

“Hidden verbs” hide the action in your writing, by adding unneeded words.

Instead of these phrases Use these words

Conduct an analysis Analyze

Present a report Report

Do an assessment Assess

Provide assistance Assist (or help)

Came to the conclusion of Concluded

@AccessForAll / #PlainLanguageForAll

Page 54: Make It Plain: Accessbility and Usability Through Plain Language

Use complete sentences.

54@AccessForAll / #PlainLanguageForAll

Page 55: Make It Plain: Accessbility and Usability Through Plain Language

Use familiar words and common terms.

55@AccessForAll / #PlainLanguageForAll

Page 56: Make It Plain: Accessbility and Usability Through Plain Language

Use the standard spelling of words, and resist the urge to combine words. Screen readers often mispronounce such words.

For example, some screen readers pronounce “homepage” as “ho-mep-ahj.” This can confuse people who use screen readers to help with low literacy or low language proficiency issues.

56@AccessForAll / #PlainLanguageForAll

Page 57: Make It Plain: Accessbility and Usability Through Plain Language

Give direct instructions.

57@AccessForAll / #PlainLanguageForAll

Page 58: Make It Plain: Accessbility and Usability Through Plain Language

Talk with your users: use personal pronouns.

58@AccessForAll / #PlainLanguageForAll

Page 59: Make It Plain: Accessbility and Usability Through Plain Language

Use “must” instead of “shall” for requirements.

59@AccessForAll / #PlainLanguageForAll

Page 60: Make It Plain: Accessbility and Usability Through Plain Language

Avoid or explain jargon, colloquialisms, puns, country or region-specific terms (when writing for a broad audience), non-literal phrasing.

60@AccessForAll / #PlainLanguageForAll

Page 61: Make It Plain: Accessbility and Usability Through Plain Language

A word about technical content

Define your purpose:

Are you teaching or are you informing with your content?

61@AccessForAll / #PlainLanguageForAll

Page 62: Make It Plain: Accessbility and Usability Through Plain Language

Make your content clear by using structured elements, such as headings, bullets, lists, consistent navigation.

62@AccessForAll / #PlainLanguageForAll

Page 63: Make It Plain: Accessbility and Usability Through Plain Language

Test your content

63@AccessForAll / #PlainLanguageForAll

Page 64: Make It Plain: Accessbility and Usability Through Plain Language

Interview people about your content

Ask users to read portions of your content and explain what they think it means.

64@AccessForAll / #PlainLanguageForAll

Page 65: Make It Plain: Accessbility and Usability Through Plain Language

Usability testing

Write instructions and ask users to complete tasks on your site, app, etc.

65@AccessForAll / #PlainLanguageForAll

Page 66: Make It Plain: Accessbility and Usability Through Plain Language

Test two versions of your content

Conduct “A/B testing” (called “controlled comparative studies”) interviews. Provide two versions of your content and ask participants to give their impressions of each version.

66@AccessForAll / #PlainLanguageForAll

Page 67: Make It Plain: Accessbility and Usability Through Plain Language

Final Words

67@AccessForAll / #PlainLanguageForAll

Page 68: Make It Plain: Accessbility and Usability Through Plain Language

Final thoughts …

1. Consider your users’ needs first.2. Your users want to complete a task.3. Have a conversation—speak directly to your users.4. Use everyday terms people understand.5. Don’t follow trendy content practices—choose clarity

over trends.6. Each medium (mobile, desktop, app, video, podcast, etc.)

may require tailored content.7. Test your content.8. All of these help you incorporate accessibility

throughout your project lifecycle.68@AccessForAll / #PlainLanguageForAll

Page 69: Make It Plain: Accessbility and Usability Through Plain Language

Resources

69@AccessForAll / #PlainLanguageForAll

Page 70: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Plain Language

• Plain Language Checklist: http://www.plainlanguage.gov/howto/quickreference/checklist.cfm

• Comprehensive Plain Language Guidelines: http://www.plainlanguage.gov/howto/guidelines/FederalPLGuidelines/FederalPLGuidelines.pdf

• Test Your Content (methods): http://www.plainlanguage.gov/howto/guidelines/FederalPLGuidelines/testing.cfm

70@AccessForAll / #PlainLanguageForAll

Page 71: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Plain Language

• Plain language video: http://www.youtube.com/watch?v=sn8ChVRjjyA

• User-centric content—“The Audience You Didn’t Know You Had,” by Angela Colter: http://contentsmagazine.com/articles/the-audience-you-didn%E2%80%99t-know-you-had/

71@AccessForAll / #PlainLanguageForAll

Page 72: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Addressing Disabilities

• Cognitive Web Accessibility Checklist: http://wave.webaim.org/cognitive

• Information about cognitive disabilities: http://www.clearhelper.org/

72@AccessForAll / #PlainLanguageForAll

Page 73: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Writing Web Content

• Accessibility for Web Writers, by 4 Syllables: http://www.4syllables.com.au/2010/09/accessibility-web-writers-part-1/

• Content and Usability: Web Writing: http://www.webcredible.co.uk/user-friendly-resources/web-usability/web-content.shtml

• Writing Vibrant, Compelling Content: http://www.slideshare.net/GinnyRedish/writing-vibrant-compelling-copy

73@AccessForAll / #PlainLanguageForAll

Page 74: Make It Plain: Accessbility and Usability Through Plain Language

Resources: P-O-U-R

• WCAG 2.0 Principles of Accessibility: http://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html

• Constructing a POUR Website: http://webaim.org/articles/pour/

74@AccessForAll / #PlainLanguageForAll

Page 75: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Websites

• Center for Plain Language: http://centerforplainlanguage.org

• PlainLanguage.gov: http://www.plainlanguage.gov

• Plain Language Association International: http://www.plainlanguagenetwork.org

• Readability testing tools: http://juicystudio.com/services/readability.php

75@AccessForAll / #PlainLanguageForAll

Page 76: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Training

• Online: http://www.plainlanguage.gov/resources/take_training/index.cfm

• U.S. federal government agencies can get free plain language classes: http://www.plainlanguage.gov/resources/take_training/freetraining.cfm

• Conferences and events: http://centerforplainlanguage.org/topic/events/

76@AccessForAll / #PlainLanguageForAll

Page 77: Make It Plain: Accessbility and Usability Through Plain Language

Resources: Books

• Janice (Ginny) Redish, Letting Go of the Words• Janice (Ginny) Redish, Writing Web Content that

Worksi• Patricia T. O'Conner, Woe Is I: The Grammarphobe's

Guide to Better English in Plain English• Steve Krug, Rocket Surgery Made Easy• Jakob Nielsen, Designing Web Usability: The Practice

of Simplicity

77@AccessForAll / #PlainLanguageForAll

Page 78: Make It Plain: Accessbility and Usability Through Plain Language

Thank you!

Angela Hooker@AccessForAll

[email protected]

78