is it accessible?

[ a primer on social media and design accessibility ]

Independent designer Jessica Oddi walks us through the foundations of incorporating accessibility practices into our social media and design work.
  • Event: Workshop presentation. Hosted by Wethos.
  • Role: Presenter.
  • Format: Live presentation with auto-captions and a pre-provided transcript (that didn’t include the Q and A). Recording adapted here to include updated closed captions and full transcript.

presentation transcript

Speakers: Jessica Oddi and An (Wethos) in English. Approximately 50 minutes and 59 seconds including the live Q and A. An (Wethos) moderates and reads out questions from the audience as Jessica answers them.

[0:00:00]

Scene Description: Screen enters with Jessica taking up the full screen.

[0:00:03]

Jessica Oddi: Uh, I did include, uh, the live transcript. So that has been turned on. If anyone else has any other access needs, feel free to type it in the chat and we’ll try to accommodate as best as possible.

A quick visual description of myself right now before, um, I share my presentation. I have, um, short brown hair and vintage glasses and wearing a maroon sweater. I am white with light skin and you can’t see my wheelchair because I have that background green color covering it. But I am sitting in my cozy wheelchair right now.

So, I will go ahead and, and start this presentation.

[0:00:46]

Scene Description: Presentation screen changes into a split screen of the presentation slides and Jessica moves to the side.

[0:00:52]

Jessica Oddi: Alright. Can everyone see that perfectly [inaudible].

An (Wethos): Yep.

Jessica Oddi: Okay, great. Awesome. Cause it like, does this weird presenter view. Alright!

[0:01:06]

Slide 1

Is It Accessible?

[0:01:13]

Slide 2

A Bit About Me

Hi everyone! My name is Jess. Pronouns she/her. I’m a freelance disabled designer from Ontario, Canada – Hamilton, Ontario, Canada. Which is situated on the traditional territories of the Erie, Neutral, Huron-Wendat, Haudenosaunee and Mississaugas.

My focus? Bridging the gap between design and accessibility from a community focused perspective.

Image description. Me smiling, sitting all cute in my power wheelchair. Parked on an angle outside red church cafe. I am white with olive skin, green eyes and brown hair tied back in a low bun. I’m wearing a white collared shirt, light denim jeans, and camel coloured lace-up boots.

[0:02:03]

Slide 3

Presentation Breakdown

Today we’re going to explore accessibility in digital design. Which is more than technical standards. Access must center the disabled community and the importance of allyship.

After a quick disclaimer, here’s a breakdown of what this workshop will cover:

  • Disability culture.
  • Supporting the community.
  • Designing accessible content.
  • Sharing content online.
  • Resources and links.

Followed by live questions and answers segment at the end, that will be added to this transcript later on.

[0:02:42]

Slide 4

Disclaimer

Model: Trista Marie McGovern. Instagram user at TristaMarieMcG or user at TristaMariePhoto. Photography by Emma Wondra.

Image description. Trista lying on a bed of small daisies with a bearded person behind them resting their head on her hip. Trista has light skin, pale blue eyes and is looking to the distance while resting her head on her hand. She has a nose piercing and black lace lingerie. Her hair is up in a bun.

[0:03:18]

Slide 5

  1. Each title slide showcases art or images by disabled creatives. For transparency, the artists have been credited and compensated for the usage of their work. I highly suggest you follow these incredible creatives. And I thank them for their contribution to this presentation.
  2. I’m a wheelchair user with some undiagnosed form of muscular dystrophy. My lived experiences come from a white, hetero privileged place within the disabled community.
  3. My perspectives may differ from others and that’s okay. Don’t take this as the end all be all for disability representation.
  4. Accessibility is a human right. Not a trend. We’ve been out here doing the work our whole lives out of necessity.
  5. Accessible design is an ongoing practice. Yes, there are basic standards to adhere to, but practices adapt over time. There needs to be flexibility in order to suit individual needs.

[0:04:28]

Slide 6

Disability Culture

Artwork by Jen White Johnson (she/her). Instagram user at JTKnoxRoxs.

Caption and image description by Jen White Johnson. My piece is a digital photograph titled AeroJoy. The title is a play on the hashtag #AutisticJoy that I’ve been using in my design work that is meant meant to amplify Black disabled lives and acceptance in the Autism Community. Particularly the Autism community of colour. My son was diagnosed as Autistic when he was three years old and I have ADHD. We are a very vibrant and joyful Neurodiverse Black family, a notion that you often don’t see praised or highlighted in mainstream media.

Boy is smiling with hues and blues and purples illuminating on his face. He was wearing a NASA space helmet.

[0:05:26]

Slide 7

It is impossible to build for a community without knowing anything about it. Successful design needs a human approach. In order to support accessibility we must first understand some basic principles of disability culture.

I could spend an entire presentation on this topic alone, but in order to keep it designed focused, I’ll cover some terms that I believe are relevant to this workshop.

[0:05:56]

Slide 8

What Is Ableism?

You may have come across this word, especially regarding disability activism. The most powerful definition I’ve come across was by Talila Lewis.

“A system that places value on people’s bodies and minds based on societal constructed ideas of normality, intelligence, excellence, desirability, and productivity. These constructed ideas are deeply rooted in anti-Blackness, eugenics, misogyny, colonialism, imperialism, and capitalism… You do not have to be disabled to experience ableism.”

Source Talila Lewis (or TL) on Instagram.

[0:06:44]

Slide 9

Disability Justice

Unlearning ableism can start with embracing a disability justice framework. Sins Invalid has a beautiful overview of this principle in their article “What Is Disability Justice?” This framework understands that:

  • All bodies are unique and essential.
  • All bodies have strengths and needs that must be met.
  • We are powerful, not despite the complexities of our bodies, but because of them.
  • All bodies are confined by ability, race, gender, sexuality, class, nation state, religion, and more, and we cannot separate them.

I also applied this for my own work to create and design for every single body. Adapting for individual preferences. And most importantly, to understand that accessible practices are really human practices. They must continually change to meet everyone’s needs.

[0:07:48]

Slide 10

Individual Preferences

There are many forms of disability. Visible and invisible. Physical and chronic illness. Neurodivergent and Autistic. D/deaf or Hard of Hearing. Blind or Low Vision. Mental health conditions and so on. We must be mindful of the intersections of race, gender, and sexuality within these spaces.

In general, there are communal agreements (avoiding terms like special needs or ableist slurs). With different opinions on identity. From “disabled person” or identity first language to “person with a disability” or person first language. Even down to choosing whether or not to identify as disabled at all.

Personally, I use identity first language because of my deep sense of pride for having a disability. It’s shaped many aspects of my personality and how I navigate through life.

Though I completely understand that I’ve had that privilege to freely identify as such without much consequence. Others, especially with multiple marginalized identities, don’t necessarily have the safe space to do the same. And even so every person has their own relationship with their disability.

It is not a universal thing. Even though as a community, there’s an emphasis for identity first language in disability advocacy, it’s important to acknowledge that not everyone can or will model that approach.

So navigating the community involves getting to know your audience on an individual level. If you don’t know how to address someone, ask them.

[0:09:33]

Slide 11

Supporting the Community

Photography by Garry (he/him). Instagram user at ItsGarrysPlants.

Image description. Dynamic closeup of a vivid green cactus plant in an orange pot backlit in a bright red light.

[0:09:52]

Slide 12

Navigating Allyship

  • Respect disabled people’s preferences. There is no one answer solution in such a diverse community with varying intersections.
  • We all mess up. To err is human. Hold yourself accountable. If a disabled person is coming to you with concerns, it’s an opportunity to do better. Reflect rather than going on the defense with intent.
  • Be authentic, not performative. Accessibility isn’t something to use as a “look how inclusive we are” boast. It’s a basic human right. Disabled people have been doing the work our whole lives out of sheer necessity.
  • Follow disabled people, learn, and adapt with time. The best way to learn about a community is to engage. Follow us on social media. Research disabled led practices. Accessibility changes with the time. By plugging into the community, you’ll have a better access to new techniques.

[0:10:59]

Slide 13

Create Accessible Spaces

  • Get to know user preferences. Allyship means nothing if we’re not actively working on making our spaces available for everyone. Provide ways for users to submit their access needs before events, webinars, or on any platform where you want to provide better access.
  • Involve disabled people throughout the process. Starting by asking for input. Get feedback from actual disabled users in your case studies or research.
  • Hire disabled people. Pay us for our time and contributions, whether it’s for consulting or our services. We exist, we’re skilled, and our involvement at the table is crucial.

[0:11:49]

Slide 14

Designing Accessible Content

Artwork by Ty Dykema (he/him). Instagram user at tmd.art.

Image description. A drawing of Alice Wong, an Asian American woman’s face. She’s wearing a black scarf with white swords on it and a gray purple bipap mask over her nose with darker gray tubes coming out of the front of it. She has shoulder length black hair with a slight undercut on one side. She has red lipstick and is slightly smiling.

[0:12:27]

Slide 15

Colour Contrast

This is more of an art than people realize, especially when creating a palette for a brand. Here are some things to consider:

  1. What is the purpose for each colour? stablish what colors are for backgrounds, text, or for graphic shapes and CTAs. This will help you create versatile pairings and accessible rules for point number four.
  2. Find the contrast balance. You need a minimum contrast of 4.5:1 for text and 3:1 for graphics to meet AA compliance. But if the contrast is too high, you can get eye and head strain. If in doubt, try to keep it within the CMYK space.
  3. How does it look greyscale? Put all your colors next to each other and make it greyscale. Can you still differentiate each colour? If not adjust hues so there’s a better contrast.
  4. Make rules! I add colour contrast charts for brand guides, showing which colours to pair and what to avoid. Outline the purpose of the colour pairings so clients know when and how to use them together.

[0:13:56]

Colour Example

Image description to the left. Four colour strips in wave shapes that are numbered against a pale peach background. 01 is navy blue. 02 is bright red. 03 is peach. 04 is white.

This is an accessible palette I created for a client. Here’s the contrast breakdown:

  • Navy pairs with peach or white, with a ratio of 11:1 and 18:1. That allows for white body text and peach headers against navy backgrounds. And vice versa. It also pairs with red for graphics only with a ratio of 4:1. So red can be background shapes or CTA buttons.
  • Red can be paired with white for large text with a 4.5:1 ratio. That gives a secondary style with red backgrounds and white large text with navy and peach supporting graphics.
  • And of course, peach and white act as light background styling options. So there really are plenty of combos to play around with.

[0:15:12]

Slide 17

Typography

In general there are rules from WCAG plus some additional tips for choosing legible font styles.

  1. Sizing. Use larger fonts. I like a minimum of 13 pt, and provide options for users to change the font size and family in web apps. Scale headings accordingly so there’s a distinction between hierarchies. Example 30 pt for a heading level 1, 20 pt for a heading level 2, and 13 pt for paragraph tags.
  2. Spacing (based on the font size). Minimum line height 1.5 times larger, paragraphs spacing 2 times larger, letters spacing 0.12 times and word spacing 0.16 times larger.
  3. Alignment. Left aligned is the most readable. Try to avoid center or right aligned in large portions or using a combination of alignments. Stick to one.
  4. Legibility. This is a bit of an art. Sans Serifs are more readable visually. But Slabs can have better character differences for dyslexia. There are dyslexic friendly fonts, but using them in bulk could be overstimulating. Avoid using decorative or over stylized typefaces (that aren’t meant to be used as graphic art). I like to check typefaces by comparing specific characters.

Image description to the right titled Accessible Typeface Check. Comparing two typefaces using B 8 capital C capital O 0 lowercase c lowercase o 1 capital I capital L lowercase l and straight | placeholder text. Top box with a red outline and an X with “Open Sans Light” underneath. Bottom box in teal and a checkmark with “Roboto Mono Regular” underneath.

As you can tell here the top font doesn’t differentiate the number 1 from an uppercase I or a lowercase L. Which makes it hard to read. Whereas the other font provides better distinction. It’s not to say you can’t play with typefaces. Just be mindful how these characters look and how distinct the shapes are.

[0:17:48]

Slide 18

Designing for Different Disabilities

The UK government has a wonderful overview for the “Do’s and don’ts on designing for accessibility” by Karwai Pun. It specifies different user groups including: autistic, screen readers, blind/low vision, physical disabilities, deaf/hard of hearing, and dyslexia.

I’ve linked it rather than breaking it down here, because as with all resources, these are only to get you started. There can be cross disability issues. Where one solution may not work for another. A couple of examples:

  • A tip for low vision is to use a proper colour contrast. Whereas when designing for autism or dyslexia, you shouldn’t use bright contrast in colours. Which means we need to find a balance where the ratio is met, but not overdone.
  • A tip for low vision is to publish all information on web pages. But that could create walls of text. Which could cause fatigue for physical disability scrolling, or for legibility for autistic or dyslexic people.

The takeaway here is that universal design is definitely important, but accessibility is also an ongoing process. One rule might have to be adapted for one project or strictly enforced for another.

[0:19:14]

Slide 19

WCAG Overview

Again, I could spend a full hour going through the Web Content Accessibility Guidelines. Instead I’ll share the document “Guide to WCAG” created by myself and Kai Prince. We outlined a simple step-by-step breakdown of the 2.1 guidelines including:

  • How to use the document.
  • What the levels of compliance are.
  • Areas of compliance for perceivable, operable, understandable and robust.
  • Overview in simple terms, with links to the original document for understanding compliance.
  • And resources.

Basically you want to strive for AA compliance, plus provide elements and thought into considering disabled users. There are plenty of goodies in the resources and links segment that dive into this even further.

[0:20:14]

Slide 20

Sharing Content Online

Artwork by Amanda Rios (she/her). Website AriosGraphics.com.

Image description. Painted gradient mesh background, blending deep purple into bright red, orange, and teal.

[0:20:35]

Slide 21

Image Descriptions

Describing your image in text format is important for social media accessibility. Not to be confused with alt text (which I’ll explain later), IDs provide context to visuals like images, videos, and GIFs. They’re valuable for blind and low vision folk, or for those who process easier by reading rather than visualizing. A few tips on writing visual/image descriptions:

  1. Put it in the captions, not the comments. Nesting IDs in comments can make it difficult for screen readers to find.
  2. Never assume race or gender. If you don’t know the person’s identity, use gender neutral language and note skin tone.
  3. Focus on the purpose of the visual. Focus on key elements that convey the reason and context. Example, if you’re advertising a shirt, focus on the shirt design rather than the background.
  4. Type out all text. Example, when describing a screenshot of a tweet, add the heading, username, and tweet text.
  5. Keep freaking practicing! I’m always adapting my style and learning new ways to write my descriptions.

[0:22:04]

Side 22

Description Styles

I get a lot of people hesitant to start doing their own descriptions. But here’s the scoop! There’s no one right way to do them. It’s very subjective to writing style and personality.

If you’re really stuck, here’s three basic styles to choose from. Pick one you feel comfortable with and go from there. It definitely depends on the environment and the purpose of the visual. I’m going to describe the image on the left in each style as an example.

  1. Basic. Focus on the facts and the text. ID: “Image Descriptions with baby Jess” text with a baby photo of her underneath. Sitting in a chair, Jess holds sunglasses down at her nose and has a pacifier in her mouth.
  2. Descriptive. Similar to basic, but more detailed. Image description: Jess as a baby sitting in a large manual chair, holding her sunglasses down at her nose. She has white skin and is dressed in a 90s style with a hat, patterned leggings, pink sunglasses, and a pacifier. There are pegs and a toy bag on her tray. Text above reads “Image Descriptions with baby Jess” in a handwritten style.
  3. Expressive. Have fun and add some personality! Visual description: Baby Jess straight out of the 90s, rocking a baseball hat, pink sunglasses, and a pacifier so big she doesn’t care if she’s too old for it. Sitting in a manual chair three times her size, she is holding her sunglasses down to her nose. With a sassy expression that lets you know she’s clearly too cool for the toys on her tray. Text above in a fun outlined font reads “Image Descriptions with baby Jess”.

[0:23:59]

Slide 23

Alt Text

People get this mixed up with IDs. They are not the same. Alt text is embedded in the code of an image. Um, us web developers know it for providing text context if images don’t load or are broken. Alt text is vital for screen readers.

I like to keep it very short and sweet, making sure any text is written out. In the previous image, my alt text was simply: “Image Descriptions with baby Jess”. Some people copy and paste their image description, but I don’t like to. Um, since screen readers will read the same thing twice. It’s, it’s very repetitive.

Um, in the next slide, I’m going to show how to add alt text in Instagram, because it’s really buried and hidden. Um, for other social platforms, simply search “how to add alt text on…” TikTok, Facebook, or whatever app you’re using.

[0:25:01]

Slide 24

Adding Alt Text on Instagram.

As you can tell Instagram made it super easy to add. (That was sarcasm). Here I have three screenshots of posting an image on Instagram, but outlines the three steps for alt text. I’ve outlined the links in a red box for visibility.

Step 1. The new post window, when you get to the right of caption stage. Way down at the bottom, after all the tag locations, promotional and posting to other accounts options, you’ll find a tiny Advanced Settings link.

Step 2. Under the advanced settings, you’ll find a link under Accessibility called “Write Alt Text”. It says “Alt text will be automatically created for your photos, or you can choose to write your own”. Pro tip, write your own. Uh, they’re auto-generated text is horribly inaccurate.

Step 3. Alt text window where you can type in the alt text for each image. Click the checkmark at the top right corner when you’re done.

[0:26:10]

Slide 25

Captioning and Transcripts

All audio and video based content should have both captions and transcripts.

Captions are more than subtitles. They provide context for audio elements, including sounds and added audio descriptions of the setting. A little improvisation. Same thing like how I introduced myself and let you all know what I was wearing and my environment. That’s a perfect example. Manual captioning is preferred over auto-generated captions, which tend to misspell or skip vital information.

Transcripts are similar to the document that was sent out for this presentation. In fact, I’m reading this word for word so people can follow along with assistive tech. On social media. I like to provide them in the caption of my video content as well as captions embedded in the video itself.

Mabely Q has a thorough deck of accessibility resources for captioning and transcripts. I’ve also provided links for apps to help create them in the resources and links section.

[0:27:18]

Slide 26

Accessible Writing and Hashtags

Long convoluted posts can be exhausting and hard to read. Same with writing, enlarge paragraphs. Be concise with your words. I use apps like Hemingway Editor to check the reading level of my work. This helps to use less idioms or passive text.

For hashtags, capitalize the first letter of each word. This will allow screen readers to differentiate each word. It also makes it easier to read in general. Good: hashtag showing Jessica Oddi where the J and O are capitalized. Bad: hashtag showing jessica oddi all in lowercase.

[0:28:05]

Slide 27

Resources and Links

Artist portrait Hannah Soyer (she/her). Website ThisBodyIsWorthy.com.

Image description. A black and white photo of a light-skinned woman in a wheelchair looking straight ahead of the camera with her hands across her chest. The words “Celebrate this body” are written across her chest in cursive. Her dark hair is a side braid and she has various tattoos on her arms.

[0:28:35]

Slide 28

Disabled Representation

[0:29:08]

Slide 29

Disabled Representation Continued

  • Disabled and Here. A stock photo and interview collection celebrating disabled Black, Indigenous, people of colour. Created by Elea Chang.
  • Critical Axis. A community driven project from The Disabled List. Analyzing disability representation in the media.
  • Deanna Yadollahi. Providing Accessibility and Disability Justice consulting and resources.

[0:29:41]

Slide 30

Design/Web Accessibility

[0:30:19]

Slide 31

Accessibility Tools

[0:30:42]

Slide 32

Accessibility Tools Continued

[0:31:24]

Slide 33

Thank you!

[0:31:27]

And slide 34

Thank you to everyone who attended today, and to Wethos for having me. This recording will be available after and posted on my website with captions and transcript, which will include the Q and A. If you ever want to chat about accessibility or disability, you can find me:

[0:31:56]

Scene Description: Presentation slide closes and the screen returns to just Jessica taking up the full screen.

[0:32:01]

Jessica Oddi: And that is all I wrote. *laughing*

An (Wethos): Amazing. Thank you so much. Let’s see, as we enter the Q and A section here, we have one question from Sabrina. She says, um, “I have a question about Instagram screen readers and alt text. If a post has multiple slides, does the screen reader read alt text for each slide? Can you add alt text for each slide?”

Jessica Oddi: Yes! Great question. You can absolutely do that. So the example I showed only had one image, but when you do multiple images, um, a box shows up for each one. Uh, it just doesn’t do it for videos.

Um, but instagram is doing auto captioning onto their IGTV and I think they just included it in their stories as well. Like not everyone has it yet. I think this just happened last week. So that’s another way there.

And then in your image descriptions, in the caption, you can simply label like: slide 1 or ID 1, ID 2, ID 3.

[0:33:04]

An (Wethos): Thank you. I, I feel I’ve learned so much from this workshop, so thank you so much for your time and for putting it together.

Um, while we were promoting this, we also got a few questions just from social media. So we have one from someone who asks “What’s your best practice for establishing accessibility standards, right from the start so the client knows, this knows this going into the project with you?”

Jessica Oddi: Ooh. Okay. Good question. I mean, I feel like it’s so subjective and it really depends on the purpose. So I basically do, um, brands mostly and web design.

So what I like to do is, um, throughout the process, discuss what areas I’m going to focus on to make them accessible. Um, so when I’m choosing an initial colour palette, I let them know that like, listen, these colour contrasts are all checkmarked and I will actually be providing you resources in your brand guide document.

Now that’s my big thing. I love to give documents. My brand guides are huge. Um, because I like to give rules and I have like full on accessibility charts for people, sometimes I even write uh examples of how to do image descriptions. So I think it really comes down to, um, starting like an outline of what we’re making and then how to make that accessible through like step-by-step processes.

And, um, I know for a lot of like UX/UI designers, um, you know, research and crowdsourcing is – are huge elements. So make sure that you’re getting that research from the disabled community as well. And you actually have people who use assistive tech involved in your research.

To maybe reach out to them, um, personally, or I don’t know if there are actual like calls for people to do that sort of thing too. Cause I’m very solo designer, so I don’t really have much community connections, but I hope that helps.

[0:35:07]

An (Wethos): Yeah. I think that’s, that’s great context to have. Um, let’s see. Another question here. First of all they say, “thank you so much.” And also “I’m curious if you have any experience with the closed captioning for IGTV. I have been manually burning captions onto the video, but not sure if they are accessible for screen readers.”

Um, and we do have a reply from one of the participants saying “open captions are not accessible to assistive tech, provide access to video with CC.”

Jessica Oddi: Exactly. So see closed captions are actually like better for assistive tech, obviously, because it’s not just burning it onto the video. Um, I actually, haven’t tested to see if the auto captioning is closed or open for Instagram. That’s a very good question. And I’m going to turn on my screen reader after this. And go test it out.

Um, but what I do as a fail safe for social media, if it’s not an option, uh, I actually paste the transcript of the entire video in my caption instead of writing a caption. So, uh, if you take a look at my reels section on Instagram, for example, cause I also burned the captions in there because there are no, um, you know, apps that are doing that now.

Like I said, they’re just starting to add closed captionings to stories. So I actually paste it into my captions as a backup. So at least people can use that with their screen readers and still follow along.

[0:36:04]

An (Wethos): Cool. That makes tons of sense. And [inaudible] says, “thank you, Sam and Jessica”.

We have one more question from Sabrina. “I noticed that on your Instagram stories, you have included audio with your photo. Is there a specific tool you use to do this, or is there a feature on Instagram?”

Jessica Oddi: Great question! I wish Instagram did a feature. It’s such, I don’t even want to see a pain because it’s not a pain. It’s… I, I like doing this, but it’s such a convoluted process.

So what I do is if I’m sharing an Instagram post on my story, let’s say, right, because when you’re doing a video, I can use apps like descript to actually burn the captions into it. Uh, so I can just speak and use like external apps like that.

But for example, when I’m sharing a post. I, um, share the post and then I download the image. I have an app called YouCut. Um, it’s on Android devices. I’m pretty sure it’s available for iPhone users as well, but I have an Android. So, um, any video editing software that lets you add audio recordings will work.

So I open up the app, I upload the image, I expand the timeline. And then I record my audio recording on top of it so that I can read aloud any text and describe the actual image itself. Um, then I download that. Upload the video to my Instagram stories and then re add in any tagged people. Because if you, um, just upload the video itself, it won’t tag anyone. Cause it’s just a flattened image.

Um, unfortunately Instagram stories don’t have image description or alt text capabilities yet. So while they just added closed captioning, which is a step in the right direction. Um, stories are still inaccessible for screen readers.

Um, especially also to consider people who are deaf and blind. It, you really need to be able to do both and have that audio element with your video elements, with your text based.

[0:38:05]

An (Wethos): Yeah, that’s awesome. Thank you. It really makes you think about how behind so many of these social media platforms are for how many people use them.

Um, and then let’s see, we don’t have any questions from the chat right now, but another one from one of our um, social audience members. “What are your tips for infographics slash visuals that handle the communication of a lot of data? Especially right now, we’re seeing such an uptake in the sharing of infographics on social media.”

Jessica Oddi: Yes. Um, infographics are a great way to convey information. Uh, you just need to provide text context as well. You know, you have to be prepared to describe all of those objects, especially if they’re more than just decorative, right? Like on a website, if an image is just, um, for decoration purpose or a symbol that doesn’t help actually give the information, then it’s okay.

But in general. Um, yeah, you want to be able to describe it and try to follow a reading like left to right kind of situation. Right? So make sure your infographics aren’t randomly placed. That they’re not overly confusing or you have to go from point A to C to B. You know, make sure everything kind of has a hierarchy structure so that people can follow along and you can describe it easier.

So like, whether it’s sticking to the same order of maybe having the infographic to the left more and then the text to the right. So then you can keep doing that and keep copying the same iterations. Then people are going to be able to follow along easier.

Um, graphics themselves need a three to 3:1 contrast ratio. So when you’re considering the designs or your colour palette for an infographic, make sure there’s enough contrast that people can actually see what it is. Not really like fading it out or try not to overlap text on top of it. Try to separate your symbols from your texts so that everything’s easy to read.

[0:40:27]

An (Wethos): Awesome. That’s great advice. Um, and oh, we have one more from Sam Kelly. Uh, “Thanks, Jess. Which three features by priority would you like to see from TikTok?”

Jessica Oddi: *laughs* This is going to show my – that I’m 30 years old and I’m getting older! I don’t have TikTok! *haha* um, I do know that in general, they have really good, um, applications in comparison.

Like there’s a feature that has, um, an automated voice. So it actually reads out the text you’re typing. Uh, I think, I don’t know if it’s used, um, for accessibility or if it’s just people like using it, but, um, I think on TikTok. I’m not really sure the capabilities of what works, right. Oh, that’s good to know. See I’m reading Sam’s Kelly comment. They said, um, “I’m 31 and they have text to audio for creators.”

So like, you know, every other app could get on that. That would be wonderful. Um, and in general. I maybe even like prompts would be nice for people because I know oftentimes with TikToK videos or from what I’ve seen when they’re shared on Instagram is it’s just like loud blaring music and then text on top.

But then they’re not actually reading out the text. So, you know, people with visual impairments have no idea that there are texts there. So make sure that you put the text of the joke or the whatever that you’re posting, in your captions as well, so that people with screen readers or that can’t see what you’re doing can follow along. Rather than just hearing random music with no purpose.

[0:42:06]

An (Wethos): Mhm. Yeah, that makes a lot of sense. Um, let’s see. Anyone else have any questions?

Jessica Oddi: And feel free to ask, like, if you have any questions about um, disability or ableism or anything on that realm. I would love to be open about that too. Cause I know people sometimes get a little bit nervous about that or they’re worried they’ll say the quote “wrong thing” or anything. So, um, and if, if not, if you don’t want to share it now, too, I’m always available to chat afterwards. If you feel like a more intimate conversation would be better.

An (Wethos): Cool. I like to give people sometimes two minutes to sit with their questions. I feel like in the quiet, eventually some questions bubble up.

Jessica Oddi: Yes, for sure. And it’s so funny about the comments that people say about like, you know, um, that Sabrina said about “these platforms could be designed more inclusively” and it’s so funny because, um, well not funny, but you know, tech is moving so fast. And sometimes it moves so fast that the assistive tech, um, you know, needs time to catch up. Or, you know, that’s also advancing very fast.

I mean, I remember even back in my school days where tech, um, I was like privileged by getting to have a laptop. No one else in the class got a laptop. So it was like, we had so much of these cool, innovative techs for disabled people to use and to, you know, if for me it’s because typing was faster and easier than writing. Um, cause I also couldn’t push hard on pencils, so no one could read what I was writing on paper.

So, um, and then now we’re in such a tech advanced area that people think, “Oh, it’s just so great for convenience” yet we’ve really lost the connection to make it accessible, which was very much, most of it’s purpose at the beginning, you know, like I’m talking nineties again, I’m dating myself.

*laughing*

So it’s just, um, which is why it’s critical to really start out with accessible design. You know, like Instagram could have created an entire stories platform that was screen reader accessible from the beginning. And now they’re going to have to do all a lot of that coding and changing.

Like even these closed captured rollouts for stories, it doesn’t get included to every user yet. I mean, I didn’t even get Instagram music until like two, three years maybe after having Instagram. So, you know, it’s just, doesn’t come out fast enough.

An (Wethos): Yeah. And I mean, it really seems like instead of folding in accessibility as a core, right from the beginning, it’s um, like playing catch-up at the end or like an afterthought. Really having to fold it in later.

Jessica Oddi: Exactly.

[0:44:55]

An (Wethos): Yeah, well, we’re just at time. Um, thank you so much, Jessica, for this really wonderful workshop. Um, and thank you to everyone who spent their time here with us tonight.

This recording, as a reminder, will be sent out to everyone afterwards. So you will be able to access that and you will continue to have access to the presentation and the transcript as well.

Jessica Oddi: Thank you.

[0:45:20]

An (Wethos): Oh, we also have one, one last question from Sam. “Will you get clubhouse on maybe a family member’s device?”

Jessica Oddi: Ooh, you know, I’m, iffy with clubhouse. Um, they’re working slowly now towards accessibility, but it is not inclusive for the deaf community. Um, especially there’s the no actual like video options. So people can use ASL as well as there’s no auto um, and there’s also no, uh, close captioning features.

So I’ve heard that there are many hard of hearing people who do use the app and are fine with it. And then I know people like Erin Perkins who are completely against the app because they have no way of accessing it and it really did exclude an entire group.

Um, And so until it becomes more accessible or more open to changing the platform. Like I understand the entire purpose was to be audio based, but you know, that excludes an entire group of people and this launched and boomed out of nowhere as far as like the extreme, um, you know, uh, platform like it’s been gaining so much traction.

Yet They haven’t fixed that fundamental issue. And it’s still so new that I hope as their development team begins, that they can start looking into these things and we can fight for accessibility to be, you know, um, better on there.

Um, and maybe that involves me joining and actually being on the app once it’s available to Android. Uh, so that I could try to do it from the inside. Or, um, or it’s about boycotting it until they can actually include everybody. So I’m not quite sure where I sit on that one yet.

Ooh. Okay.

Sam Kelly said that “there’s one iOS developer that they’re work – she’s working with directly with two groups to make the app more accessible at clubhouse, and they have acknowledged their efforts and it’s hashtag #ClubhouseA11y with a one-one-y or y. And #ClubhouseAccessNow.”

And I do know Access Now because I am actually affiliated or I’m connected with the owner of Access Now that I’ve done work for them. And we follow each other on social. She’s also from Toronto. So that’s like, you know, huge Canadian representation. And I’ve been actually following along with the progression they’ve made on there. And I’m very happy for it.

So, you know, Uh, I don’t know if I’ll get it on a family’s device because then my poor mother will be out of her iPhone for long periods of time. But, uh, as soon as I can get available on it, maybe I’ll help work on it from the inside. And thank you, Sam Kelly for all of your efforts. That’s awesome.

[0:48:01]

An (Wethos): All right. If we don’t have any other questions from, from our audiences, um, I guess we can wrap up. If anyone has any questions about this recording or, um, anything else you can always reach me at an (one a one n) at wethos dot co. Um, I’ve also dropped it into the chat box as well, so, yeah.

Um, and Jess, if you have anything you want to shout out any projects that you have coming up before we close out, feel free to share it out.

Jessica Oddi: Yeah, sure. Um, I have like two. So there’s one that my sister and I do for fun. Uh, it’s completely just to relax or poke fun at life. Um, it’s called The Disabled Life. Uh, we’re on Instagram TheDisabledLife. Twitter, but we’re not really that active on Twitter. And, uh, we have a website too with the original blog where we kind of draw and illustrate our lives.

Um, as well, I’m working on a community called Access Design Collective, um, with a few people. I’m hoping to launch more in 2022, because I run on Crip Time because I’m tired and I don’t have all of the energy to build an entire platform.

Uh, but the idea behind it is to have like a WordPress or a space where we will, uh, host one-on-one interviews of disabled creatives and get their perspectives on disability culture, philosophies, experiences, as well as accessibility techniques or tips that they use. Because, um, you know, I truly believe that there is no monolith or one experience, you know, everything makes the world go.

And there are many types of people with many different relationships to their disability, and I want to provide a open opportunity or a space for everyone to share those experiences. And more importantly, to learn from other’s experiences.

Um, even in advocacy and activism in general, I find there has to be a balance between sharing our own stories and actually opening up or realizing when you know, there’s like cross disability issues or when some person has a completely different perspective than someone else where, so I want this space to be a place where we can express those feelings. We can express those viewpoints and talk about them.

And then also for like non-disabled people to like hop on and understand real life perspectives and real life, you know, values and views from the disabled community itself. So ya that’s hopefully in 2022.

[0:50:42]

An (Wethos): That’s awesome. And what a great note to end on. So thank you everyone. Um, hope you all are having a great afternoon slash night and yeah, happy Friday tomorrow. So thank you so much for joining us.

Jessica Oddi: Thank you.

[End of Presentation]

© 2020-2021 Jessica Oddi ∙ Privacy Policy