Creating Accessible Social Media and Marketing

December 23, 2022

 

{Raine Lapaire] Hello everyone, and welcome to this session on Accessible Social Media and Digital Marketing.

So, to help minimize distractions, please keep your microphone muted for the duration of the panel discussion until we open it up for questions and we get into the hands-on practice.
If you are speaking, please keep background noise to a minimum. Please use the chat for questions and other important messages rather than a water cooler. Excessive chat notifications can be quite disruptive for many participants, especially those with who are using screen readers.

 

This webinar will be using the built-in zoom captions. Megan, if you don't mind turning those on, that would be great. Any slides from today's presentation will be posted on AccessibleLibraries.ca including any links. And please note that this webinar will be live streamed to the AccessibleLibraries.ca YouTube channel and will be recorded. The recording and live stream will be stopped prior to the questions portion of the webinar and the hands-on practice.
 

I'd also like to take this opportunity to mention that our presenters today come from across this land. Living and working in what we now know as Canada. We represent and affirm the inherent and treaty rights of all Indigenous peoples and will continue to honour the commitments to self-determination and sovereignty we have made to Indigenous Nations and Peoples. We respectfully ask for you all to take a moment to acknowledge the lands on which you reside.

My name is Riane Lapaire. I am your moderator for today. I am the braille and accessibility testing coordinator at the National Network for Equitable Library Service and one of the project team members of the AccessibleLibraries.ca and Public Library, wait... Public Library Accessibility Resource Center Project.

We'll get the panellists to quickly introduce themselves as well. Karen McKay.

[Karen McKay ] Hi everyone, I'm Karen McKay. I'm the communication manager at CELA.

 

[Raine] Karen Chidiak? Karen, you're muted.

 

[Karen Chidiak] Of course. Hello everyone, I'm Karen Chidiak from the Edmonton Public Library. I am the communications and marketing manager.
 

[Riane] Thank you. Ka.

 

[Ka Li] Hi, I'm Ka Li. I'm an accessibility analyst at NNELS.

[Riane] Simon.

 

[Simon Jaeger] Hi, I'm Simon. I'm also an accessibility analyst at NNELS.

 

[Riane] And Patrick.

 

[Patrick Bouchard] I'm Patrick. I am I'm Patrick. I am also an accessibility analyst and tester with NNELS.

 

[Riane] And last but not least, Rachel.

[Rachel Osolen] Hello, I am Rachel Osolen, and I am the production coordinator at NNELS.

 

[Riane] Thank you. And we also have Megan Sellmer, who is the all-powerful person behind the scenes today. And so, if you run into anything, please direct message Megan Sellmer, and she will be able to help you out.
 

All right, with that, we will get started. We are going to have a quick, kind of like first-hand story and kind of organizational approach to social media from Karen McKay from CELA.

[Karen McKay] Hi again everyone. I just wanted first to thank everybody for coming. It's really heartening to see so many folks here. I know that the idea of building accessibility into communications and doing it well can be a bit intimidating. Especially if we don't have first-hand knowledge or we're not familiar with the way all the pieces fit together. So I think it's just awesome there’s so many people here who are interested in learning and improving. And it shows a real commitment to inclusive, welcoming, and accessible communications. So thanks for coming.

As I said earlier, I'm the communications manager for CELA, and I've been doing that role for about seven years. But I'm not here as an expert, rather, I'm here as a colleague.  For all of you, there's some experts on this panel who are going to give you real nuts and bolts of alt text creation. And in our prep meetings, we had some really interesting conversations, so the panel discussions will be great.

 

So I'm just going to talk a little bit about the way alt text fits into our overall communications activities. And tell you a little bit about what I've learned. I'm not going to repeat some of the interesting stuff that's going to come up on the panel. So here's what I've learned: alt text is more art than science. There's no way to provide exactly the right information to every one of your patrons who relies on alt text because our information needs all differ.

 

In advance of this presentation, I reached out to about ten different people who use alt text in their daily lives to give me some just some quick feedback and answer a few questions I had. And you can probably guess I got ten very different responses to my questions and very interesting pieces of feedback. But what was really interesting to me was almost every one of them acknowledged that what they were offering was their own personal preference. And it would vary depending on who I was asking. So this is your permission to do your very best but to also realize that you are going to be offering a valuable service even if you don't meet everyone's very specific needs all the time. So just, you know, go easy on yourselves about getting it perfect because it won't happen.

 

The second thing I want to talk about is context, and this might be the most important takeaway from the this part of my presentation today. A good way to evaluate this is actually was actually offered by one of the folks that I spoke to prior to the presentation. And she said that she wants to get the same information that sighted users might get at a glance. What they get, and what they need. So if we're talking about alt text for things like infographics, or charts, or graphs, we're going to need to spend lots more time explaining the specifics of what those images include. They're more complex, obviously, and they require more comprehensive descriptions, assuming that the content's not fully described in the text. But if we're just talking about the image of a book cover used in social media or in a newsletter, you don't need a paragraph to describe it. Again, unless that book cover's the focus of a broader discussion or conveys very important information that's not otherwise included in the text. For example, it might have the medallion on it, it designates the book as an award winner.

 

We're going to come back to context, I think, in the panel discussion. And I think you'll be really interested to hear what some of the folks on the panel have to say. The third thing I want to acknowledge is that there are going to be competing priorities. I think that this is important just to talk about right up front, those of us who are sighted and able to see an image gather a lot of information which informs our understanding about context and provides, sorry, provides a lot of context. Especially when we're talking about images of people. Some of the information we gather can provide insight and visual cues to someone's gender, age, ethnicity, visible disabilities, etc. and while that information isn't always essential to understanding the messaging, it can give us a fuller picture. Please pardon that pun.

 

So describing those characteristics to someone else, through alt text, possibly leads us to have to assign a gender or an ethnicity or a race or any other number of characteristics. Or alternatively, it could be meaning, could mean that we are providing less complete information than what we can gather visually. Which may be fine, again depending on the context. Or it might mean that we need to make some value judgments about what we think is important and have that be reflected in our alt text. So if your library has a very comprehensive DEI policy or inclusive language policy, you might want to have some conversations with your team about this. And there'll be some things that we'll talk about,
a little bit later in the presentation, which I think you can use as good conversation starters.
 

And then a couple of other sort of just quick things to do, so the goal for alt text is to keep it clear, accurate, and relevant. You want to be specific as possible and succinct as possible.
A great tip is to read your alt text out loud while you're looking at the context of the rest
of your page. Is it clear? Does it make sense? Does it add to your understanding of the content? If it does, then you've done a good job. And also, try not to repeat yourself, which can be challenging if you're, you know, you've already got the book title in the text. And that's your thing, we'll talk a little bit more about that in the panel, but I think that that's something important. We want to be respectful of the time and the effort that it takes to use alt text and to make sure that we're not editorializing in our comments. There, so those are my few quick tips, and I'm going to hand it back to Riane.

 

[Riane] Thank you so much, Karen. Those are some great tips! We're going to kind of shift gears here and have a little bit of a demonstration or a couple demonstrations and then we'll carry on to the next little bit here.

[Simon] A screen reader is a piece of software that runs on a computer or computer device that allows a person to operate it without seeing the screen. This is generally intended for blind or visually impaired people who can't operate the device by looking at it. These have been around almost as long as home computers have, but more recently, they've become baked into every major operating system. So, for instance, all of Apple's devices have a screen reader called VoiceOver that could be enabled from accessibility settings or the equivalent. TalkBack on Android, Narrator on Windows, and there are some free and commercial options as well that run on both these operating systems. So the way this work depends on how the device works. On a touchscreen device, they typically use some custom gestures to get things done. On a computer, they typically use the keyboard.

Most screen reader users are not mouse users. They navigate everything with the keyboard unless it's a touchscreen device. So on this smartphone that I'm using, which is purely touchscreen, the gestures to get around are pretty simple. If I touch something, where, without VoiceOver enabled, touching something would open it. With VoiceOver enabled, touching something will tell me what it is. So, for instance, if I touch the bottom left corner of this Twitter app,

 

[Screen Reader] Home tab, new items.

 

[Simon] It says "Home tab, new items," which is the tab on the bottom left of Twitter. Rather than having to drag my finger around to explore, I can use what are called swipe gestures to get around. if I swipe to the right, VoiceOver will try to systematically move me to the next item on the screen, in order of top to bottom, left to right.

 

[Screen Reader] Selected Search and Explore tab.

 

[Simon] So, that says "selected" before it, because I searched for this account that I'm viewing right now. Click right one more time,

 

[Screen Reader] Spaces tab, communities tab, new item, notifications tab, messages tab, one new item, messages tab.

 

[Simon] And it just makes a vibration to indicate that it's the end and repeats what it's said. So we can explore this screen a little bit more.

 

[Screen Reader] BibliosAccessiblesLibraries, this thread is intended for demonstration purposes only and will be removed shortly. One slash four two hours ago, one reply one like, next.

 

[Simon] Then swipe to the right. Now, if I wanted to show the rest of the thread, I could double-tap to activate this control.

[Screen Reader] Twitter profile photo BibliosAccessiblesLibraries, button.

 

[Simon] And now it's opened a new screen.

 

[Screen Reader] Double-tap to view BibliosAccessiblesLibraries.

 

[Simon] and I can touch anywhere on the screen to view what's there.

[Riane] We will get into another demonstration here. I'm just going to get it pulled up. All right, so now that we've learned a little bit about how a screen reader works, now we're going to see something in practice here.

 

[Patrick] This is a demonstration of alt text...

 

[Riane] just one second. Okay, perfect I was a little worried that I forgot to share the audio, but I'm sure people would have stopped me. Right?

[Patrick] ...on images posted to Facebook, and we're going to be demonstrating the difference between good and bad alt text and the difference that it makes. So I'm going to go ahead and switch to the Facebook app.

[Screen Reader] App switcher, photos, Facebook, accessible, Facebook.

 

[Patrick] Where I have the Accessible Libraries page open. And what we have here are the same photo posted three times. The first time was left with Facebook's automatically generated alt text, we didn't provide any. The second is with poor alt text, and the third is with good alt text. So we're going to locate these and run through them.

 

[Screen Reader] Accessibility, see all, accessible libraries dot ca slash bibliosaccessibles.ca, two hours ago, public, more options, this post is a demonstration of AI-generated alt text it will soon be deleted, photo, may be an image of office and indoor, react, two-finger double-tap to interact with this post, action available.

[Patrick] Sorry about that, it says it "may be a photo of office and indoor," so it's very, very basic, very non-specific, you might even argue it's not even an office because if it's a library, then that's not exactly entirely accurate. So it gives me a very small amount of information that it's indoors and more about what it's not. Which is, you know, tells me it's, for example, it's not an outdoor scene, it's not a screenshot of text, but otherwise, it tells me very little. It's Facebook trying to be helpful, but it just, it can't do a very good job. So that's why it's important to add alt text to photos.

[Screen Reader] accessible libraries dot ca slash bibliosaccessibles.ca two hours ago, public, more options, a demonstration of bad alt text, this post will soon be deleted, photo a library computer station, react, two-fingered.

 

[Patrick] So a library computer station a little bit better, but that doesn't tell us very much about the station or about the purpose of the image being posted. Like what's it trying to show? What is it trying to tell us? So again, it's a little better it gives me more ideas of what it is and isn't, but for me to actually be able to interact with it and understand why it's being posted, it doesn't help very much.

 

[Screen Reader] "accessible libraries dot ca slash bibliosaccessibles dot ca, two hours ago, public, more options, a demonstration of good alt text, this post will soon be deleted. Photo, a library computer station with four black computer slash monitor combos, each with a keyboard and a mouse. The computers are set up on two white rectangular tables pushed together to form a square. Each table has two computers that face chairs that are tucked under the tables, one in front of each computer. Bookcases and other seating areas are arranged in the background, react two things.

 

[Patrick] So that is the example of good alt text. So that, like the previous one, was written by a human, but there is much more detail. I get a much better sense of what's in the image and now I know exactly what I'm looking at. So that's the difference between good alt text, bad alt text, and no alt text, which defaults, in Facebook's case, to AI-generated.

 

[Riane] All right, and we will do one more set of demos here. Talking about alt text on Twitter with a little bit of a different kind of image. And this first one is non-existent alt text, so this is something that is going to be generated.

[Simon] So I'm on one of the tweets in this demonstration thread and VoiceOver is going to try and describe this image, and it's not going to do a very good job of it. There is no alt text on this image whatsoever this is purely my phone trying to do image descriptions.

 

[Screen Reader] Having a movie night stay in and watch free movies with your library card, two slash four, landscape, image sign gammage beyond food, sd, at the fork Deeney, young coda, am vodger vegetal or charade dy Kanopy we were neat, siri, thoughtful entertainment present, displays this image full size.

 

[Simon] That's definitely not useful at all, and without alt text, I have no idea what this image could possibly be. I don't know if everyone caught it there but the screen reader was trying to read like the little clips in the background of text that it could pick up.

 

[Riane] And now we'll have an another version of that with adequate alt text.

[Simon] So here's another version of the image, with alt text that is technically better than nothing, in that it exists and is accurate, but it's very uninformative.

 

[Screen reader] Having a movie night? Stay in and watch free movies with your library card 3 slash 4, Kanopy thoughtful
entertainment image.

 

[Simon] So this alt text does kind of tell me what the image is, but it doesn't tell me much. There may be information in the image that isn't conveyed properly. I have no idea what the image looks like visually and I don't know whether "thoughtful entertainment" is just Kanopy's slogan or whether it's written in the image. And as we're about to see there's quite a lot of missing information that could be conveyed in an alt text pretty easily.

 

[Riane] Now the better version.

[Simon] Now the final version of this image with what we would like to think is a pretty good alt text.

 

[Screen Reader] Having a movie night? Stay in and watch free movies with your library card, four slash four. Kanopy logo and slogan, Kanopy thoughtful entertainment written on a washed out background mosaic of movie covers image 13.
 

[Simon] So that image tells me what it is, the Kanopy logo, what's in the image, and basically, is a whole lot more useful than the last one we looked at. I think this speaks for itself and it definitely conveys meaningful information to somebody who can't see the image, which is the purpose of an alt text.

[Riane] All right, Simon or Patrick do you have anything to add about either of your demos before we go on? All right, with that, we will let Karen Chidiak from EPL take it from here.

[Karen Chidiak] Hi everyone, just let me include my presentation. Can everyone see it?

Great! So today, I'd like to share three easy tips for accessibility to improve your accessibility. I wanted to also share that the Edmonton Public Library is beginning to become more accessible in our social media channels. So it is a journey, and since some customers use assistive technology to find out what's happening in the world, we also wanted to ensure that they have the tools to find out what's going on in ours.

As a public library, it is our mission to share information in an inclusive way, whether it is in person or online, and to help people access all information to facilitate learning and growth. So today, I wanted to share this tip to improve your accessibility on social media.

 

So let's begin with tip one. We talked about alternative text and we know that's very important, and it should be done with every single post, whether you think it is decorative purposes or if it does have complementary message to your post. So in 2022, we have placed greater emphasis in trying to make our social posts more readable. Alt text helps customers who use assistive technologies, like screen readers and speech recognition software. Adding alt text creates a more inclusive customer experience since AI technology lacks details and is often inaccurate.

So here's an example on Twitter where we added alt text to the image. Consider using a description with every post you do. It adds context to what you're trying to convey. To tell if an image has a description, you can look for alt text icon on the bottom left-hand corner of the image.

 

When creating the alt text, ask yourself questions like: How would you describe this image to someone who's visually impaired? Does it add value to the way the message will be received? What is the meaning of the image? Our end goal is for all readers to be able to understand the message you want to share. This is the same example, showing you the alt text and the meaning of it. It tells the user there is an image in a graphic and specific content, but if this was not here there would be no graphic and no label to tell the story. So think of the subjects, the setting, and any other relevant information.

 

Image descriptions on social posts are helpful for people with learning disabilities as well. This is how it looks when we click on the alt icon in the left-hand corner. And it says people are seen standing around talking to each other, looking at the baked goods they made inside the kitchen of the Milner Library. Err on the side of inclusivity when writing your captions and descriptions should be impartial. Also, when faced with character limits on a post, you could use alt text for additional context. Another helpful tip could be if you need free royalty images that already have ready to use alt text. Consider going to unsplash.com to have really good images and ready-to-use alt text.
 

My second tip, it's about writing in Pascal case. As you can see here, it's the best way to capitalize the first letter of every word so that screen readers can read it with the spaces in them. Much easier to read multiple words with the spaces in the case with this example write your hashtags like this. Here's an example. Due to the widespread multi-worded hashtags on social media, we have lots of compound phrases. So the need for Pascal case and hashtags is greater than ever before. In this post about Indigenous People's days, we made use of two relevant hashtags: #IndigenousPeoplesDay and #YEGIndigenous for Edmonton, the City of Edmonton. And this enables the automated screen readers in reading the hashtag much easier.

Remember, we're still optimizing our posts at EPL, we're still learning, and one thing we learned about after we published this post was that it's best to keep all hashtags at the end of the content for less disruption for the screen readers. So we're moving away from including hashtags in the middle of the content or post going forward. Here's another example and we use two hashtags: #PrideMonth and #EPLPride. And as you can see, they were both capped.

 

In addition, you can apply thoughtful use of emojis. Today's emojis catalogue includes nearly 3,000 illustrations, representing everything from emotions, to food, to people at various stages of their life, and also gender neutral. You can see here, the use of the rainbow flag imagery. You can also refer to Emojipedia for more ideas.

In this last one, as I mentioned earlier, EPL's still learning, and we're changing slowly to our Pascal case hashtags here. Although this post shows a different hashtag or lowercase, I wanted to include this example because we wanted to ensure that also our images are inclusive. An image with a person with a disability, it's important because representation really matters, so consider using photos that include people of all abilities.

 

My last tip is about using video captions. Doing this will increase the number of people you will reach. Did you know that data from Facebook shows that branded content is designed for sound off was rated higher. Having a 48% more relevance and 38% more brand interest. So have video captions to increase your reach. Here is an example of a recent video that we shared on Twitter. Make sure your videos always have captioning, and they help people with hearing impairments, but also new language learners, and viewers who are watching with some sound off. So consider a consistent-looking feel, a solid background that's easy to read, a news color contrast for visibility. Consider using this every time or every video.

 

Be sure to review your captions closely to make sure it's accurate. Voice recognition software still has difficulty picking up original accents, maybe mine, and an auto caption you can often translate into gibberish. So here's another one too that we did in our new kitchen. We tried to follow that consistent captioning style. This is another video example with same caption style as the one I showed you before. There are many options for speech-to-text service. We use rev.com.com, a company that enables speech-to-text easily and economically. The pricing is calculated based on what is transcribed, captioned, or subtitled for your content. It's about a dollar and fifty cents USD per minute to convert your audio or video to text with high accuracy.

 

So we're often updating our writing style guide for social as we learn what the best practices are and we want the content to be understandable, to reflect positively on our brand, and to connect with customers and reach more people. So these are my three easy tips that we implemented recently at EPL and I hope that this has been of interest to you and have a great day. Thanks.

 

[Riane] Thank you, Karen. All right. Ka, we'll do your demonstrations now. Let me know when you want me to play the first video.

[Ka] Sure, if you can play the first video now. I'll talk about it afterwards. [

 

Riane] Perfect.

[Screen Reader] Heading level one, visited link go to home, main landmark, graphic, may be an image of text.

[Ka] Okay, so what you just heard like a lot of, hold on, sorry. Yep, so what you've heard is what's called non-existent alt text because Facebook, in this case, tried to generate the alt text. Like the previous demos that you've heard. And, I know it was a pretty short video, but here we're describing an infographic.

And as you know, an infographic has a lot of information. So something like an "image of
text" isn't very helpful considering how much information you're losing just with this generated image description. So next let's take a look at better alt text.

[Screen Reader] heading level one, visited link, go to home, main landmark, graphical How Canadian public library stack up. Canadians go to libraries to find jobs, create new careers, graphic, and help grow our small businesses. We borrow books, journals, music, and movies. We learn to use, graphic, the latest technology. We get our questions answered, engage in civic activities, meet with, graphic, friends and co-workers, and improve our skills at one of the 600 star Canadian public libraries. Here, graphic, are a few ways that Canadian public libraries stack up. Movie night: Canadian public libraries, graphic, circulate 10 times more dvds than zip.com each day. Canadian public libraries 261,000 DVDs zip dot co, graphic, 24,000 DVDs, no ticket required. Canadians visit the library almost as much as we go to the movies, graphic, and 20 times more often than we attend Canadian NHL games each year. A cultural journey: graphic, Canadians enjoy cultural trips away from home. Over half of Canadians visit public libraries, graphic, annually. What we carry: nearly two out of three Canadians have library cards, about as many as, graphic, have passports link previously next.

[Ka] So as you can tell, there's a lot of text in this image and it actually flows pretty well because we can still get the idea of what this image is trying to convey. So I would say that this is pretty decent alt text. However, because it's an infographic, there's still a lot of images scattered throughout that really give it its personality, and so in terms of the best alt text that we can do here's the next demo.

[Screen Reader] Heading level three, link accessible libraries dot co slash biblios accessibles dot com. This post is for demonstration purposes only, it will soon be deleted. link graphic and infographic about library news and six sections. There are four horizontal panels the last two, link graphic, panels are split in half vertically, link graphic. Top panel: patron engaging with library staff and information desk. Title text: "How Canadian public, link graphic, library stack up" OCLC logo with slogan: "the world's libraries connected," link graphic. Second panel: map of Canada with text "every month 204,000 Canadians get jobs. You can help, link graphic. Their public library: Canadians go to libraries to find jobs, create new careers, and help grow our, link graphics, small businesses. We borrow books journals, music, and movies. We learn to use the latest, link graphic, technology. We get our questions answered, engage in civic activities, meet with friends and, link graphic, co-workers, and improve our skills at one of the 600 star Canadian public libraries. Here are a few ways, link graphic, that Canadian public library stack up. Star. There are 607 public library locations covered by the, link graphic, Canadian urban libraries councils (2010 Canadian Public Library statistics report), link graphic. Third panel - left side: a movie night pie chart resembling DVD. The large portion of the pie reads, link graphic, 261,000 DVDs. The small slice reads 24,000 DVDs. Canadian Public library circulate 10 times more, link graphic, DVDs than zip.com each day. (Sources: OCLC 2011 primary research, www.momentous.com), link graphic, third panel - right side: No ticket required line. Drawing of a library with text: "library visits: link graphic, 100.2 million." Line drawing of a cinema with text: "Movie attendance: 112.2 million." Line drawing, link graphic, of a hockey player on skates with stick with text: "NHL attendance: 4.8 million." Canadians visit the, link graphic, library almost as much as we go to the movies and 20 times more often then we attend Canadian NHL, link graphic, games each year. (Sources: Canadian urban libraries council 2010, Canadian public library, link graphic, Statistics Canada motion pictures theatres 2010, ESPN NHL attendance report, link graphic, 2011 2012), link graphic. Fourth panel-left side: Our cultural journey. Bar chart highlighting the stats. Over half of Canadians, linked graphic, visit public libraries annually. Zoos, Aquariums, and Planetariums 42%;  Live theatrical performances, link graphic, 44%; Museums, 48%; Public libraries 56%; Conservation areas and nature parks 58%; Movie theatre 68%; link graphic, Canadians enjoy cultural trips away from home. (Source OCLC 2011 primary research, link graphic, strategies 2012, statistical insights on the arts), link graphic, Fourth panel-right side: What we carry. An open wallet with a library card inside with text "62%," link graphic, I have a library card. A Canadian passport with text "64% have a passport." Nearly two out of three, link graphic, Canadians have library cards about as many as have passports. (Source: OCLC 2011 primary, link graphic, research, Passport Canada annual report for 2010-2011). Content info landmark, two mins, public.

[Ka] Yep, so as you can tell there's a lot of text, as we mentioned and now there are
image descriptions for the little icons that are associated with the text that you get. So in a sense, this is ideal alt text because it because it provides a full experience of what the content  contains. And as you've noticed sometimes, especially with the second demonstration and the third demonstration of this infographic, the screen reader would say graphic occasionally and that's because it shows that the image spans multiple lines. So every time that it moves to the
next line, it'll tell you that it's still an image. So that's just a little extra thing there. And for this we use Facebook because it use, it has a lot of, a big character count, so you don't have to split up your post as you might need to do in other social media platforms. But also in this case, because there's a lot of information, typically a screen reader user wouldn't listen to the whole thing all at once, in this way. We would navigate it almost like a document in order to get the pieces of information we need. So that's it for me.

[Riane] Thank you so much all right, so we are going to take a quick poll of participants before we head into our panel discussion. A poll will pop up here right away and the question is: We just want to know, get a sense from everyone who's attending, how comfortable you are with the topics that we're discussing today (accessible social media, marketing, and alt text)
and see where you are with everything so we can tailor our answers accordingly.

I'll give people a couple more seconds here. All right, and we can end the poll.

And it looks like we have a fairly good group, with most people feeling pretty comfortable, like somewhat comfortable. All right, with that, our first question in the panel discussion today is: What is the importance of making your social media posts and marketing accessible and inclusive?  And we'll start with Karen Chidiak.
 

[Karen Chidiak] Why is it important? It is because you want to be as inclusive as you can for the reader to be able to understand the content, to be able to reach more people. Make it as easy as we can for anyone who is going through our feeds. It is to improve our library experience, not just in person but virtually. It's all about that customer experience for me.

 

[Riane] Thank you. Patrick?

[Patrick] Well, I largely echo what she said, and it's so important to be as inclusive as possible because a lot of people don't realize just how many people rely on accommodations like alt text to get the same experience as everyone else. Common figure cited is that 15% of the population identifies as having some sort of a disability. And not all disabilities will have, will be relevant to alt text. But the point I'm making is that there are probably more people visiting
your social media, wanting to come to your library, all that kind of stuff, then you realize. And begin taking the steps to be as inclusive as possible is opening your posts up to a much bigger market.

[Riane] Thank you. Karen McKay?

 

[Karen McKay] So our main reason for being here today is alt text for people who have print disabilities, but actually, alt text does a number of other things as well. It can help those in your community who have limited Internet access or may have slow rural access and they've turned off image downloads to save data charges so they can get the gist of what your communications are just by using the alt text versus downloading the images. It can also help people who have sensory processing or learning disabilities who may need to turn off images to limit visual distractions when they're trying to read. And lastly, alt text also plays a role in SEO rankings, it gives search engines more and better information so they can rank your website, and they'll rank it higher. So just remember that alt text and in the context that we're talking about that's not the primary purpose, but it is an added benefit. For an added reason for making really good alt text.

 

[Riane] Thank you. Simon? One thing I'd like to add is that, a lot of people with a disability are likely to be using technology to get information, despite accessibility barriers. Technology opens a lot of doors for us and if we see a social media presence or a website that doesn't use a lot of alt text, it's really easy to assume that the space won't be accessible either, the physical space. That's probably not correct, that's not really a fair correlation to make, but it is a very easy assumption to make.

 

[Riane] Thank you. Any other panelists have anything to add there? All right, our next question: when writing alt text, what are some considerations for prioritizing pieces of information? So how do you organize the information? Patrick, we'll start with you.

[Patrick] Well for prioritizing information, the most important thing is what is the purpose of the image that you're posting. Are you marketing something? Are you trying to highlight a title in your collection? Are you giving a tip? Or is it just like a fun feel-good post? Give me any of those, but consider what the primary purpose is and what parts of the picture are most important to that and give them the most weight because other than saying it, other than an infographic, you want to keep your alt text fairly concise. You don't want it to go on for paragraphs and paragraphs. So what you want to do is, you want to focus on what's most important and for organizing, it's going to depend on the image.

I'd like to refer back to what was said earlier about reading your alt text out loud and imagining yourself hearing it and not seeing the image. Are you getting the gist of what you want people to get from that image? As what's important in that image being conveyed properly and does it make sense to hear it without seeing it? I think that's the best advice I can offer for that because otherwise, it's going to depend on what image you're posting. Like a fun feel-good image is going to have different priorities and maybe a different organization than an advertisement.

[Riane] Thank you. Ka?

 

[Ka]Yeah, I like what Patrick said about understanding the purpose of the image, what you're trying to convey. So after you figure that out, there's still a lot of information to try to sift through and figure out how to craft each of your sentences. So from a more technical nuts and bolts perspective, I would say break down the image into small components, into small pieces of information and then order them and their relevance so that they flow nicely and conveys the ideas that you want to convey. But when you do that, it actually makes the task of describing the image, especially a more complicated image like the infographic I was showing, much less intimidating.

 

[Riane] Thank you. Karen Chidiak?

 

[Karen Chidiak] I love what Ka just stated in terms of breaking down the information into chunks. I think of even just answering the question as to why we are using the specific image?
To whom do we want to represent the content? What is it that is so relevant, that you want
the audience to take away? So just even going through those thought processes, just to capture the most important description that we can and at the same time being concise, it's a difficult task. When an image has a lot of descriptions that we could use, and obviously, trying to also be objective. So you know the what, the why are we trying to use this image and what do we want them to take away, for me is one of the most important ones to keep in mind.

 

[Raine] Thank you. Karen McKay?

[Karen McKay] So I'm going to be a bit of a broken record, I think and just to echo what other folks are saying. What I would say also, is to think about the context in which you're communicating and the purpose, again, of what you're using the image for. I'll give you a little scenario. So I just was working on our newsletter, and we were featuring the Griffin Poetry Prize winner and he's a black man and his work centers a lot around social justice and the Immigrant experience. And so we had a little quick conversation on our team about, do we include the description of this man as a black man? Do we include a description of him as a, you know, as dark complexion? And what does it matter within the context of this particular image that we're putting out there. So think about what you're trying to communicate. Think about what's important to you. If you are able to see the images visually, what's, what are you taking away from it that's helping you inform the rest of the messaging and use that to help guide what it is that you're trying to communicate. That'll help you with your alt text descriptions.

 

[Riane] Thank you. Rachel, do you have anything else to add?

[Rachel] Yeah, I first like definitely echo the idea of context is key. When I'm training people, my core staff or publishers on how to write alt text I repeat that like a parrot. It is so important. And context includes your audience, the purpose of the image, and also the any surrounding text right. And it goes back to like not being repetitive right.

 

So you first, actually a really good thing to remember is first ask yourself what would the reader lose if I did not describe this image? That helps you figure out what the image is saying, and it's tied into the context. So I always like to tell people to try to keep in mind that alt text replaces an image with text. I know a lot of people when they start writing alt text, they kind of get weighed down with this idea of like a narrative description right and that's part of it. Alt text is kind of like, is a combination of creative and technical writing. So if you bear that in mind it's kind of like switching your perspective on how an image acts, especially if you are someone who doesn't have a print disability.

You're not as self-conscious of how much visual information you're bringing into in and it just takes practice. It really does take practice, and there's a lot of great resources out there, including this panel. When it comes to the structure, it's usually kind of, like the bare bones of a structure, is like almost always the same, the amount of detail will change right. So you always want to try to go big and then small or start from general to specific so it kind of sets things up.

 

The best advice I ever got was actually from Ka, he helps me with my training of my staff, and he, you and I still use this all the time, it's this idea of entering a room. So you walk into a room, you're at the gate, you're at the doorway to the room and you look into the room. How are you going to describe that room to somebody? Well, the first thing you're going to say is what the room is. For instance, right now I'm in an office, so I'm going to be like "I am in an office" right or "this is an office" or... however, you're going to word it right and then you just go into some more bigger details like the layout of the room. And do it in order, like you're walking somebody through the room. You're not gonna jump around and say what's on the left wall and also what's on the right wall and what's up in the upper corner because that's going to be disorientating. So you want to do it, that's when it comes down to the logical order, and trying not to jump around and going from big to small.

And yeah just remember that, like you want to avoid what is termed "cognitive overload" as well right. And by giving things structure and being careful with your grammar, so using like active voice, present tense, punctuation properly will really help guide that person through the description.

[Raine] Thank you. Our next question: how do you ensure inclusive language is used in your posts in marketing? Rachel, we'll start with you.

 

[Rachel] Yeah this is a really important question and I kind of want to start with saying that this is one of those things where like you really have to take the responsibility to stay current with what community needs and trends are and recognize that it's going to constantly be shifting. Be open-minded and sensitive to other, community needs. And that kind of goes with alt text. Alt texts, when we learn more, and we get more feedback from the print disability community, we get better at how we do it. So things will slightly shift.

 

If something's like culturally specific, such as like say a piece of regalia, you want to start with describing what it looks like and then also use the specific name of what it is, if possible. This is when a little bit of research goes a long way. Going to the source, if you have an image from a specific community, you can ask that community directly. If you don't have the source, use your librarian skills and find out some information about the terminology used to describe that piece of clothing or jeweler or what have you.

And also, I know this was touched upon, one of the earlier presentations, this idea of having like a list of terms, like an in-house list of terms, you can also do that for culturally specific like items right. When it comes to skin tone, what we recommend at NNELS is to stick to the Emoji system. So far, I mean obviously something better could come along, but so far it's the most objective way to do it. So the idea is a light skin tone, a medium light skin tone, a a medium skin tone, a medium dark skin tone, a dark skin tone. You never say someone is like you know Korean or Vietnamese or Nigerian unless you know for sure in the context right and then like if it's explicitly stated right. And again, like that's the idea that Karen brought up about that promotion about that author who's a known black activist. You can call him black in that context, right otherwise, you'd want to go with a medium dark or dark skin tone.

Also hair texture, hair length, hair colour, age, don't be afraid to do things like: "appears like middle-aged." I'm 40 years old, I don't look 40 years old, I know people that are younger than me that look older or older than me that look younger so it's okay to be a little like "appears, like, in their 20s" and that sort of thing. And then gender is a big one. I think gender, it's a hot topic, an important topic. It's ongoing as everything else. For culturally, and specific and inclusive language and again you should only state it if it's explicit.

You don't want to accidentally misgender someone, so you want to try to be gender-neutral as much as possible. So for instance a person with a medium light skin tone, with long black straight hair wears a yellow dress and smiles, right. They're a person instead of he or she.

[Raine] Thank you. Karen McKay?

 

[Karen McKay] So I would echo basically everything that Rachel said. A couple of other points to think about, again going back to context, so if you're describing a book jacket, let's say, and there is there's a parent on there, but the book is clearly about motherhood, you could identify, or fatherhood, you could identify it as mother or father.

 

Again it goes back to context. We did have an interesting conversation in our prep meeting for this, but also internally at CELA with regards to the use of singular "they" in alt text. And this is one of the questions I asked a small group of folks that I reached out to, just what their experience was, and this is one of those things where we need to be really careful around our language and also really cognizant of maybe creating some unintentional confusion. So singular "they,," if you're defaulting to singular "they" that's totally acceptable. And that's something, you know, I think society's moving towards, but some of the respondents to my very quick questionnaire said that they can find it confusing at times. They think perhaps they've missed something in alt text or it wasn't accurately described, if there's only mention of one person and the use of singular "they" and it's not clear. So some of the things you can do to sort of avoid that is to identify how many people are in the picture to begin with. So there's one person in the image, they are wearing a yellow dress, as an example, rather than just defaulting to a singular "they."

 

The other thing that I would say is in addition to staying current with regards to what is sort of the best practices around inclusive language, a little research goes a long way on your particular topic, your particular author, your particular book, your particular group. So you know that's something I try and find if I can, how they identify themselves. Or usually, the publisher is a good place to go, usually, the publisher gets it right. Or Twitter handles usually get it right. Like those are some of the default places that I go if I'm trying to identify, for some reason, the appropriate way to identify somebody's gender or race. If they have a preference about being identified that way. So it takes a little extra time but not a lot and it's you know it's valuable, both for the community that we're trying to serve with alt text, but also the people that we're talking about with regards to book promotion or event promotion. To make sure that we're identifying them in accordance with their preferences as well. So that's what I have to say about particular topics.

 

[Riane] Thank you, Karen. Karen Chidiak do you have anything to add?

[Karen Chidiak] What I had was in terms of trying to avoid ableist language. And I know we had also those discussions earlier in our conversation about using the word we "stand," instead use the word we "support" and we had a mixed opinions about this. Depending on the recipient of the message, I think that you know it's always best to err on the side of inclusivity and be sensitive to every group that is following you on social media, and if possible, think about that as we are writing our content.

 

Another thought I had was oftentimes posts have that "click here," which is, you know, I would say that the lazy way to do post at times, just "click here for more information," "click here" and having more of that call to action, that's active, you know. The "learn more," the "sign up now," the "register today" would go a longer way, I think for those who are using assistive technology.

[Raine] Thank you. Ka?

 

[Ka] Yeah I think this is a really interesting topic and as Rachel mentioned it's always changing based on the community's needs and so when it comes to including skin tone, for example, it's there there's been a very opinionated discussion, really good discussion about whether they include or not. And some people believe that it really depends on the context and that it's not always necessary to include skin tone for images of people, but others say that it should be a default because a lot of, well they're thinking is that as sighted people, you know, you can see the skin tone of the person and be able to just acknowledge that as you look at the image.

But as screen reader users, we may not be able to and sometimes there's that unintended
assumption that all the images that appear with people in it may be white. And so to make sure that that's not the case, advocates, some advocates are saying that it's important to include skin tone in every image with people in it.

 

[Riane] Thank you. Simon, anything else to add?

[Simon] I think that when it comes to words that could be conceived as ablest like "stand" or "see," for instance, it's really important to consider context and find a balance. I would never ever want somebody to not say something like "see you later" in conversation. When it comes to things like "we stand with you," I think that there is an argument to be made for that because people literally stand.
 

And there are interesting little distinctions, like if an alt text said something like "we can see from this image that whatever..." that would be fine. If it said "you" can see from this image, my brain would just go, well no I can't actually. So it's really important to find that balance and maybe even survey people with lived experience with the disabilities that you're concerned about portraying wrongly and make sure that this is something that they actually asked for. Because in a lot of cases this kind of inclusive language can go too far, and it often does,
but it's also just important to make sure that you're, you know, being inclusive where you can.

[Rinae] Thank you. Patrick anything else?

 

[Patrick] That I think the point about not making assumptions is important, and that applies to the subjects of the photo but also about the people who are going to be looking at it or reading the alt text. So you want to describe what's in the images and let's let people interpret them as you would, say someones sighted looks at an image they might make any inferences or references about the content. Do the same thing with their alt text, describe what's in there factually and let the people reading the alt text interpret it the same way. You don't want to make assumptions about what they can and can't understand or extra explanations you think they may need.

[Riane] Thank you.

 

[Karen McKay] Yeah, can I just echo something there, so I think both Ka and I think Patrick said it sort of reminded me about the idea of taking our own bias out or trying to take our own bias out of the communication. So deciding, like when we decide what is relevant or not relevant based on a set of assumptions, that's problematic.

 

Also, when we include language that's sort of editorializing or sort of assigning a motive to something in a picture that's also problematic. So try and keep the language as factual as possible and complete as possible. I personally, I sort of err on trying to improve, include more detail around things like skin tone and age, etc., where possible. Because I do think that, as sighted users of images, we we do gather a lot of information that sort of helps inform our impression of a situation, an author, a story, a picture, whatever and by determining that information might not be appropriate (in air quotes) really denies the folks who are using alt text the opportunity to make their own judgments about things. So just, you know, double-check your biases when you're writing all text, about what you're including and what you're not.

[Riane] Thank you. All right, so are you you're all ready for like the count of three here, should alt text be included in every post? One, two, three:

 

[Everyone] YES!

 

[Riane] Yay, they did it! [

 

Laughter]

 

[Riane] All right, Simon I'll let you take it from here,

 

[Simon] So I think that there's been a lot of discussion about whether alt texts should be included on decorative posts and it's a point of confusion because decorative images on websites shouldn't have alt text. They're usually just there for, well decoration, and they're there to make the content more visually interesting. So a lot of those images that are just background can have an empty alt text, and then screen reading technologies will just ignore them entirely. On social media this isn't the case, if there's an image the social the screen reader is going to say image, we saw this in one of the earlier demos, where there was a Kanopy image that had no alt text at all and the iPhone actually tried to describe what the image was. So this is the kind of consequence of not having alt text on every image, if there's no alt text we don't know if it's important or what it could be. It can be a small concise alt text of what it is, but even an alt text that just says it's a logo is better than nothing because then we know that it's just a logo and isn't important for some other level of understanding of the post.

[Rine] Thank you. Patrick, anything to add there?

 

[Patrick] Nope, he said everything I was going to say.

 

[Riane] Perfect, well not perfect, but perfect. Rachel?

[Rachel] I guess just basically echoing is everyone deserves the same access to information. Alt text is essential to accessibility. It's one of like without alt text, your information will not be accessible, your content will not be accessible, and you will be alienating people in your community. So it's just, it's not a, it's a, it's, you gotta do it. And don't worry, you get better with practice. Just starting somewhere and keep going, you're doing great.

[Riane] Karen Chidiak?

[Karen Chidiak] I agree 100% with everything that has been said about this. And even if in social media we feel that it may be just an image that complements a post and looks decorative in purpose, it may have meaning in terms of even the colour, the shape, to certain cultures. I think of the Indigenous Communities' specific colours that have meaning geographically or have healing significance depending on what those colours are. And not including what we see for those that are unable to, it takes away from the meaning and the relevance of what we're trying to share. So for every post, definitely there should be more description for those who are unable to see it.

[Riane] Thank you. Does anyone have anything else to add here? Excellent. All right, so last question before we open up to our lovely participants today. When is it best to include the image description or alt text in the alt text or as an inline description with a post? Ka, we'll start with you.

 

[Ka} Sure, so I think for me it really doesn't matter whether you include the alt text in the alt text field or in the post itself. I think the expectation of the disability community is that it's important to include alt text and I think most people aren't very picky about where it is.

As we found with Facebook, when we added the alt text for the infographic it was a long description and it fit into the alt text field, so that was fine. But in something like Twitter, where the character limit is a lot smaller you would have to probably break that up into multiple tweets in a single thread, or share a link to a word document or some sort of accessible document with the description in it.

[Riane] Thank you. Karen McKay?

 

[Karen McKay] So yeah, I just echo that the most important thing is that it's there. I think the second most important thing is that it's in a place that's easily understood and found.

There is a benefit including it as inline text, in terms of normalizing the process, to make sure that folks understand that alt text, an image description is something that they should be thinking about. Also, you know we're we are kind of at the whim of Facebook. They seem to change the way they do things, kind of, I don't know, daily.

So you know if it's a challenge for you to get it into the alt text in Facebook, if you're trying to get through the meta business page and it's not showing up (which has been happening to me lately), you know, putting in an inline text is an acceptable option. But just really it's the importance is that it's there.

 

[Riane] Thank you. Rachel?

 

[Rachel] Yeah, it's going to add on to what Karen just said is that I remember, I know it's a trend starting on Instagram, where people started doing inline descriptions, and then Instagram started making it so now you can put all text in it. So like sometimes it also can enact change within the platform because they understand, they see a need and then they're like "oh money, I'll make this a thing." The only thing I want to add is a bit of an air of caution when doing inline descriptions. Not all the, not all images are going to require long descriptions.

 

A majority of the image that you're going to come across are what we term as medium images. It's basically like a medium, the easiest way to describe a medium image is something that takes like two to four sentences to describe, you know, and it's a bit more complicated than a simple image. A simple image would just be like a logo right or something that's a little more decorative. I don't want, I'm, I worry about people getting too much in the habit of over description.

 

Again, it's really important to edit down your alt text. Edit, editing and alt text is really important right. I'll actually be treated like any other part of writing that you do, and it should go through the same rigorous process of any, as any of your writing. So you want to be able if you feel like you're have, your feel like you're describing a more simpler image, and it's getting too long, then just go back to editing and try to describe it down, so you're more clear and direct and concise. Because, again, I go back to what I said earlier about "cognitive overloads."
 

The average person remembers like five to seven things at a time. I have a learning disability, which causes a print disability, so I can only remember two to three things on a good day, which is actually really good for me because it makes me really good at editing people's alt text when I get overwhelmed. Because I get overwhelmed pretty quickly.

So a thing you should remember is, like one guideline that you could use is
the habit of using it for complex images that require more information. Complex images
most commonly are graphs, maps, and charts, like the infograph that we saw earlier. And if an image has text, transcribe that text. So if it has text in it or if it's an image that is full text, please fully transcribe it. You should never ever have an image with text in it that isn't transcribed. Because, also, be aware that it's not just I think, describing it, inline's also really useful because, like I've noticed this trend on Instagram where everyone's like doing like really small text and really bad colour coordination. You can't zoom that, right. Or they're repeating in their stories on Facebook and Instagram and you can't read it and I can't read it, and the zoom's not going to work. So just be wary of that right. But then at the same time as long as you're keeping those things like tight and you put it inline, it kind of shows the community like at large that this is some, this is a standard that everyone should be doing. And it also shows the platform "hey this is a standard that we want and you need to implement into your system."

 

[Riane] Excellent. thank you. Megan can we stop the recording and the live stream? Thank you so much for everyone who is attending there and here.