Hi everyone welcome to another episode of CreateA11y @WUSD! Tday we're gonna
talk a little bit about how to make your images online more accessible. So online
images may not be accessible to a person who is blind or with low vision and many
of those individuals use screen readers that will read text aloud including an
image if those images include alt text or alternative text. Screen readers are
also help individuals navigate a website as well.
ChromeVox is an example screen reader that's built into the chrome operating
system. So if you're on a Chromebook you can try it out yourself by clicking ctrl +
alt + Z and the screen reader is going to read the text as well as images but only
if those images contain alt text that you the creator needs to add in. Writing
good alt text is really an art form as it needs to communicate the image within
a context and purpose to someone who is unable to perceive that image. The same
image may have very different alt text in a different context. Here's an example.
This is a picture of my cat Maggie. if this picture was on a web page about
different household pets, then my alt text would read just cat because I may
have a picture of a dog, bird, fish. Whereas if this image was on a web page
about different types of cats, my alt text might read black and white long
haired domestic cat in order to differentiate it from other images I may
have including a tabby cat, a lion Siamese etc. Now if I wrote a webpage and
included a story about a zombie attack cat stalking its prey then this same
image could potentially be used but my alt text in that instance might be cat
with very large green eyes staring straight ahead because I want to
communicate that stalking the prey idea. So the purpose and context of the image
is going to effect alt text. That's what makes this a great
topic to talk about in classrooms not only as an accessibility topic but it's
also wonderful for teaching digital literacy and encouraging students to
think critically about the purpose of their images and what they want to
communicate. With this in mind there's a couple other basic guidelines if you're
using images as filler, kind of clipart. They don't really serve a purpose or
communicate meaning then adding alt text can actually be distracting and you will
want to eliminate it. So catapult supports the addition of alt
text when you upload images to its interface. Additionally you can addf
alt text to images within the G suite products and Microsoft as well.
Starting in February you'll notice an update and Docs and slides and you and
students will be able to just right click on an image. And you can see the alt text
menu within Google Sites once you add an image. You'll see a little meatball menu
which contains the option to add alt text I've included more links below with
some additional tutorials on how to add alt text in these different platforms
including a document that you can copy and practice adding alt text to images.
So I look forward to seeing how you and your students are making your images on
websites and other digital communication more accessible with the addition of alt
text. Watch for our next episode in February that will share how you can
create accessibility with some simple formatting tricks.
Không có nhận xét nào:
Đăng nhận xét