1 od 32

Digital Accessibility & Inclusive Communications:

Guidelines for the water movement

September 13, 2023

2 od 32

Speakers

Tina Li

(she/her)

Climate Nexus

Jessica Jewell

(she/her)

Water Hub

Ayana Harscoet

(they/them)

River Network

3 od 32

4 od 32

Poll time!

How confident do you feel about identifying and implementing accessible, inclusive communications and digital practices?

5 od 32

Agenda

5 min Definitions

20 min Inclusive communications

[person-first + identity-first language, appropriate terminology, pronouns, clear language, ethical storytelling]

20 min Digital accessibility

[assistive technology, social media, email, graphics, websites]

10 min Q&A

6 od 32

Definitions

Inclusive communications

Digital accessibility

Effective communications practices that are respectful, accurate, accessible, and relevant to all

Tools & technology put into place to allow a wide range of users to easily navigate, access, and use websites & digital spaces

7 od 32

Webinar accessibility

  • Slow down. Conversations can be challenging to follow, especially when there are also slides to read.
  • Share webinar recordings, slides, and other materials with participants for people to revisit.
  • Describe images and graphs in your slides.
  • Self-describe yourself at the beginning of a presentation.
  • Enable the closed captioning or transcript features on Zoom.
  • Find out if interpreters are needed for your session by asking in the registration form or on the promotional materials. If so, invite interpreters as panelists and spotlight them in the session.

8 od 32

Inclusive Communications

9 od 32

Person- and identity-first language

Person-first

Identity-first

Some people prefer person-first language because it emphasizes that a person isn’t defined by their disability.

Some people prefer identity-first or “proud” language because it centers their identity.

“a person with a disability”

“a disabled person”

Always ask someone about their language preferences before discussing their identities!

10 od 32

Appropriate terminology

Avoid racialized metaphors & other identity-based language

blacklisted → banned

we stand with → we support

that’s crazy → that’s wild

Interrogate the origins and usage of popular phrases

“Long time no see” and “no can do” originated as phrases to mock Asian immigrants and Indigenous people

11 od 32

Appropriate terminology

Always ask folks how they would prefer their racial, ethnic, and/or cultural identities to be described!

Replace culturally appropriative language

Don’t use terms like “spirit animal” or “powwow”

Always capitalize Black, Native, Indigenous

12 od 32

Pronouns

Ask for people’s pronouns and include a person’s pronouns in parentheses when first mentioning them in a caption, image description, or text post.

Clearly communicate the intended audience when you ask for pronouns so folks can decide what pronoun usage feels safest for them.

13 od 32

Gendered language

Avoid language that defaults to a gender binary.

Try “chairperson” instead of “chairman,” “esteemed guests” instead of “ladies and gentlemen.”

14 od 32

Clear language

Clearly introduce acronyms before referencing them.

Use simpler vocabulary and shorter sentences for clarity. Stay away from idioms or figures of speech that might be confusing.

language from King County Editorial Style Guide

15 od 32

Clear language

Avoid using jargon, slang, or technical terminology unless this is necessary to convey information and the language is clearly introduced.

16 od 32

Clear language

Use sections and subsections to break down large chunks of text and logically present information.

17 od 32

Clear language

Use active voice instead of passive voice.

18 od 32

Ethical storytelling principles

Move at the speed of trust.

Don’t just drop in on folks when a story is needed. Build a relationship before asking for someone’s story, and stay in touch with storytellers after and continue to maintain a relationship. This ensures the storyteller’s continued agency over sharing their story.

Ask why the storyteller is interested in sharing their story or what they hope to get out of the experience and prioritize these desires above organizational motivations.

Prioritize the storyteller’s needs.

19 od 32

Ethical storytelling principles

Consider how the interviewer’s positionality will impact the storyteller’s sense of comfort, openness, and formality. Explicitly name the dynamics at play and emphasize that there are no expectations beyond what the storyteller feels excited about sharing.

Storytelling is mental and emotional labor and should always be generously compensated.

Approach the conversation with humility and an expectation of learning.

Compensate storytellers for their time.

Position storytellers as the experts.

Acknowledge and actively disrupt power dynamics.

20 od 32

Ethical storytelling principles

Trusted

Connected

Benefited

Represented

Compensated

21 od 32

Ethical storytelling principles

Find more guidelines in Water Hub’s Ethical Imagery storytelling guide and River Network’s Inclusive Communications guide.

22 od 32

Digital Accessibility

23 od 32

Types of assistive technology

  • Screen readers- software that converts digital text and graphic content into audible speech. One example is VoiceOver (for iOS and macOS).

  • Braille displays- devices used with screen readers that work by raising and lowering pins to translate content into braille.

  • Screen magnification software- helpful for people with low vision to read text and view images more easily. An example is ZoomText.

  • Switch access devices- people with limited mobility use adaptive tools like switches, buttons, or sensors they can operate with parts of their body, such as their head, foot, or mouth to navigate digital content.

24 od 32

General digital accessibility best practices

  • Alternative text (alt text) to describe imagery
  • Sans serif font and simple typography is easier to read
  • Color contrast is important for readability for people with low vision and sometimes color blindness
  • Plain, accessible language invites more people in to our work

25 od 32

Social media tips

Alt text

Video captions

Adding alt text to graphics and photos in your posts helps screen readers describe the visuals accompanying your social media content.

Add text to all your social videos so people who are hard of hearing can also enjoy your content and engage.

26 od 32

Post dos and don’ts

“emoji colon clapping hands sign don’t emoji colon clapping hands sign overuse emoji colon clapping hands sign emojis emoji colon clapping hands sign"

Screen Reader Translation

Uses simple language, CamelCase hashtags, alt text, and high color contrast

Anatomy of an Accessible Post

Don’t: Emoji Overuse

27 od 32

Graphic design

Suggestions

  • High color contrast
  • Simple designs that aren’t too text-heavy or jargony
  • Usage of negative space
  • Sans serif font that’s not overly-decorative
  • Vector graphics (.ai, .svg, .eps files)
  • Alt text in-platform (web, social, email, etc.)
  • Easy to read logos

28 od 32

Email

Left Justified

Font

Makes text more readable

Use sans serif fonts for readability

Color Contrast

Makes text and visuals pop for easy reading

Descriptive Links

Provide users with an idea of where the link will take them

Clear Subject Line

Lets the user know what the email will be about

GIF Usage

Avoid using GIFs, use static imagery and graphics instead

29 od 32

Website

General Accessibility Principles Apply:

  • Alt text
  • Descriptive hyperlinks
  • Mobile compatibility
  • Color contrast
  • Left-justified text
  • Sans serif fonts

30 od 32

Page organization

Heading structure

Do not skip heading ranks

Headings should be nested by their rank or importance, with <h1> being the most important, and <h6> being the least.

Skipping ranks can be confusing and should be avoided. For instance, an <h2> should not be followed by an <h4>.

Using headings to organize pages can help users get a sense of how the page is organized and can benefit people who are using screen readers.

(H1) Digital Accessibility & Inclusive � Communications

(H2) Intros

(H2) Agenda

(H2) Definitions

(H2) Inclusive Communications

(H3) People-First language

(H3) Terminology

(H3) Pronouns� (H3) Gendered language

(H3) Clear language

(H2) Digital Accessibility� (H3) Social Media� (H3) Graphics� (H3) Email

(H3) Website

31 od 32

Other website considerations

Readability

Having a sitemap readily available on the website allows users to find the content they are looking for, especially if the site has complex navigation.

Making sure the site is easily readable and digestible is important for user experience. Avoid making content too jargon-y and dense.

HTML Sitemap

32 od 32

Thanks!

Please keep this slide for attribution

CREDITS: This presentation template was created by Slidesgo, and includes icons by Flaticon, and infographics & images by Freepik