Thanks so much for joining this SWAAAC spring
training, today: "Let's get accessible!" Today, we're going to be talking about document
accessibility and design. My name is Claire Simpson. I work on the SWAAAC Central
Office Team, and I'm joined by two colleagues, today, Liz Coughanour—um, who is an
instructional designer on our team, here at the Center for Inclusive Design and
Eng... Engineering—as well as Jim Sandstrum, who is our director of Industry Services. Jim is
monitoring the chat
for any questions that may come up. Um, if everyone could please sign in,
Brenda is going to drop a form in the chat, um, and if you could fill that out, quickly,
to sign in, let us know you're here, that helps us a lot with tracking attendance
and getting you a certificate for your time. Um, here are links to the slides, as well as the
Google handout—and we can share these links in the chat, as well—but I'll give everybody a minute
to, um, get the slides pulled up... pulled up, if you'd li
ke, and the Google handout, if
you plan to use, um, Google Docs. Okay, so, the learning objectives for this presentation are
that: Participants will be able to describe the characteristics of accessible digital content,
identify at least three ways to improve the overall design usability and accessibility of a
document, and then fix at least four accessibility errors in a Word document or a Google doc—as well
as three accessibility errors in an Adobe PDF, if that is something that you have
access
to—just... I just want to say thanks to those who filled out the pre-training survey, that
helped us a lot in determining the scope and the content for this presentation. We will go
over those details in just a minute, um... um, but here's our agenda: We're going to try to
get through as much of this content as we can, um, we're going to talk about document
accessibility—what does that term mean, why is it important—we'll talk about steps and
best practices for creating accessible d
ocuments, and demonstrate each of these concepts in both
a Word document and a Google Document, and then, um, you, yourself, will get a little bit of
practice, um, doing each of these things using one of the handouts that we, uh, will provide as
time allows. Um, we can talk about accessibility in Adobe Acrobat Pro and, potentially, um, talk
a little bit about remediating inaccessible PDFs, um, if we have time for that, in this
training. We will not be covering, um, several different things.
We will not be talking
much about presentation accessibility—like, working in PowerPoint or Google slides—we won't be
talking about web accessibility, specifically. Um, we aren't talking about documents that involve
much in the way of graphic design—like, things that you might create in Canva or Indesign. Uh,
we won't touch social media and, um, like I said, we probably won't have too much time to get
really in-depth with PDF remediation. However, everything that we will talk about, today,
will
still be applicable and useful for each of these content types. So, for example, um, we're
going to talk a lot about heading structure, and heading structure... in your document heading
structure is also super... super important, if you are building a website. How you'll go about
creating that heading structure—it's going to look slightly different depending what program you're
using, or what content management system—and, um, different types of content are going to
have slightly dif
ferent considerations. Like, for example, if you're creating a presentation,
or if you're creating a website, there are just a few more things that you might think about. Um,
but here, we're going to be focused on... on that specific type of content—which is documents—um,
but just keep in mind that all of these concepts will apply more broadly. If you are looking for
training on some of those other content types, specifically, that we aren't covering today, here
are just a few online resour
ces, um, and trainings that I, personally, have felt are helpful in...
in learning more about accessibility of different content types. So, those are linked on this slide,
and check those out, at a later time, if you're interested. The majority of this presentation
is going to be very interactive, so, just want to talk for a minute about what you'll need. Um,
basically, what we're going to do is, we're going to take a... an inaccessible document—it'll either
be a Google doc, or a Microsoft
Word document—and we're going to make it more accessible, as we move
throughout the training, by applying some of the principles of document accessibility that we will
talk through. Some of us, then, will convert that document, um, into an accessible PDF. So, here's
what you'll need: you'll need to be on a computer, or have a computer handy. On your computer,
open up one of the two handouts. So, if you want to work in Microsoft Word, if that's where you
typically create documents, then open
the handout that Brenda sent via email yesterday. If you
want to work in Google Docs, open the Google Doc handout, um, and then make a copy of it so that
you can edit it, and we'll drop that in the chat, here, again, that Google doc handout. Make sure
to make a copy of it, um, and save it to your own drive. Otherwise, you won't be able to edit it
but not copy. Um, many... many people indicated, in that pre-training survey, that they might
use either Word or Google Docs, or, at least, have
access to both. So, I just want to give a
little bit of a caveat, um, on this topic, if you're trying to choose between the two. Microsoft
Word and Google Docs don't offer all of the same features, with regards to accessibility, um, at
this point in time. At least, Microsoft Word has just a few more features built into it that will
help you make a more accessible PDF. If you only have access to Google Docs, you don't have access
to Word or a different tool called GrackleDocs—you know... you
would know if you have it—Um, you will
not be able to make an accessible PDF. And so, if you're just working in Google Docs, um, that's
fine, but your... your end goal is just going to be to make an accessible Google doc. You won't go
through the PDF conversion process. If you have Microsoft Word, but you prefer Google Docs, um,
that's fine. Create your document in Google Docs, and then you'll just do one extra step of
downloading it into a Word document format, first, before converting in
to a PDF, and we
can walk through all of that together when we get there. Just wanted to point out, um—if you're
going to work in Google Docs—there might be that one extra step. Um, if you are working with Google
docs, there is a tool called GrackleDocs. It's an extension that you can add to your Google account
that helps you make a more accessible document, and also allows you to download an accessible PDF
from Google Docs, um, without having to do that extra step of taking it through Micr
osoft Word.
However, it is not free. Um, if you're interested in trying it, they do offer a 30-day free trial,
if that's something you want to try out, and then, finally, um, if you have Adobe Acrobat Pro, we
will use that as well. You don't need to open it, just yet, but we will get there. So,
what is document accessibility? Um, actually I'm gonna pause. Does anybody need
help getting those handouts pulled up? Okay, nobody's saying anything, so I'm guessing
everybody's good on... on choos
ing which handout they want to use and pulling that up. Um,
talk for just a minute about what exactly document accessibility, is and what it means. So, document
accessibility is the inclusive practice of, uh, removing the barriers that might block someone
from being able to interact with the document. And by "interact with a document" I mean, from
being able to read a document, from being able to understand what's in a document, from being
able to navigate throughout a document, maybe from
being able to find a document in the first place.
Uh, doing this requires consideration for the way that people with disabilities—and, in particular,
people who use assisted technology—might interact with a document, In this training—and, probably,
in any accessibility training that you take—there will be a lot of reference to screen readers.
Screen readers are, um, a really great example of why a lot of as... accessibility concepts are
important. If you don't know what a screen reader is a
nd does, um, I would highly encourage you to
learn... learn about that. Um, ideally if you can talk with the screen reader user, and talk about
their experience, you know, using a computer, navigating a document. Otherwise, there are lots
of great videos out there that can help you, kind of, get an idea of what a screen reader is
and how it interacts with digital content. There are other types of technologies, and lots of other
user experiences, that we are also thinking about and being ver
y conscious, um, to include when
we're talking and thinking about accessibility best practices, in addition to screen readers,
um, as this is an inclusive design practice, you know, we're thinking about how can
we make this work for as many... how can we make our document work for as many people
as possible, and, um, with inclusive design, as we know, um, thinking about that often
improves the user experience for everyone. Um, so we're not actually going to watch
any of these videos, right
now, but, kind of like I was talking about on the last
slide, if you are interested in learning a little bit more about what a screen reader
is and how it interacts with the document, here are just a few video examples, um, of some
of the ways that that happens. And then, also, just going to mention this very briefly, I'm
guessing some people might be attending this training in relation to recent legislation
in Colorado around accessibility House Bill, uh, 21-1110 will require that any org
anization
that receives State funding make all of their digital content which includes public facing and
internal digital content and communications be accessible by July 1. So, just wanted
to provide a few links and resources, in case anyone needs additional information or,
um, is looking for, kind of, where they can go to learn more about this legislation. Our focus,
in this training, um, will be on just, kind of, some of those best practices for making documents
more accessible, more us
er-friendly for both assistive technology users and non-assistive
technology users, and I'm going to hand it over to Liz, now, to talk to us about, um, the
intersection between usability and accessibility. Awesome. Hi everybody! Thank you, Claire, for
that introduction. Um, I'm currently speaking to you from my home in Germany. Um, I work for
the Center for Inclusive Design with Claire, um, but I do work from Germany. Hello, it's rather
dark where I am, um, and my kids, I think, got the sen
se that, um, I have a... an important
training to be with you all, so they're still awake, behind me, right now. Um, so, but, maybe,
uh, we'll all stay awake and enjoy the excitement of creating accessible documents, and my kids
will fall asleep for that conversation. Okay, so, I'm excited to talk a little bit about, um,
this intersection between a usable experience for folks using our documents, and the accessible
experience, because these are two separate things, and the house bill that C
laire just mentioned
is mostly talking about accessibility, but something can be fully accessible and not be
very usable for the reader. And, so, what we're really trying to do is to merge the two so that we
can have, um, a universally useful document for... for people who are looking at our materials. So,
this is just a little Venn diagram, on the screen that we're looking at, um, that talks about that
concept where, in the usability side of thing, we've got ease of use, and efficiency, an
d, kind
of, a user-centric design. On the accessibility side of things, there's all sorts of standards.
There's assistive technology, like screen readers, that we want to be aware of, um, and then there's
just the ability for everyone, uh, who's using assistive technology to access that content.
So, we're going to get at some... a little from column A, a little from column B. Um, and we'll
do that today. Okay, um, just a little bit about, um, design as we're thinking about our documents.
U
m, we want our messages to be memorable, useful, clear, and inclusive. I don't know if anyone read
this excellent book called, um, I feel like it was called "Sticky", where it talked about how we want
our messaging and our, um, instruction to be, um, sticky. We want people to be able to remember
it, and so that's some of the usability and design issues that we've included in here. It's
for that reason we want things to be accessible, and we also want them to be useful for the people
who are
accessing them. Okay, so we are going to just get started with a brief overview of heading
structure, um, and so, headings are—and you'll hear a lot about heading structure from all of
us—headings are the way that folks are going to be navigating our documents, so that's why we're
going to talk about them a lot. They provide a consistent structure in style, an outline, a table
of contents, um, and they're very important for screen readers and other assistive technologies,
um, for navigatio
n purposes, um, just in the same way that they are for people who are reading the
document... sighted readers reading the document. Um, so it's few different rules for heading
structure we want to make our headings concise, accurate, and unique. So, this is important for,
um, for navigation... excuse me, I'm listening to my son in the background just absorbing all this
information. Um, this is important, especially that our heading structure be... that our headings
be unique, um, because it
's not super useful if our high-level headings all say the same thing.
Okay, we can move on to the next slide. Alright, um, uh, basic rules of thumb for headers. Uh,
we only want to use text. So, we don't want to use images or logos for headings, we want to
use the styles pane. This is a little bit of foreshadowing, we'll use the styles pane a lot in
this training because it's amazing. Um, and if it looks like a heading, if it's bold, if it's big,
it needs to be tagged as a heading. So, we'
ll be talking a lot about styles, and we'll be talking a
lot about tags, and those things go hand-in-hand. Okay, the other thing we need to be aware of,
with headings, is they need to be nested. So, in heading hierarchy, we want, um, we want to
not skip levels moving in—I won't say down, I'll say in—Um, and we... but we can skip when
we're going backwards. So, as an example, we have a heading. "One" is going to be the title, and
sometimes you'll hear me refer to that as an H1, a heading one
. The next one down is going to be an
H2, and then an H3, maybe, but not necessarily. We could just have one H1 and then H2, 2, 2, 2, 2,
and then our document's done. But, if we want to go to an H3, that's fine. But what we don't want
to do is skip ahead, because people are using this to navigate the document, and so it doesn't make
a lot of sense if it's skipping all around this nested hierarchy for our headings. Um, if there
are any questions about that, please, uh, please feel free to po
p any questions into the chat. Um,
or unmute, and, uh, we can... but, but, we'll have some examples for this heading structure, okay? In
fact, here's an example, right here. This is what I was talking about. We've got heading one, we've
got heading two, we can hop back to heading two at any point, but we only ever want one unique H1
in a document, that's the title. Alright let's... I'm gonna go ahead and take over the screen
share and I'm going to demonstrate what we're talking about. So, w
e're talking... talking about
heading structure. The thing that I really want to emphasize, as we're working in these documents, is
these are our source documents—in Word, in Google Docs, and Source, documents are so much easier to
work with than remediating a PDF in acrobat—it's just so much easier, especially if you have a big
team of content creators who are all working in their own, um, authoring tools. If you have a
team that's all creating accessible documents at the source, this is g
oing to be so much more
streamlined, it's going to be so much easier to be creating accessible documents if we're starting
the source. So, heading structure. We've already talked about some rules, we've already talked
about some design considerations, um, and there's some additional resources here in your handout,
but we're going to skip to this activity. So, we want to create one heading, one style, in the
title of this document. So, I'm going to scroll up. This is the title: SWAAAC Spring
Training -
Document Accessibility Activity. Now, all I need to do is find the styled area. Now, normally...
Oh, there. They are they were disappearing for a second. There we go. This is going to be in the
Home tab—and thank you, Jim for the comment in the chat—Um, there was a question: "Should we use the
title style in... instead of the H1 style?" and, Jim and—so do I—suggest an H1 instead of a title
style because it pulls over to, um, acrobat a little bit better. Just... and it's kind of
a a
matter of preference. But, okay, so we've got this highlighted in our home tab on the ribbon. We're
just going to click heading one. Now, I think that changed the look of this, a little bit. Um, so
I'm going to undo, control Z, and rather—because I like the look of this—so... instead of
just clicking H1, I'm going to right-click, and I'm going to say "update heading one to match
selection". Done. Now, this heading one—that used to just look like a heading one, but not actually
say anyt
hing to Assistive Technology—it's tagged, so it looks great and now, when someone is using
this document who can't see how great it looks, or who's, uh, navigating with their keyboard,
they can find it, and this is what we want. Okay, let's see what our next task is. "Apply heading
two styles to the topic introductions." So, there's a few different topic introductions in
our handout. Heading structure is the first one, that's what we're working on now. I'm... I'm
going to go to H2, right th
ere. It changed the look again, I didn't really want that, so
I'm going to control and right-click, "update heading to to match selection". Now, we say that
this is going to create really great navigation, it's going to give us a table of contents, let's
look at it. So, I'm going to go over to view. The view tab opens the view ribbon. One more time:
I was over on home, now I'm going to go to view, which is over here, and I'm going to
open the navigation pane. This is in the "show" area of t
he ribbon. I'm gonna ping
my mouse, here. I'm just going to click that, now. It's opened up a whole long list of
areas in our document, but—notice something really special about our title and our new
H2—this document, this navigation pane, knows exactly what I've just done and, now, this
is going to be so much easier to find. Let's add another H2. We're going to scroll down typography.
This is our next heading two. I'm going to go back to the home—my navigation pane is still here—but
now,
in my home ribbon, I'm going to click H2. A new heading two has just appeared, love
it. So we're going to go down, again. Color contrast. H2. It appears. It's
like magic, it really is. And now, if I want to go find these again, I can just click
anywhere in here and it'll take me right there. It may feel a little, um, hopefully not boring—I'm
having a good time—but, it might feel like overkill for me to be doing this live, but I
just really want to show you how great this is, because I'm goi
ng to use this in the rest
of the training to navigate this document, and I hope you are as well, because it's going to
make the rest of the training just all the better. Okay, we've got document review. I think we're
almost to the bottom... PDF conversion and... yes. So, now I'm gonna just click heading structure
again, because now we've got our awesome... "Not overkill." Fantastic. Robin, you have a Mac,
I'm so happy you mentioned it. I also have a Mac, um, let me think, where is it on a
Mac.
Tell you what, I'll do if it comes to me, I will. I'll speak it out. The other thing I
did was, when I created this... okay, perfect, thank you, Judy. Um, when I created this document
in... on a Mac I recorded what I was doing, I screen captured it, I'll give you access
to that video after this training. Okay, I'm going to go back up to heading structure by
clicking the navigation, and if anyone... Judy, are you on a Mac? The control, shift, 1, 2,
3, to quickly make something a headin
g... Control Alt. Okay, no windows, okay. Oh, of
course, command + control. Um, if anyone can answer Robin's question, in the chat. You'll get
brownie points. Alright, heading structure. We're back up here. I'm actually going to click
down to activity using my navigation pane. So easy. Alright, next... next job: We're going
to check your heading structure in the document map... already done, love it, amazing. Now,
document map might be what you're looking for, um, in the, uh, on the Mac, Ro
bin, because I...
I think, maybe, I wrote that on the Mac. Okay, last job: "One heading in this document is
long and wordy, fix it." Okay, I think, maybe, we all know which one it is. So, "Typography
Can Make Documents More Accessible to Readers When Document Creators Are Aware of a Few Basic
Principles". That is pretty long, it's pretty wordy. Remember, we want to be concise, so
all I'm going to do is just call this... ...and that's it. So, um, I am gonna wait for a
moment. If you have an
y questions about headings, please pop them in the chat or
unmute. If you are ready to move on, give me a thumbs-up in the chat
and, uh, and we can move on. No? Okay. So, we've got an awesome trick from Jim: We can move things around. Oh no,
I just messed it up. Control Z. You've got a thumbs up, awesome. Perfect, okay. We're gonna go ahead and move on.
I'm gonna stop share and give share back to Claire for just... oh, hold on, one second. I'm in a
Google doc, oh, we need to... we need to s
how Google Docs. Google Docs is great. Okay, quickly,
on Google Docs—I'm not going to create this whole, um, thing, again—but, notice that, on
my view, I've got this super nifty, similar-looking navigation ping. I'm going to
close that, it's just right here. Google Docs has it immediately available to us. We're going
to go in and right click... Oh no! We're not, oh... it's right up here. We're going to highlight
where it says normal text, we'll turn it into an H1. I think that's a little bi
t big, don't
like it. We're going to update heading one to match heading structure—we're getting so
many thumbs up, awesome, awesome, awesome—H2, and... look at that, Mary, it just shows up
right here. We've got our heading structure and, if I went through and updated all of these, um,
it would look look almost exactly the same, um, as it does on Microsoft. There we go, now we've
got heading structure and typography, cool. "Seeing it in Google doc is helpful." I'm
glad! Yeah, Google Docs,
in my opinion, kind of "wins" in headings, because it's
always available. So... happy to have that. "What did you click on, to get the list
on the left?" I hope it looks the same on your view—I'm in Chrome, so I'm not sure
what browser you're using—but, in Chrome, there should be a little three dot hamburger
looking menu up here in the on the top left. Good. Okay. Perfect. Alright. Now, I'm going to hand share back over to Claire
and we're going to look at some more slides! Awesome, okay. S
o, typography and alignment. I came into,
um, this field of accessibility from kind of a "design-y" place. I'm an instructional designer
and I just really like designing things. Um, I like to make things look really pretty, um
and so—this is probably my favorite part of the whole training—okay, so we're talking about
typography, and alignment of our text, kind of, goes in with typography. Um, what we want
is for our... all of our text to be legible, we want it to be readable, and we want it
to be
understandable and, when we talk about legible, we're mostly talking about letters and words.
Individual, uh readability or legibility. We're talking about readable. It's the look of
the entire block of text and when we... when I'm talking about understandability
I'm talking about emphasis mainly... Okay, so, legible. There are some, uh,
preferences. Personal preferences. I think about what type of font is the most legible,
I person... personally feel like if we're using two—at most
two, or maybe three fonts, at
most—in a document and, if they're common fonts, I don't really care if it's a serif or a sans.
There are some folks who—for instance, um, might have dyslexia, or some other type of
learning disability—that feel very strongly about it. However, if we're... you're using
common fonts such as Times New Roman, Ariel, things that have been around for forever, um, a
lot of times people can adjust common fonts to work for them on their own devices. So, that's why
I
feel like I don't... I don't really, honestly, care if it's a serif or a sans serif. I care if
it's common, um, and, unfortunately, that does, um, exclude a lot of these super decorative fonts.
Let's... So, typography to use sparingly—and, again, I'm designing... I really like some of
these decorative fonts, they make me happy, but we really want to use them sparingly and
purposely. If we have a purpose to use them, then that's one thing, but, if we're just throwing
decorative fonts on the
page, that can be a... a problem. If, for usability, um, all caps. It slows
down reading for a couple of reasons. Uh, the first is: the coastline of our text is completely
lost. Coastline... it's so important to being able to read quickly. So, if we want someone to have to
read slowly, for example, for a single heading, or a single title, I think it's fine. But, if we have
an entire... okay. Thank you, Judy, I appreciate your... your input that sans serif is easier to
read, um, and I'd be i
nterested in your input on all caps, as well. Um, for me, all caps is
definitely harder to read if it's in a big block of all-caps text and, not only that, I feel like
I'm being yelled at. So, we're going to try and avoid using all... all caps. Um, emojis. I like
emojis. It's Valentine's Day, so, uh, they've... I feel like emojis have played a big part in my
relationship with my husband, because we avoid a lot of, um, miscommunications by sending emojis.
However, couple things to think abou
t with emojis: they might be read by technology... by assistive
technology, they might not. If they are read, all of them will be read. So, this uh, this set
of emojis, for instance, might say something like, um, uh, "frowny face, frowny face, frowny face,
frowny face, frowny face" over and over and over. So it's... it would... it's just annoying, mainly,
for, if it is going to be read, all of them will be read, and, if it's not going to be read, if
we're using it for one... for one substit
ution, uh, then the meaning is completely lost. So,
um, this particular emoticon on the screen, uh, a screen reader will likely read it
macron, back... back-slash, parentheses, two, back-slash, underscore, macron, which doesn't
make any sense. And it makes it really hard to listen to, hard to understand. Um, okay.
so. that's my little spiel about emojis. Okay. Alignment. I really like alignment, um,
there... because it's so clear what's best, and what's not best. So, let's start with
the w
inner and the loser in alignment. Um, always-left justified is going to be, just,
probably the best and... and maybe it can be uh, kind of boring, but that that's all...
kind of all I'm going to say about it. The worst is fully-justified types—like what
you might find in a newspaper, for instance—um, and that's because, um, if we move to the next
slide, the spaces in the words are not regular, and this creates rivers of white
space that's pretty distracting. Um, this one I actually can very
much, um, empathize
with. I have ADHD, and so those rivers stand out so much! They're quite annoying. Um, the,
kind of... the middling ones, center-aligned, right-aligned. I feel like those can be used if
you have a reason to use them. Um, for instance, a lot of titles are centered, um, there are some
design reasons to use right-aligned text. Um, but, for most documents—I would say 90% of
documents—left-justified text is just easier. Okay. Emphasis. So, most important: Um, we
want to be u
sing language to call out things that are important to us, or that we really want
to stand out. Um, we don't want to overuse bold and italics, because many screen readers will
not, um, indicate bold or italicized text. If, uh—we had this question in, uh, one
of our last trainings—was, um, like, for academic papers, you might use italicized
text for specific formatting reasons. That's fine. Yeah it... it likely won't show up
for many people, uh, using screen readers, but, yeah, it's fine. Um
, what we definitely
don't want to do is underline for emphasis, and that's because we live in a digital age, and
if something's underlined you want to tap it, or click on it, because you think it's a link, um,
and we're not going to want to use color, ever, by itself. We like to use color to emphasize things,
but, if color is the only reason, the only a form of emphasis, we're going to get in a little bit
of trouble, and we'll talk about that in a bit. Okay, paragraph spacing. Uh, we want
a lot
of white space. White space is fantastic. Um, we do want to use the paragraph tool rather
than, um, our "enter" key to make white spaces, and that is because screen reader users will
hear the word "blank" so— this is especially important—if you're using it between your
paragraphs, it's a little annoying, um, and it's also annoying to remediate that document
later. However, the big... the big issue is—if we're using lots of paragraph or... or returns,
enter keys, at the end of a docum
ent, too instead of, um, a page break—because then what is a user
going to hear? They're going to hear blank, blank, blank, blank, blank, blank, blank, blank, blank,
and... and how do you know this... if there's anything left in your document, unless you go
to the next header? Okay, so, that's my soapbox about the blank, and here's an example. Uh, they
would, on every... on every one of these, uh, paragraphs you would hear blank, so, um—and I'll
demonstrate that paragraph tool in just a...
okay, uh, line spacing between lines. Um, this is
important for folks with learning disabilities, cognitive disabilities, it's very important
to keep enough space in between so that the text doesn't feel really smushed, so, somewhere
between 1.25 and 1.45 is a good rule of thumb. So, this slide is just a, uh, another
example of... or, excuse me, just a list of the rules so, I... I won't go over
it, but, just, something for your records, and we are going to get into the styles pane,
again,
because I really love the styles pane, and, so, I'm going to go ahead
and take over screen share again. Alright, let's... let's start in Microsoft, again,
and go up to typography using my navigation pane. Um, I also want to point out, um—I should
have done this at the beginning when, um, when I'm sharing my screen—um, probably
everyone already knows this, but it is possible... there's a menu, at the top of your
Zoom screen, that you can—on my screen, anyway, it... it makes the screen share
full screen,
and then, I can't see what... what I'm doing, but there should be a menu at the top of your Zoom
where you can, um, go out of full screen so that I'm not taking up your entire computer screen.
Okay, so, here's some, uh, information for you, for your records, about typography. A little
more in-depth than what I went in to, here, but, more or less, the same information, and some
additional resources, if you're interested. But, let's get into our... our to-do list. So, I,
kind of
, already, like our title and our H2s in this document, but let's pretend like I don't like
them very much. Let's go up to this H2, let's say I want to change its color. So, I'm just going
to mess with it a little bit. I like blue, I'm going to make it blue. Maybe I... I like it to be
a little bit bigger or smaller, there we go. So, I'm just going to use these font tools that we're,
kind of, all used to to, just, change it the way I want, and I'm going to showcase this tool, again:
Right-cl
ick and update to match selection. I'm going to go around, that one's blue and big,
that one's blue and big, very good. There's another way to do this, if I want to... let's say
I want a line underneath, just to show off where this is. I'm going to go and right-click,
again, on heading two and select modify... ...and then down here under... ...format first I'm going to go to paragraph... ...and I think, maybe, I want a
little bit of space before my H2s. I'm just going to bump that up a littl
e bit... Okay, and look at that. There's a little bit
of extra space, that's good, so I'm going to do it again. This time, I'm going to add a line,
modify, format, border, that's where I hit it. And I'm just gonna tap that button, there.
Okay, now, every single H2 in my document has a little bit of extra space and a line
under it. It stands out great, but notice that this line that stretches across it doesn't
look like a link because it's far enough away, which I'm happy about. So, uh, we'v
e done that.
Let's see what else we have on our to-do list, and... I'm actually gonna wait, for just a second,
if anyone has any questions or would like me to repeat any of these skills—sometimes I go a bit
fast, so I'm more than happy to do that—this room is also really cold so I'm going faster than
I normally do. Okay, uh, use the instructions above to adjust one example of an H2, select it,
up... update the others to match. We've done that, well done us. Find a fact in this document that
's
interesting to you and make it stand out. Okay, so, I'm excited about this, I... let's look
for a fact that we really like. I'm actually going to go to the next section, I really like
this fact right here. Maybe something else... this one. I like that, so, how am I going to
make it stand out? I could use language... ..."Important!" and I'm going
to use some space. Come back. Looks pretty good. I'm also going to see
what the styles pane can give me. So, I've highlighted this whole thing
and here's
an intense... let's see, intense emphasis. Let's see what that'll do. That's exciting, I'm
kind of liking that. It's also... that one that looks pretty good. I'm hearing someone
off... off mute. Do you have a question? Okay, so, there's some some interesting
ones. What we want to be aware of, however, when we're using this, is, not only are these
styles going to change the look of our text, they are going to tag the text. So...
intense emphasis, that's... that's fine, that works
. If I use the styles pane, however, to
give it a heading title. Say, I re... a heading... say I really like that one. That makes it really
stand out. I'm... I'm not going to do that, because it's going to tag it as a header
which is going to cause problems, later on, for my users. So, I'm going to stick with intense
emphasis, um, and that's going to call it out for... for our users. Alright, our last to-do list
is the one that I mentioned I would showcase in a second. I'm going to go up to
paragraph...
the paragraph tool set in the home ribbon, and I'm going to to click this little show/hide
paragraph symbol. Um, I don't like working with this on, I find it distracting, but it's very
useful because I can quickly scan and I can see if there are any of those pesky little, um,
enter signs. So, I don't see any right off, so that's good. Oh, I found one, look at that.
That's going to be read as blank, so let's delete that. But I still did like that space, so what I
want to do is
go to the paragraph tool set, again, under the lines and spacing options, and I just
want to add some space before the paragraph. That looks great, here's another one, delete that.
But, look at... at this. Okay, now, I want to add some space. I really liked that space. So, we
go back to paragraph... the paragraph tool set... Add space, look at that, perfect. Okay,
now, I see your comments. Yeah, hi, oh, does someone have a comment? Okay,
not a problem. I see your comment, Andre, um, let's
switch over to
Google Docs and see what we can do. Alrighty. Yes, so, we want to make our something
stand out. Absolutely, we can do that, just like we did before. Adjust it, maybe give it a color
purple, make it an H2, but "update to match", now all of our H2 are going to be purple, which
is great. Yep, absolutely, and not a problem. Alright, let's see if we can do the next one. Oh,
we already did it: "Use the instructions above to adjust one example of H2." Okay, done. "Find
one fact and
make it stand out." Okay, let's see if we can do that. Um, let's see. The fact
that I really liked was this one. So, I'm just going to give it its own paragraph. Now it stands
out with a little bit of spacing. Let's see what Google offers. It doesn't... so, like we said,
sometimes Google is not going to be as helpful, but what I can do is say it is very important
that your contrast should never be less than 4.5, which we'll talk about in a second. Using language
is always going to be our f
irst option when we're trying to make something stand out, so... and, if
we want to make it stand out for users that are looking at the document, we can make it a little
bigger. I guess maybe we can give it a color... Okay, so, that's about what we can do and, last one, "Use the show nonprinting characters
function." Can we do it? I actually do not know, if we can do it, so... if Claire or Jim knows,
I'm happy to defer to them. I don't see it. But I'll move on, for now. Anyone
who knows if
we can or can't show that show menu... show and add space view... There it is, thank you very much. Okay, so,
now, we can see... there it is. We'll delete our extra spaces, and now those will not show
up as blanks if we put it into a PDF format. Format menu. Aha! From the format menu, we can
add space before a paragraph, remove space, custom spacing, so, I'll show that one more time. In the
view menu, we can show nonprinting characters, and, in the format menu, this is where we can
increase
... excuse me, this is where we can increase our spaces. Cool, any questions about
typography, and adjusting typography in Google Docs or Microsoft? If you have no questions,
you're good to go, A+, give me a thumbs up. Awesome, alrighty. Let's go
ahead and go back to our slide. Liz, do you want to... should we do a break
after this section? Yeah, I think I'm gonna go get a sweater, it's so cold in here. Okay,
um, color and contrast. So, contrast is, uh, the difference between the brightness
in the text
and the background. Um, I believe there are some people on our call, right now, who have personal
experience with how having good contrast, um, is beneficial, and, probably, some experience
about having bad contrast. It's the worst, and I wear glasses or contacts, and... and
so, I have limited experience of just how annoying it can be, but let's look at
what the... the WCAG standards are... Okay. So, the, um, web content
accessibility guidelines, WCAG, um, states that, um, the
color contrast ratio
of 1:1 is the least accessible ratio. So, you may not even be able to see the word text
over on the far, uh, left side of your screen. Um, the highest ratio you can have is 21:1. That's...
that can only be achieved with black and white, whether it's black background/white
text, or black text/white background. WCAG requires a 4.5:1 ratio so that, uh, text in
the middle, that text box, that's 4.5:1 brightness ratio. Um, if it's larger text, like, for heading
it can be a
s low as 3.1. Um, so, you have a nice solid goal. You... if you fall below that
standard, it's not an accessible document. Okay, there are a couple of... oh, we've got a comment:
"Studies show black background with white text is good for dyslexia." Interesting. I had never
heard that. I do know that, a lot of times, people are using their own devices to switch
the background. If you go into night mode—or dark-color mode, I'm not sure what it's
called—um, and a lot of people prefer to have a
black background with the white text. Um,
there are a couple of methods we can use. Um, first is a visual inspection. If it's... if it
looks like it probably passes that 4.5, chances are it does. If you're not sure, there are two
tools we can use. The check accessibility tool... "Always aim to overachieve." Perfect, Jim.
Um, so, we can use the check accessibility tool. Let's do that now. Um, I'm actually going
to take over share screen for just a second... Alright, in Microsoft. Let's star
t there.
I'm going to go up to review. It opens the review ribbon and I'm going to
just click check accessibility. So, here, we're not seeing that any... let's see.
We've got some warnings, we've got some errors, we've got some intelligent services, and one
of our warnings is "hard to read text contrast" and it is suggesting that we use the WebAIM
Contrast Checker. Oh, no it's not. Our text on here is... was so impressed with Microsoft's
accessibility checker, for a moment. "Wow, look at..
. look at how smart it is. That's
exactly what I was going to suggest." Okay, so, it did catch that something in our
document does not have um enough contrast. Um, the other option, uh, is that we can use, um,
we can use a third-party checker. One of those, that's really great, is the web aim
contrast checker. So, all I'm going to do, I'm going to go ahead and make that a little
bit smaller and, in my browser, I'm just going to pull it up. Typing it in. WebAIM Contrast
Checker and... and l
et's pop that in the chat. Like... I missed something in the chat.
Some personal information from Lori: "My daughter in nursing school, yesterday, made
a PowerPoint using this color combination. She knows what I do all day, but found that
on her own." Love that. Um, okay, so, this is the WebAIM Contrast Checker. This is a
free tool, um, and, uh, it's quite useful. So, what we want to do is... we need to check to see
if this meets standards. We're going to go into the color picker and, when
I click on this color
in the foreground, there's a... an eyedropper tool, right there, I can pull that eyedropper out
of my browser, and I'm going to grab foreground. So, I'm going to grab some text. I'll grab this
tiny black text, there, so we've got black. Now, I'm going to grab the background color, same deal.
Click the color, down here there's an eye dropper. Now, I'll grab the background color. Okay, so,
this tells us normal text will pass at AA and AAA standards. AA means, um, most of
the time, you're
good. Triple A is... you get an A+++, basically, um, and it passes for large text, also, so, good
job us. Um, so, that's one of the tools. "I'm not finding check accessibility button in my version
of Word." It could be because of the version that you're using. Um, if you have the review tab
open, um, I'm not sure where it used to be, or if it's moved places, but one great place to
look is in search. Just look for accessibility, or accessibility checker, and then it... it
should show you where it is. I... I think search, in the last couple versions of word, was
always at the top, but I could be wrong. Um, let us know if you find it, Cecilia,
um, because it could be that other people in the group have your same version.
Awesome, good, was it in the same place? "Found it and searched."
Awesome. Select file, info, select "check for issues".
File, info, check issues. Oh, there it is. Check for issues, check
accessibility. Great, we've got a couple of different
ways to find it. Okay, um, let me glance
back at our slides, here. I'm gonna stop share and Google. Folks, hang tight. I promise I will
show, uh, the skill I just showed in a moment. Okay. Uh, the other... if we just hop back, just,
real quick. The other option for a third party tool is the color contrast analyzer. Um, I won't
show it right this second, because I'm using my husband's PC and it's not downloaded, and it
is an app, um that needs to be downloaded to a machine. So, depending on
the rules for your
organization, it's possible that you won't be able to access this tool. It... it just depends
on what's blocked or not blocked on your machine, uh, but I actually do prefer the the CCA, um,
to the WebAIM, just because it's embedded, and I like apps. Okay. Um, color reliance. Um, I kind
of foreshadowed this a little bit earlier. Um, in the US, about 4% of the population have some
form of color vision deficiency, sometimes called color blindness. Um, users with low vision,
um,
might also override the colors in a document like we were just talking about, um, and so, if we're
using color by itself to give information, uh, that can create some problems. Let's look at a
couple of examples of that. Um, unfortunately, in Microsoft Word, if you're creating a chart,
the default chart is this, um, that has, you know, some colors, and then it has a legend at the
bottom that's very small on our screen, right now, um, and there is no... nothing linking the
two... the...
the different parts of the chart, and then the legend. So, the way to fix this is
to go into the chart table ed... the chart editor, and find a different template. So, a lot of
these different templates that they have in in the chart editor in, um, in Microsoft Word,
some of them attach directly to the pieces that they're talking about, and then, we aren't
only relying on color, that's one example. Um, another example is, on the next slide, yeah, so,
in this example, how to respond if a be
ar attacks, red equals fight back with everything you have,
green equals play dead, and then we have a list of red and green colored types of bears. So,
this is some pretty important information that's being lost for anyone who r... who cannot
rely on color to give them that information. Uh, so the... probably the better way to do it
is, again, to just use language to express what the information is. That's really so
vital, um, to, uh, do this. So, on this side, we just have some informatio
n: "If a black
bear charges and attacks you, fight back with everything you have." and some information:
"If a grizzly bear attacks and... play dead, unless it keeps going, and then fight back." So,
um, that's a way that we're not relying on color to give some pretty crucial information.
Okay, let's see. We've got how to test... Yep, same thing. Start with a visual inspection, and then there is a third party tool that is
listed here, um, but we won't demo it today. Okay, and a slide for you
r information, for
your records, um, to, uh, to how to use color, best practices, okay. Let's get
in and practice a little bit more. Okay, so, I'm going to use my navigation
panel to go in and to color contrast, again, here's some information. We've got a link
to the WebAIM Color Contrast Checker. I'm going to go ahead and go back to the home
menu and turn off my, uh, paragraph tool. And here we've got an activity. So, uh, I can
already tell, just from a visual inspection, that this box, h
ere, is going to fail and, in
fact, we know that because we... we've got it in our accessibility checker, right now, so I
wouldn't actually have to use the WebAIM Color Contrast Checker on this one, all I would
need to do is change the font color or the paragraph shading in this menu, which is so
great, that it just offers it right there, so, I'm just going to click and... look at that,
it's fixed and it disappeared from my menu. So, I'm going to show that one more time. Say
my accessibili
ty Checker tool is gone. I'm going to go up to review, check accessibility.
Or, I could just search accessibility checker. Here. It is "hard to read text
contrast". Let's just fix it. Let's change that to Black. Looks great,
and "add to dictionary", perfect. Okay, um, let's go ahead and do that over
in Google. Where are you Google... Okay, alright. So, here,
we've got color contrast... And we will go to... I know
I saw it, where are you... Nope. I knew it. Unfortunately, I don't think
the
re's a... an equivalent accessibility checker in Google. If anyone knows different, please
let me know. I... I've spent 90% of my time working in Microsoft, I don't think there...
Okay, Jim. Yeah, if you have Grackle Docs, you can use it as an accessibility checker. In
Google? No luck. But a visual inspection will tell us that no, that does not... "If you
are not able to just click within the menu, just open up WebAIM to fix it?" Absolutely. So,
let's just pull this into its own window, and
it made my text really small, so I will try to fix
that for you without making everybody sea sick. Oh, okay, I see what happened. Alright, so here
we've got our, um, definitely not accessible, um, thing, but let's... let's just check it.
We've got foreground, which is white. It can be a little hard to click on, you got to
have, kind of, a steady hand, and, on Mac, you have to manually change font, or background
good... good to know, good to know. We've got our background, that yellow color
, it is a fail
on everything. We have AA, AAA, large text, all of that. It's a fail, so, WebAIM does offer
some options. We can adjust these colors until they pass. It gives us this really lovely brown.
Um, we could also, just, do our best to change it right inside of Google. I'm just gonna...
sure, we, why don't we pick, like, an orange, and then we can... oh, that's also brown. Alright,
we're working with brown today, folks. So, we can just pick that color, again, and see, if we would
li
ke, that it absolutely passes so, good job, good job us. I'm going to make that smaller, so
I can see everything. Again, WebAIM tool does not work as well if you're using Firefox. Um, Color
Picker doesn't work and I think... that's true, Jim. In our... in one of our last trainings,
someone wasn't seeing the color pickle... picker tool. Um, I use Chrome and it... it
has always worked for me. Okay, and... Robin, keep... keep the Mac tips coming. Um, oh,
looks like I missed one so I'm just gon
na... There we go. Um, any questions about
using the Color Contrast Checker, um, or on... on either Google or Microsoft? Okay, I'll take those thumbs
up, now if you don't mind. Only if you're ready to move on. We can certainly
go over some other color-related things and contrast-related things. Okay, welcome back,
everybody. Hope you were able to stretch out, a little bit. Get a sweater, if you needed
one. Um, okay, so, with images there are some technical issues that we need to be aware of
,
and there's also some, uh, general good design, uh, issues that we want to be aware of.
Um, so, when we're choosing our image, we want to make sure that we're creating a
connection with the text that's clarifying the information that's already there, and
adding meaning, and sometimes, our images are going to evoke feelings or associations,
and the reason we want to think about this is because we're going to be needing to create
alternative text for each of our images. So, if we're choosi
ng something in order to
evoke a feeling or an association, um, or add any meaning, it's important for
us to be able to express to ourselves, as the document creator, what that is, so that
we can then try and replicate that in text. Okay. Alright, so, there's some different types of
images, um, that just tend to convey different things. Um, we've got photos that tend to convey
reality, stability, maybe empathy for the people in the photo, if it's real human beings. Um, and
those are going
to be saved as JPEGs, normally. Um, illustrations can, um, illustrate, kind of,
subjective or abstract ideas. Those are going to be usually PNGs. Sometimes you might find an SVG
file. Um, charts, data, pie, charts, analytics, that kind of thing, um, also PNG, and icons that
are used for navigation or ident... identifying things. This is, probably, all repeat information,
but I want to make sure we're on the same page, um, especially when it relates to the file
types that we're working on, b
ecause file type matters for, kind of, a different aspect of
inclusion. Um, if we're using file types that are wrong for the... the image that we have, it can
increase the size of our documents quite a lot, um, and this can be really hard for folks with
older devices, or poor Wi-Fi, things just won't load. So, that's why we're talking a little bit
about, um, types of image for the, um, folks who are using assisted technology. There are a couple
things we want to be aware of with our images,
and one of them is that they need to be kept in-line
with the text. Um, so... and I'll demonstrate that in just a second... second, um, and, uh, as I
was saying, with these large files, um, I'll... I'll also... I'll give you a bonus, um, tool that
can be used, uh, to optimize our really extra-big files—especially photos that are taken with
nice cameras can be just massive file-sizes—um, and if we optimize those images, our file sizes
are going to load... our our files are to load so much b
etter on, uh, like, student devices
and things. Okay, I think that's... oh, we've got some best practices. Uh, choose the right
file type, keep images in-line, let's get to it. I'm gonna go ahead and... share, okay, alright.
Again, here's the information in written form. It's basically a repeat of what you had in the
slides, we wanted to offer it twice just, uh, for you may have... whichever version you prefer
to use. Okay, um, we've got additional resources. Squoosh is not, uh, something t
hat's listed in our
activity instructions, but I think I do want to, uh, demo it if we have some time. Okay, um, so
we've got some... a story here. We've got Allison, who's creating a flyer for parents of young
children who are new to AT, or Assistive Technology. Uh, she's trying to choose a picture
for the flyer. What I would... what I would like you to do, um, is just, in your own mind, think
about how you might describe the images, here. So, what feelings are coming up? What do image...
uh, and I'm gonna just try and type on my copy, um—if anyone would like to put in the
chat, so we can do this together, um, I would love to make this kind of a group
activity—for this first image. Image One. Let me try and make it a little bit bigger. What message
or feelings might this image convey, and what, uh, what type of description should we put in? We're
going to need to describe this image. For folks who can't see it: An adult putting hearing aid on
a toddler in her lap. A mom put
ting a hearing aid in her son's right ear. Woman inserting hearing
aid in child's ear. I'm loving where we're going, um, what I want to cons... have us consider,
um, is how detailed we need to be, and this is very contextual, if this is an image that
needs to be minutely described. For instance, Beth, perfect example: "Mother with brunette
hair with brunette son wearing a red shirt inserting a hearing aid into his ear." This is
very minutely described. Sometimes context will require this de
pth of description, and sometimes
it won't. Um, if this is an image that is going to be talked about in the context of... of the
document that it's in, we could even keep our, um, our image description super, super
short and simple. Um, something like... Something like that. I'm not saying
that this is preferable to anything that's been put in the chat, but I do want to
suggest that it doesn't have to necessarily be minutely described. If that's what's called
for in-context, that's what we
want to do, but maybe it doesn't need it. Um, so let's
look at this next one. Out of context, it's a little bit hard to decide.
Let me scroll over a tiny bit, but let's give it a try. I'm eyeing the chat,
again, and I can make it a little bit bigger. We're holding space for this because it's an
important skill, and it's also a skill that I think most of us are not, um... Oh, I... I did put
a description, excuse me. The description for this first one, uh, that... that I wrote was "Mom helps
son with hearing aid". "Is it okay to unmute?" Yeah, of course, please. Hi. So, I think that the
helping with hearing aid isn't as specific as, like, putting it in their ear. Like, "helping
them with the hearing aid". Doing what? Like, putting batteries in, or, like, we don't know,
but there is a balance there, because, of course, it just depends. Like, what you were saying,
how significant that image is for the document, but I would say, you know, specific enough to
know what's going on,
but not over the top, and, I know that's super subjective and not always
helpful, sorry. Oh, I love... very helpful, Judy. I've changed it and I'm curious about
your reaction to "Mom puts in son's hearing aid". Yeah that sounds great. Short and
sweet and descriptive enough that we know what's happening. Awesome, love it. Some of
our, um, suggestions for our next image are: "Six individuals using a variety of assisted
devices.", "Everyone needs tools for life." Which, perhaps, Katrina, that
would be more of a caption
to go in text near the image. If we're wanting to describe the image, "Six individuals
using a variety of assisted devices." It accurately describes the image. Any other, um,
suggestions for this second image that we have? Otherwise, I'm happy to move on, because we do
have some other, um, opportunities to do this. Oh! Made it a little bit too big. There we go,
great. Um, there are two other images on this screen. I will let you, um, take the time
on your own. O
kay, Katie: first one. "The alt-text you submitted could be controversial or
assumed. Could a doctor and a child versus a mom and child?" Absolutely, I really appreciate that
insight. A lot of times, alt-text it... it is, um, a little bit of an art versus science, isn't
it? And, again, as the author of the document, you'd have a little bit of an easier time. For
instance, if we're talking about a care provider, in the context, of course we... we'd
write that, but yeah. Very good point, and
it's a good conversation to have, as well.
Um, there are a couple of other, um, images but, in the interest of time, I am going to go ahead
and move on, and I'm actually gonna pass the the microphone over to Claire, here, in a second.
Robin: "In the second image, I'm curious about the importance of including what the image shows
people of different ethnicities. I feel like it's likely taken into consideration when choosing
the image, when would that be important to include in alt-text?" Rea
lly great point, yeah.
It depends on the context. So, we could, um, rather than "six individuals using a variety
of assistive devices", like Patty suggested, we could say something like, um, "a diverse
community of people using assistive devices", something like that. "Six people grouped to...
together in a line. One person has a white cane and appears to be a guide. One person is seated in
a wheelchair. Others are standing. They have their arms outstretched to each other." Yeah I'm...
I d
on't know if I'm the right person to, uh, to give a "yes, that's perfect" or "no, I wouldn't
do it that way" because, what can you do. Now, I will say that—for alternative text, which Claire
is just about to talk about—um, a lot of times, it can be better to make it concise, um, because
what we don't want to do is repeat information, so, if we have written something in the context
of the document, we don't want to write that again in the alt-text. Um, "Would you want to
focus on cultural di
versity, or the disability diversity?" That would be a question for the
author of the document. Absolutely, great... great questions foreshadowing our next topic. So,
I was just gonna add... I was just going to add, it really depends on the point you're trying
to make. Why is that image in the document, and, if it has to do with diversity, that's
the importance, you would describe that. If it doesn't have to do with diversity, if it's
really about the assistive devices, then that's what you
're emphasizing, that's my perspective.
Love it, so I'll—in closing my part of this, um, of this presentation, because my brain, I think,
just shut off at 10 pm—but, before I close, I just want to check one thing over in our accessibility
checker in Microsoft. Before, we had multiple images that were missing object descriptions,
and now, let's see. We like this mom's putting in son's hearing aid copy, and let's see if
we can just... there we go—oh! It was already in there. Okay, that was yo
ur quick foreshadowing
for Claire's wonderful topic that she's about to, just, go speed off on, and I'm gonna head off
to bed, so, thank you all so much for having me, it was really wonderful to have this conversation
with you, and I wish you luck for the rest of your training. Thanks Liz, thanks Claire. Bye bye.
Alright, I'm going to share my screen again, get things pulled up. Um, I love the discussion
that's been going on in the chat, and with Liz, so... so, we're going to shift into tal
king,
um, shift away from talking about images and, um, shift to alt-text and, kind of, how we can
use the meaning from images to describe them in alternative text. Okay, so, it sounds like most
people are already very familiar with the concept of alternative text. In case anybody is not, um,
alternative text is a description of an image, um, it often benefits, uh, blind or screen reader
users who may not see the image in your document. And so the, um, if... if they don't see the
image, th
en they risk missing out on that super-important meaning and context that Liz was
describing, that your photo adds to your content, and so, um, alternative text is a description of
an image that can be read by a screen reader that, um, helps convey that same meaning, hopefully,
if it's written well. Um, alternative text, um, needs to be more than just a visual description,
um, of what is in the photo. It should really capture the purpose of the image. Why did you
choose to include... includ
e it, and, I think, the discussion we were just having, post some
really great examples, um, of how we can think about that. Um, thinking about the image that's
on this screen... on this screen. We've got a cute little dog with his, uh, with his right ear
kind of perked up, and he's also wearing a very cute little scarf. Okay, so, if we think about
the alt-text, we might put on this image, um, again it's going to depend on... we're gonna ask
ourselves what are we using it for and why did we
choose this image. So, let's say I was creating a
survey, um, I wanted to solicit some feedback on a program that I'm running. So, I'm sending this
survey out, I put this picture of this cute little guy on there, and I put the words, like, "We're
listening.", or, "We want to hear from you!", or something like that. In that case, my alt-text
might be something like, "A dog with his ear raised." Conversely, if I put this photo on...
if I created a flyer for my grandma's Etsy shop, and she cr
eates very nice hand-knit scarves and
sells them on Etsy, and I put this on my grandma's scarf shop flyer, then the alt text might be "A
cute dog wearing a hand-knit gray scarf". Okay, so, can you, kind of, tell how, um, we used
alt-text to convey different meanings based on why we chose the photo? Um, I think the question
in the chat about, kind of, um, and... let me make sure I get the question right. "Curious about
the importance of including an image that shows people of different ethni
cities, I feel like this
is likely taken into consideration when cho... when choosing that image." Absolutely, I think,
um, again, we're thinking about why did we choose this image. If we chose the image specifically
because it represents diversity of ethnicity, or diversity of disability, or the use of adaptive
equipment, then I would absolutely include that in my alt-text. So, hopefully, that answers that
question. A couple of other, kind of, best practices when thinking about... or when
writing
your alternative text, like we mentioned before, keep it brief but accurate. Um, typically,
alt-text should be less than two sentences, and it should describe, again, what do you want
the reader to take away from the image. Um, you don't need to say this is a photo of, or
this is an image of, uh, that is because that, kind of, becomes redundant information. Typically,
most screen readers will tell the reader, um, that is reading, you know, alt-text of a photo or
an image, and so, i
f you start your alt-text with "photo of", then the reader might hear "photo of
photo of a dog wearing a cute scarf", so you don't need to say that. Um, if the image is a link,
or has some sort of behavior, you do need to state that. So, a good example of this is, like, a
lot of people will, um, have a clickable link of, like, the Facebook icon that will link to their
Facebook page. Um, the alt-text on that icon, um, would need to say something, like, "link to our
SWAAAC Facebook page" or s
omething like that, so that the... the reader knows, um, where they will
go if they click that link. Um, it's if possible, you want to try to avoid using any images that
contain text. If you absolutely have to use an image that has text within the image, then the
alt text must con... contain the same text. Um, I think the common example of this is logos.
So, a lot of logos will have your... you know, school, or company, or whatever, your name in it,
just make sure you're also including that
in the alt-text. Um, when it comes to punctuation
and capitalization, this can be helpful, um, especially commas, if a pause in your description
would make it more clear. Um, some screen readers will read punctuation out, so, just, try not
to overuse it, but you... but it can be helpful to use regular punctuation and capitalization,
and then the last thing is, just, to be careful of any automatically-generated alt-text that
might already be in your alt-text field. So, more and more, the co
mputer is able to add its
own alternative text to a photo, um, especially if you're pulling, like, a stock photo from...
from micro... Microsoft's, you know, stock photos folder, or whatever. Um, a lot of times it will
come with its own alt-text. Sometimes too, even if you're uploading your own photo, um, something
will populate that alt-text file. Sometimes it's just, like, the file name, and so it might,
just, be like, image 3, 4, 5, 6, whatever, something essentially meaningless. There's
also a
tool in word, at least, in newer versions of word, where, near the alt-text, you can press a button,
and it will use AI to generate some alt-text for you. Again, that's just going to be, basically,
a description, um, of what the computer thinks the photo is, of... the computer doesn't know why
you've chosen to include it. You have to always go in and edit any automatically-generated alt-text
to make sure it still conveys that same takeaway message and is not, just, kind of, a descri
ption
of the... of the image. Um, complex images are non-text elements that cannot be described
easily in one-to-two sentences, so, think things like maps, graphs, charts, infographics, like,
process flow-charts, things like that, and so, um, of course, the... the alt text, there, is
going to be a bit more complex and take a little bit more... take more to describe. So, instead of
putting it in that alt-text field, it tends to be a better practice to bring it out into, um, like,
the paragr
aph text that surrounds that photo, or, sometimes, people will create a link that
goes to a longer description of that photo, and this is really helpful for a lot of people,
um, to provide that... that text description. Um, this can get a little bit complex, and there are
more best practices around this, so I don't want to spend too much time here. Um, there is this
nice online training, if you are someone who uses a lot of complex visuals in the content that
you're creating, you might cons
ider watching this, um, online training on describing complex images
from AbleTech and AT3, and it's linked, here, on this slide. Right, so, I'm going to pop out of
the Powerpoint and go over to our activity—and, I know that we got a little bit of practice with
this already, um, with... with thinking about what might make good alternative text—I'm going to show
you, um, how to go in and add it. Um, couple ways to do this in Microsoft Word, and I am underneath
our alternative text section of
our Microsoft Word document, and I'm down in the activity section,
and the instructions for this activity are to, just, go in and add alt-text to the images below.
Um, so, easy way to do that: Select the image by clicking on it, and then right-click, and then
view alt-text, and then you'll type your alt-text in here. Um, since we spent so much time, kind
of, in the last activity thinking about, you know, what makes good meaningful descriptions and
alt-text, I think we can go through this a
ctivity a little bit quicker. Um, I think, for
this image, we had decided... what did we say? "Mom putting a hearing aid in a young child's
ear" was nice, concise, descriptive. Okay, so, if you're working in the Word documents, um, get
a little bit of practice with adding alt-text to these next few photos, here, thinking about how
you might describe those, and then I'm going to switch over to the Google Document and show our
Google friends how to add alt text in a Google doc. So, it's basic
ally the same process, you're
going to select the image by clicking on it, right-click, and then find alt-text. Click on
that, and you can add your description in here. One thing I will point out—I'm going to flip back
to my Word document—you might notice in Word, underneath the field where you add the
alt-text, there's a check-box that you can choose to mark this image as decorative.
You can use this if there is an image that is purely decorative. If you have chosen an
image, it doesn't r
eally convey any meaning, it doesn't really have any purpose in your
document other than decorative, then you can check this box to mark it as decorative and that will,
um, not be read by assistive technology. Okay, um, unfortunately, that's not an option, um, in
a Google doc, unless you have Grackle, and I'll show you what that looks like, in case anybody
does have Grackle. You'll launch Grackle Docs. It appears that... does this, kind of, pop up on
the right side of your screen, and it, k
ind of, automatically will do a full check of... of
accessibility issues within your document, and it has found, um, a few images that don't
have an alternate text description—probably these next two, here—I can click locate, and it will
find it for me, and, if I wanted to mark this as decorative, I click tag, and it's called "mark
as artifact" that's what the tag will ultimately be called on something that gets skipped over by
assistive technology is... is an artifact. So, I'm going to mar
k that as an artifact and then
update it, but I know from the survey most people in the group don't have Grackle Docs and so,
if you're just working in Google Docs and you don't have Grackle Docs or a way to mark images
as decorative, I think it's just extra important to be really careful about what images you're
choosing and, just, really purposeful about really only adding images to your content when they
have a really clear purpose in your materials. "Is Grackle an extension?" Um, yes. Y
eah, it's
an extension that gets added directly into Google Docs. It's not... it's not exactly a Chrome
extension, but, if you were to go to Grackle and create an account, then you could you would have
this here, underneath this extensions drop-down, you would have the option for for Grackle Docs.
I'm just on a 30-day free trial, right now, so, um, if you want to try it, you can try it for
30 days. Jim... yeah, great point... point, you can also mark an image as decorative if the
image has
a descriptive caption or a description elsewhere in the surrounding text. In that
case, it would be redundant to add the same text to your alt-text. You've already conveyed
that meaning to the reader, so you can mark it as decorative. Thanks for adding that, Jim. "In
Google there is an advanced option to add a title, which will appear as a tool tip when published on
the web. How does this work with a... with screen reader tool tips?" Great question. I'm not sure,
exactly, what a tool tip i
s, but I do know that the title is not the same thing as the alt-text.
Um, the title is often what you'll see if you're on a web page and you hover over an image. It
also helps with search engine optimization, so, um, so, you might add a title if your document
is going... going into, um, a... a website. Judy said... "A screen reader reads tool tips, but not
by default. You have to set it up that way." Okay, so, thank you, Judy. So, really, um, we want to
be using that alt text field, and th
e title is, kind of, an optional, additional piece of
information that you could add. Hopefully that answered those questions. I'm going to share my
PowerPoint, again, and we'll move on. Thanks for all the discussion around alt-text, that's great.
Um, so, next, we're going to shift gears a little bit, talk about use of language. Specifically,
um, plain language and inclusive language. So, using plain and inclusive language will help the
people who are reading your content to understand it t
he first time that they read it. Um, the
most important thing that you can do, when thinking about the language that you're using, is
to consider who your audience is. So, if you're creating a document that will be used by, um, by
a limited, like, a known subset of people and you know who they are. For example, maybe you're
creating a handout for a group of teachers in your school. In that case, it'd be... it'd be okay
to use some teacher-specific jargon, to use some acronyms that they are
already familiar with. It
might be okay to write at a higher reading level. However, if we don't know exactly who we're...
who we're talking to—and typically we don't—um, maybe you know you're creating a document that's
going to get posted on a website, and that's going to be publicly available for anyone to access.
Or maybe, um, maybe you're even writing to just a small group of, let's say, parents, but you
don't know... you know exactly who they are, you might not know where they're from,
what they
do for work, what's their educational background, you might not know what their first language is.
So, in these situations, um, we can, kind of, fall back on some principles of plain an inclusive
language. Um, I'll just, actually, pop out to a browser and show you some of the resources linked
on this slide. Plainlanguage.gov is... has a really nice set of guidelines for how to write,
um, in... in plain language that will be easier for people to understand the first time they read
it. So, they have these different guidelines like how to write for your audience, how to organize
your information, um, choosing your words carefully, concision, and then, if you click
on any of these, you'll see, like, subtopics, and then reading about those subtopics. What I
really like about this website is that they give you examples of what you might say, instead...
so, so, for example, you want to use pronouns, speak directly to your reader. So, as an example
of this, instead of say
ing "Copies of tax returns must be provided." you could instead say "You must
provide copies of your tax returns." So, that's much, much, clearer, everyone knows exactly who
needs to do what. Okay, so they've got, just, lots of great examples of these different concepts,
so, definitely, um, this is something, personally, I'm always working on, so, just a really good
resource to, kind of, have bookmarked and, just, review through as you write things for different
audiences. Um, the other one
that I will show you, quick, is, um, the inclusive language guide
from the American Psychological Association, or APA. Um, inclusive language is, um, a little
bit... a little bit different than plain language, but super important. Um, inclusive language
means, kind of, identifying individuals, groups, or communities, using their preferred language.
Um, of course, the best way to know how people and groups of people prefer to be identified is
by asking, but, when you don't have access to so
meone that you can ask, um, I find this resource
really helpful. Basically, the APA compiled some research around the language and terminology
that is preferred by... by people in various communities, and so, if you're ever referring
to or talking about specific identity groups, um, they have these tables—you have to scroll
pretty far down past some of these definitions to get to them—but tables with terms to avoid
and suggested alternatives. So, for example, if I wanted to refer to wheelch
air users, um...
um, this suggests that many wheelchair users do not prefer terms like wheelchair-bound. Instead,
use one of these alternatives. So, they've got, um, kind of, several different tables with
terms to avoid, and suggested alternatives. So, this one is related to... to body size and
weight. Um, to disability status. Terms to avoid and a suggested alternative. Um, and then,
I believe, um, terms related to race, ethnicity, and culture, as well as, uh, gender diversity and
sexual
orientation, I believe. Yeah, so sorry, I'm scrolling through this very quickly, probably
making you carsick, but, um, just wanted to show you all of the different information that they
have here. The other resources on this slide, Hemingway Editor, we're going to look at in
just a minute. So, that's just a little bit of foreshadowing. We're going to talk
about grade level, and then, finally, there's a video on disability-inclusive language.
So, if you're looking to learn more about the the
idea of inclusive language specific to disability,
then that's a really great video. It is about an hour long. So, a couple more best practices
regarding the use of language: you want to try to chunk information into manageable sections—use
those meaningful headers like Liz taught us to—and then put your most important information near the
top. Um, a lot of people aren't going to read very far through your document, especially if the
information towards the top isn't important, so put that
most important stuff up top so that, you
know, people get that information. Try to avoid using long, run-on sentences. Keep your sentences
short and concise. Use bulleted or numbered lists when appropriate. Um, and then write like
you speak. So, keep your writing tone very conversational. It is okay to use contractions,
I still am stuck in, like, I think I learned in, like, fifth grade or something, that you shouldn't
use contractions in your writing, um, so, I... I still... my mindset is,
like, stuck there, but
it is easier to read, for the general population, if you use contractions. Speak directly, um,
use... use active verbs, things like that, um, in your writing, and then, um, provide
examples for more complex concepts when you can. So, for this, um, activity, we are going
to... whoops. I'm going to share my screen again. Sorry about that. We're going to pop
over to our Word document and this... this is going to look the same whether you're
doing this in Word or in Goo
gle Docs. So, in whatever version of the document you're
using, find the "Use of language" section, the header two for use of language, and then
the activity, plain and inclusive language, and take the passage that's in that
activity section. It starts with "In the realm of accessibility, the goal
is to transcend language and disability barriers." You're going to copy that, and
then we're going to go to Hemingwayapp.com I can put that in the chat, here, and, once you're
at Hemingwayapp.com
, um you're going to delete all of the text that is in this editable text field.
Delete all of that, and paste... whoops, paste that passage that you copied into that text field.
What it's going to do is give you a readability score. Um, the readability score for this passage
is grade 15—it's telling us that is poor, probably too high for most audiences—and then it gives you
some ideas for how you might change some things, and it, kind of, uses some color coding, tells
us, you know, one of
our sentences is very hard to read so we might think about, maybe,
breaking that up into multiple sentences, or rewording that, um, these top two. Actually,
all of our sentences are hard to read. Um, we could consider removing adverbs, things like
that. So, take the next, like, two, three minutes and work on either using these hints or read
through some tips on plainlanguage.gov and, um. And work on... Getting this passage down. Let's let's
aim for grade level nine and see what... Passages
we can come up with. Okay, thanks
Tiffany. Tiffany came up with... "The goal of accessible documents is to reach a broad
audience, this guide will help you improve the accessibility of your print and electronic
publications. The focus will be on creating accessible PDFs in Microsoft Word. but the basic
principles apply to other software as well." And let's see how this does. So, got it down five
grade levels, that is impressive. Nice work, nice work. Alright, thanks everyone for
doing that
. I'm gonna share my slides again. And we will move on to talking about links.
Alright, so, a link is something that you can click on that will take you somewhere
else. So, a link might take you to a website, it might take you to a document, it might take
you someplace else in your current document, especially in larger documents, um, or an email.
Typically, a link is to a website. There are three links on this screen, and they all go to the exact
same website. So, I want to know, in the ch
at, which one you think is the most accessible.
So, number one is just a URL. It says https drive.google.com/drive/folder/1...some string of
letters and numbers. Number two says click here, and here... the word here is, uh, hyperlink for
a doc... for document accessibility resources, and number three, the whole thing
is hyperlink, and it says document accessibility resources. Which of these,
do we think, is the most accessible? Awesome, everybody is answering three. That is
correct. Number
three is the correct answer, and that is because it is descriptive. So,
of course, we want to avoid long URLs in our content. No one guessed number one was the correct
answer, so that's good. That's probably because no one wants to look at this, um, or listen to
that. Um, it's essentially meaningless. You're not going to click on it because you don't
know where it's going to take you, and so, using descriptive texts to label links so that
the user knows exactly where they will go when they
click on it, um, is the best way to do
it. Um, so, the link in number two wasn't correct because the link text itself, um, needs
to be descriptive, not just the text around it. Screen readers and other assistive technology
can pull a list of links out of a document. Um, if a screen reader user is looking at that list of
links, they will not have the surrounding text to tell them to help them out with what those links
are to. So, number two on the previous slide, where it said "click here f
or...", and the word
"here" was linked. Um, if that was read by a links list in a screen reader, um, all it would tell the
user is... is "here". This... this link is going to take you here, and, especially if you do that
multiple times throughout a document, you're going to have multiple links that are just saying
here, here, here, so that's not helpful. Um, so the one where the descriptive link text said
"Document Accessibility Training Resources", and that whole thing was linked, that's w
hat would be
read by that screen reader list links feature. Um, a couple other tips. So, describing link behavior
is, honestly, not as important in documents—unless it's a document that's going to like, live on the
web—Um, this is generally more of a web rule, but, um, describing link behavior means, like, if the
link is going to open a new tab, or if it's going to cause something to automatically download
when you click on it, you just want to tell the user that so that they know that thei
r
focus will be taken away from where they're currently at and they're going to be put in a
new tab or in a download. Um, typically, though, if you're... if you're just using a document,
it's, kind of, implied that clicking on a link will launch a browser, right? So, um, so that's
not as as important in a document. Um, finally, if your document is going to be printed, um, then
you'll want to include the URL in parentheses after your descriptive text, um, so, um, so that
someone could click
on the link if they're using it on the computer, or if they're... if they
have the printed document in front of them, they could go to their computer and they can
type that URL into their browser. Um, if you do need to provide a URL and it's really long, then
you might consider using, um, a link shortener such as bit.ly or tinyurl, um, and, that way, if
someone... well, that way, we don't have to look at big long links, or listen to big long links
via a screen reader, um, and, um, it's eas
ier for someone to go type into their browser. That's the
way that they're accessing that. So I'm gonna... Yep, thanks for your question, Judy. Okay,
I'm gonna leave, here, and I'm gonna go to my Word document, and now I'm in the links
section of my Word document. We've got some examples of what not to do versus what to do,
in here, as well, and, in the activity section, um, for links, the activity is, um, is "How
would you change the following link text?" So, I'm trying... it looks like I'
m trying to
link to a document about how to customize text for a hyperlink, and what's actually
been linked is this text that says... yeah I've succeeded in this task. Um,
let's see where this link is going. Yeah, so, it goes to a link to Microsoft support about how to customize text for a
link. I'm going to copy that URL... That I want to link to, and I'm actually just
going to delete this whole thing because that text is not necessary where it says... yeah
I've completed this test. What
I want is for this to say for this how to customize text for a
hyperlink. I want that to actually be hyperlink to that online resource. My mouse is running on...
okay, so, I'm going to highlight the text that I want to make into a link. Right-click, click
link, this dialogue is going to pop up. I have a few different options, if I want to link to a...
a file, or a webpage, then I'm going to use this top one that I'm on. Um, I'm going to click here
if I want link to another place in this doc
ument, and that I could link to any other
header within my document. Um, or, if I want to link to an email address, I'm going
to click here. But I want to link to a web page, so I'm going to stay here. I have my text already
selected that I want to be hyperlink, and I'm just going to paste my URL in this address field, and
now I have a nice descriptive link. I know that, when I click on this link, it's going to take
me to a resource about how to customize text for a hyperlink. Let's say I w
anted to edit this.
Maybe, I think... oh, shoot. I actually want to say that this is... I actually want my link text
to say this is a website about how to customize text for hyperlink, um, but, if I just type it
there, it doesn't become part of the link. So, anytime after you've created your link,
you can go back into it by just going... right-clicking on it, and then editing the
hyperlink, and then I can adjust my text here. Okay, so, that's how we do that in Microsoft
Word. If you're wor
king in the Word documents, um, and want some extra practice with that, there
are several other links throughout this document that aren't, um, displayed optimally. There's one
here... here, there's a few here under tools and tips for writing inclusive language. So, go
practice creating nice descriptive link text out of those. If you're working in the Google
document, I'm going to pop over there now, and I'm going to find the links section activity.
Same thing here. So, I want to change thi
s so that "How to customize text for a hyperlink" is what is
actually linked. So, I'm going to delete this... And make sure my URL is copied. Highlight the text that I want to be
linked, right-click on that. I'm gonna find "insert link", and then it tells
me, just, search or paste my link. So, I'm just going to paste my link in there
and click apply, and same thing here. If, after the fact, I want to edit it, I can
click on... click anywhere on the link, and click on this little, like, penc
il-shaped
button that says edit link, and then I can edit my link-text or my URL there. Website about how
to customize text for hyperlink. That's probably a little long for descriptive link text, but
hopefully you get the idea, there. Alright, check the chat for any questions. "Ctrl+K
is handy for that, too." Thanks, Judy. Alright, we're gonna move on, next, and talk
about tables. So, tables are really great for showing relationships between different pieces
of information. Interpreting a
table requires understanding of the table's rows, um, row
headers, and column headers, if you have them. So, this example is of a table that, um, is showing
prices of various fruits at different grocery stores. As a sighted reader interpreting this
table, I look at any one of these prices, and then I visually follow that price up to the
row header, um, and I know that this price, $152, is relating to an orange, and then I visually
follow it over to the column header on the left, and I know
that that price, $152, is
the price of an orange at Safeway. Um, so, that's great. But when I... when I create
this table, I just need to take a few extra steps to make sure that a screen reader user can
have that same experience in interpreting this table. Um, by the way, these are completely
made-up prices for fruit at these grocery stores, so do not use this to determine where you
should go grocery shopping, I don't... Okay, um, so the very best thing that you can do for
anyone reading
your table is to, just, keep it as simple as you possibly can. You only want to
use tables when it's absolutely necessary. Don't use tables just for the purpose of making your
information laid-out visually in a certain way, only when you're trying to show relationships,
kind of, or organize data, that kind of thing. Um, you can accomplish the same layout of a table
using the styling... the layout styling features, um, in, like, the column, and then the paragraph
style options in both Word o
r Google Docs. Um, you'll want to be sure you designate your header
row, and then, if you can, the header column, if you have one, uh, so that a screen reader
can tell the user which cell they're in, and what the header is for that cell. You
want to avoid merging or splitting cells, and don't nest or merge tables together. If you
have a complex table, think about how can you break that up into two or three simpler tables,
and then, finally, circling back to what Liz taught us, um, always co
nsider contrast with any
shading that you might add to your table. So, I believe, yep, that's it. So, I'm going
to pop over to my Word document, again, and we'll practice doing some of these things. So,
I'm under the table section of my Word document. Um, and, if I scroll down, I have this table,
here. It's actually two tables, kind of, combined together. I was trying to be fancy and show the
number of homes available in both Paris and Rome in different styles of homes, in different numbers
of bedrooms, um, but I'm breaking some of those rules that we just talked about. I've got merged
cells, here, I've got nested tables, so I'm going to take a few steps just to make this a little bit
easier to look at, and a little bit, um, easier for a screen reader to handle. So, I'm going to
split the nested tables into two separate tables. So, I'm going to highlight me...
I'm going to highlight the bottom section of this table. Basically
the Rome table, and, under layout... Um, in this
merge section, I'm going to click
split table, and that split my two tables into two tables. Okay, the next thing I'm going to
do is remove the merged cells from each table. We don't want to have any merged cells. So, I'm
just going to delete these... so I'm just going to delete this row and just help me remember
that this top table was Paris and the bottom table was Rome. Okay, so, now I have no merged
cells, I don't have merged tables anymore. Next, I'm going to add a header row to that s
econd
table, and I'm going to mark it as my header row. So, in this second table, when I had
them merged, the second table was, sort of, borrowing the header row from the first table but,
now that they're split, I need to give it its own header row. So, I'm just going to insert a row
above, and then I'll just add my labels in there. Studio, apartment, chalet, and villa, and I'm
going to make the shading look the same just because I want to. Okay, so, now I have two
separate tables. They lo
ok pretty much the same. Um, I need to mark my header rows now, so,
visually, I have... I can tell which rows are my headers, but I need to tell the document that
as well. So, I'm going to select that top row, I'm going to right-click, click, and go to
table properties, and then the row tab of my table properties, and, under options, there are
two check boxes. I'm going to check the box for "repeat as a header row" at the top of each
page. That tells the table, or the document, or the scree
n reader, that this... this top row is
my header row, and I'm going to uncheck "allow row to break across page" because, if my table were to
span multiple pages, I wouldn't want my rows to to be messed up, so that's good, now I have my header
row marked. Unfortunately, Microsoft Word does not give you a way to mark a header column. This is
technically, or visually, a header column, but Microsoft Word doesn't give me a way to do that.
That would be a step that I'd need to do later on in my P
DF, is tag this as my header column,
um and, I think, just another good argument for keeping your tables as simple as possible.
Could I make this table in a way that I can convey the same information in a simpler layout
that doesn't involve a header column? Um, I'm just going to check that this one already has its
header row checked so, again, I'm going to table properties and... it does, it has that header
row is checked. Okay, so, two tables. They have designated header rows. Then, I'm go
ing to add a
table caption to each table. Um, so, to do that, I'm going to select the entire table, right-click,
and then insert a caption, and this was, uh, homes available—all this, in Paris—homes available
in Paris. Table one. Homes available in Paris. Um, same thing, here. Here we go. Insert
caption, table two homes available in Rome. Okay, so that's, um, a couple of ways
that you could, kind of, simplify tables, convey the same information in Microsoft Word. I'm
going to switch over t
o Google Docs and find the same table in my Google doc. Um, as far as I have
found, Google Docs doesn't have a split tables, um, option. Oh, Andre... Andre says it
does. Um, do you know where it is, Andre? Otherwise, another way to do this is, just,
to copy it. Okay... "Was looking for it, and couldn't find it." I haven't been able to find
it either, um, but pretty easy to do it this way, too. So, if I copy all of the information that
I want to, like, create in that second table, and then I
'll just delete... delete this, and
then I'm just going to add a new table. So, insert table, and, I think, I
need, uh, I need a 4×5, yeah, and then I just pasted... did a quick paste into
that first cell, and it kept my formatting. Okay, so, I split my two tables apart just by
copy and pasting, here. Um, I'm going to remove my merged cells. This is the same as in
Word. So, right-click and delete these rows... ...and then I'm going to add this header
row back in. Insert a row above... So,
I added labels for Studio,
Apartment, Chalet, and Villa. So, now, I have my two separate tables. I need
to mark my header rows. So I'm going to select my header row, right-click,
and pin it, um, as my header row. In header row... ...and then add. Um, I also don't...
haven't found a table caption tool like the one in Word. I haven't found
that in Google. So, I'm just going to, kind of, write it up, here. I wonder
if there's something in the styles... Exactly, so I'll just... A bit above eac
h of my tables. Okay, um, so that's in Google Docs. I'm going
to show you one more thing for the people who do have Grackle, um, Grackle allows you to do
a few more things I'm going to launch Grackle. Give it a minute because it's got to analyze my
documents. I'm going to scroll down to the tables section. So, tables must be tagged or marked as
layout tables. Um, I'm just going to click locate, so that I know which table it's talking
about for each of these, and then tag... and then I can m
ark the first row as a header, and the first column as a
header using Grackle update... ...and then same thing here. Mark the first row as, ah, header,
and the first column is tagged. Okay, there we go. So, now, it shows our tables
are nice and tagged up, and it's passing that on the accessibility checker. Moving on, we're
going to talk about headers and footers, just briefly. So, headers and footers. You know, a
lot of times, we want to put information into the header or the footer of a do
cument. This might
be things like our logo, um, sometimes it's, like, the title of the paper, page numbers, dates,
copyright information, things like that. Um, this, typically, is, kind of, background information,
um, or decorative, maybe, even in the case of a logo, um, we probably aren't expecting anyone
to read that information on every single page, and so the same goes for a screen reader user.
They don't need to read that information on every single page. Um, one thing that's kind of n
ice is
that, if you use the header and footer features in Word, um, Word will automatically mark that
info as decorative or... or artifact it, and, to do that—so, I'll pop over to Word, here—so,
to do that—like, we have our logo down here in the footer section—just make sure you're
using the insert, and then either header or footer functions, here, um, to make sure
that that goes in that header/footer section, and then, like I said, it will... it should... it
should automatically be treate
d as decorative and marked as an artifact. However, sometimes, you
don't want that to be not read on every single page. Sometimes, you want the person to,
like, read that information once and then, on the rest of the pages, it might be decorative.
So, what you might do, if it is important for them to have whatever information you're putting in
the header or footer, is use this checkbox. Again, I'm in the header and footer section of the
ribbon. So, I went to... to get there, well, to get th
ere, I went to insert header—or, in this
case, footer—and then I went down to edit footer, and now I'm in the header and footer section of
the ribbon. Under options, if I check different on first page, my logo that I had in my footer
went away on the first page, and now, whatever I put in my footer on the first page will only be
on the first page, and down here I still have my logo on the rest of my pages, and remember that's
going to be artifacted on pages two through 12, but, on page one,
I want it to be read. So,
I would just put it anywhere else, basically, in the body of the page to make sure that it
doesn't get artifacted. Everybody has access to that information the first time, whether it's
my logo, or my copyright, or whatever, and then, in the rest of the document, they don't have to
pay attention. In Google Docs, it's pretty much the same. Um, if you just, kind of, double-click
in this header or footer section, it will open up that you are editing the header or foot
er and,
um, you... you can add different options. If you're on your first page, I believe, you get that
checkbox. Yeah, you get that checkbox to make it different on the first page. So, you would put in
whatever you want on the rest of your pages, and then make it say "I want it to be different on my
first page" and then put that information out more in the body of your, um, page. With footnotes—if
you're using any footnotes—just make sure you're using the footnotes feature instead of tryin
g
to do your own thing with like, uh, subscript and creating notes that way. It will make those
tags that link together, like, the footnote with the paragraph text that it corresponds to. So, if
you notice any sort of theme throughout this whole presentation, it's, basically, use the features
that are available in your ribbon, in Word, or as your options in... in Google Docs, instead of
trying to, um, make things up on your own, if that makes sense. Okay, um, so, we've covered, kind
of, al
l of the concepts we wanted to go through. We're going to move on to talking, just a little
bit, about accessibility checkers. Accessibility checkers we have used, just, a couple of times
already, throughout this presentation. Um, there are many different types of accessibility
checkers out there. Most, um, authoring tools, kind of, have their own built in. Word has its
own accessibility checker which... which Liz used, a little bit. Um, PowerPoint has an accessibility
checker, Outlook has
an accessibility checker. Um, for Google Docs, it's pretty much just
Grackle Docs which, um, like I've mentioned, is not free but does have the 30-day free
trial. Adobe has its own accessibility checker, and then there are other programs that you can
use, where you, kind of, upload your document to them and it'll do a check. Um, a popular and very
robust one is called PDF accessibility checker, or PAC 2021. This is a program that you can
download onto your computer, for free, and, basically
, you upload your document into it and it
will actually check it against different standards like the web content accessibility guidelines
or, um, PDF/UA standards. Um, so that's a very rigorous PDF checker. Don't be surprised if
your PDFs fail that one, um, it's just... they check. The point is, they check to... kind of
different sets of accessibility standards, um, depending on which checker you're working with.
So, just something to keep in mind and, just, realize that... that accessibil
ity checkers are a
really great place to start, definitely use them, but, just... just remember that accessibility is
very nuanced and requires a lot of consideration for what might be the user experience and...
and, in particular, the assistive technology users experience. How might they be interacting
with your document? Sometimes there's a human element to that that these accessibility checkers
aren't going to catch. so you're going to have false positives and... and false negatives. Um,
a really good example of this is, like, when we were talking about, um, that alt text field and
how, sometimes, something can get in that field, and you don't even know it. Like, automatically
generated alternative text or the file name might go into that field and—if you forget to go in
and add your alt text, but something got put in there—that you don't know about, then you might
still pass an accessibility checker because all it cares about is that something is in that alt
text field.
Um, actually the Microsoft Checker is getting a little better, it will flag you if
there is automatically generated alt text that you haven't edited, in that field, so that's kind
of nice. Um, but most, probably, don't do that. The point is, um, accessibility checkers can be
great, but should not be fully relied on as your only means of considering accessibility
when you're working on creating things. Uh, so, we're going to talk about PDF conversion,
and some best practices around convertin
g to a PDF. If you don't have Adobe Acrobat, you can
still follow along here for a little while. You can convert to a PDF and, as long as you've...
well, let's talk about if you're working in Microsoft Word. As long as you've followed along
with all these steps, and done all these things, even if you don't have Adobe Acrobat, you can be,
um, relatively certain that you've got a nice, um, at least, fairly accessible PDF, even if you can't
go into Adobe and actually check and and see that. So
... so, still follow along here and, um, again,
if you just have that... if Google Docs is the only tool that you're working with, then you won't
be converting to a PDF, and I will actually show you why in just a minute. Okay, so, we're going
to start by... I'm just going to have you follow along with me, here, if you are going to be doing
the process of converting to a PDF. So, I've got my Word document that I've been working through,
um, some of the accessibility issues throughout this pr
esentation, and I'm going to quickly run
the Microsoft Accessibility Checker on it, just to see, maybe, if there's anything that I missed.
Let's see how we're doing. There is a warning for hard to read contrast, but I did that on purpose,
but I will go ahead and just change back here. Okay, and, now, no accessibility issues
are found. So, my checker just confirms that I've done a good job, okay. Next thing I'm
going to do is add a title to my document. So, I'm going to go to file info, and
then,
over here in the properties section, add a title. The title is really helpful for
someone looking for my documents, um, like, if they have a lot of windows open, the title is
what might help them identify what they're looking for. So, I'm going to call this, um, let's see.
Accessib... accessibility training activities. You can, um, you can add tags and comments.
I believe tags might have to do with search engine optimization so, again, if you're going
to... if your document is ultima
tely going to be... going on some kind of website, it might
be helpful to your SEO to add some tags, there, but that's not required. The title is the most
important thing. You can also change who the authors are. I just learned this recently,
um, but you can add authors, remove authors, things like that. So, few things you can do in
there. So, now we've got a title on our document, and we're ready to save it as a PDF, the most
important thing, when you're saving your document as a PDF, is n
ot to use the print to PDF option.
So, do not print to PDF. What that will do is it will strip away all of the, what we call tags, or
all of the accessibility things that we've done to this document, and it will, basically, be a PDF
with... without recognizable text in it, even, so don't print to PDF. You've got a couple of
options if you have the Adobe PDF maker... whoops, right here. "Save as Adobe PDF", that's okay to
use. The best way to do it is to, just, do a "save as". So, mine says
"save a copy" but that's
because my OneDrive, but you can you can, um, find "save as", and then, in your save dialogue,
you're going to switch the document type to a PDF, and then you're going to go into your options,
here, and make sure that all of the options under "non-printing information" are checked. So, we
do want to create bookmarks using our headings, we definitely want to include document properties
and document structure tags for accessibility. So, I've done those things. I'm jus
t going to save
it to my desktop, and it's going to take a minute, but it's generating my PDF. You might have it set
up to open automatically, apparently I don't. I thought I did, but I'm just going to go find
it on my desktop and open it up. Here it is, you can see, here, it's called accessibility
training activity and, if you remember, that's what we added as our title so I know that
that carried over, so that's great. Okay, um... Any questions so far? Are people who are following
along,
following? I will assume yes, so... "Is the title different from the file name?" Yes, um, if
I'm looking through my open windows, I'm seeing the title here. I'm not sure if I answered that
question very well, let me know if I didn't. Um, yes, it is different, um, and Jim, if you have
anything to add on that, please do. Okay, so, um, I've got my PDF open in Adobe. I'm going
to run the Adobe Accessibility Checker now, and see what that says about my document. Um,
one thing to note: I'm worki
ng in a fairly recent version of Adobe. If you use Adobe 2017, Adobe
Pro... Pro 2017, that'll... or any older versions it... it'll still work, you should be able to do
most of the same things, but your menus might be on the opposite sides as mine. Um, but what you're
going to do, basically, is find tools and then something called "prepare for accessibility" or
"accessibility", click on that, and then, um, I'm going to run "check for accessibility". I believe,
in the older version of Adobe,
this is called "full check" or "full report", but it's going
to pull up, like, some options, here. You want all of these boxes checked, and then we're going
to start checking, and there's always going to be two issues that it identifies, and that's because
it wants you to check these things manually. So, this is just a reminder, you need to do a manual
check of your reading order and a manual check of your color contrast. We already did a manual check
of our color contrast when we were work
ing in our Word document, and we're not using a lot of color
in this document, we're mostly black text on white contrast which we know is a 21:1 ratio—it's good
to go. So, I'm not actually going to do anything further on checking my color contrast, but I am
going to do a manual check of my reading order. So, to do that, I'm going to close this stuff, and
I'm going to open up my tags tree. This will be, um, in this sidebar. It kind of looks like a
tag, and, if it's not there, you might have
to right-click in that bar and, just, make sure
that it's the, um, accessibility tags... tags button is checked, and that should get it to
show up in that sidebar. When you open that, you'll see all of the tags in your document. These
tags that we've been referring to throughout the training, these are the things that, um, assistive
technology like a screen reader are going to recognize and be able to interact with. So, what
we're checking for, here, is that everything goes in a logical ord
er as I click through my tag tree,
and that elements are tagged appropriately. Like, lists are tagged as lists, and headings are tagged
as headings, and, um, links are tagged as links. Here's a link, and, if I open, um, it's within a
list, so it's showing up as a list tag, but if I open up that list tag and the list body, I'll
see the link tag, here. So, we're just walking through to make sure things go in the right order,
things are tagged appropriately. Here, we see an instance of where I
forgot to, or where I used the
enter key instead of... of, um, using my paragraph spacing options, so this is just an empty tag,
and I can delete it and then we've got... yep. Looks good. Okay, so, I would basically do
that for my whole document. Just, make sure everything's in the order that I expected to
be. If I've followed all the steps that we've gone through throughout this training, um, it
very, very likely will be in a good order with things tagged appropriately. Um, next thing
I'
m going to do, is just make sure all of my images have alt-text. Um, they probably would
have been flagged by the accessibility check, if they didn't, but I'll just do a double check.
So, I can go back into my accessibility menu and, um, if I click "add alternate text" it will...
Acrobat will detect figures and display associated alternate text, and it'll just, kind of, highlight
each figure and show me what I have in that alt text field, and I have the opportunity to here...
here to mark t
hings as decorative, as well. So, if there's something I forgot to mark as
decorative in Word, I can do that here. And then, the last thing I might do is, if there's anything
that I don't want to be read, I might just go through and change the tag to an artifact tag.
That's the basic process for going from a Word document to an PDF in Adobe, and checking
all of my accessibility features. "Title and file name are different, you can choose which to
display in acrobat using the document proper
ties, menu, title should be the choice as long as
you provide a descriptive title." Yeah, so, what Jim is talking about is, if I forgot to add
a title in Word or, if I wanted to display the file name for some reason instead of the title,
um, I can go to menu and properties here's where my title is. If I had forgotten to add a title in
Word, then this would be blank, and I would have to come add one here, and that would be flagged by
my accessibility checker, and then, under initial view, I
can choose whether I want the document
title or the file name to be my initial view. So, like, what, using a screen reader as an example,
what a screen reader announces to the person, this file is called. Typically, the document
title makes more sense as long as, like Jim said, we're using a good, descriptive, concise
title. Um, the other thing I might want to do, in this document properties menu, is just make
sure the language is set correctly. Typically, if I've been working in Microsoft
Word, the...
the language will be correct, but, if you are working in a different language, you might come
check that, or, if you're working in a different authoring program, like, if you got your PDF from
Canva, definitely come check the language setting. "Do you find that you prefer one checker over the
other, Word versus Adobe, or do you always use both?" Um, great question, I typically use both.
They do occasionally flag different things. Like, for example, Adobe is always going to tell
you you have to manually check contrast, but our Word Accessibility Checker did flag,
um, that contrast error, right? So, they check different things, so I... yeah, I always use both
and, typically, like... like I've been saying, if I've done all of these steps leading up to
this, then typic... typically, the access... once I get the accessibility checker, it's pretty easy
because there aren't many, uh, issues to resolve. So, in addition to those accessibility checkers
and, kind of, walki
ng your tag tree, and making sure everything goes in a logical order, if you
have any further questions or concerns or, if you just want to triple check that your document
is nice and accessible and a good user experience for people using assistive technology, then,
probably, the best thing you can do is actually test reading it using assistive technology. Um,
so anyone can... can get a screen reader on their computer. NVDA is a free... free-to-download
screen reader for Windows and , if yo
u just learn a few basic commands, you could pretty
easily learn how to, kind of, navigate through a document and test to make sure that everything's
reading properly, reading in the correct order, that headings and lists and links and everything
are... are operating correctly. Voiceover is the screen reader that is built in to Mac OS and
iOS so, if you're... if you have a Mac or, um, an iPhone, you can turn Voiceover on at any time
and, um, again, learn a few quick commands to navigate. Ke
ep in mind the gestures are different
whether you're on a Mac, or an... or an iPhone, or an iPad, so, um, and then, if you are using
Adobe, Adobe has a read-aloud, uh, tool, like, a text-to-speech tool that, if you set it to read
the whole document, you can check that things are moving in a logical order. Some other things you
might just try, especially if you are working with more complex documents, um, especially if you are
working with... if you've created a document that doesn't necessa
rily follow, like, a... a top down
layout, um, then you probably want to try it out for some different user experiences. Um, keyboard
navigation. So, some people will not use a mouse and navigate exclusively with a keyboard, and you
can always test this out really easily by just using "tab" and "shift+tab" keyboard commands,
and... show you this. Um, so, if I click tab... if I'm in my document and I click tab, it's going
to take me through all of the clickable content, and that's a good che
ck that things are, mostly,
in the right order, and that a keyboard-only user can get to everything that's clickable, um, and
can activate things with their keyboard alone, and then you might also go in and turn
on, um, a... a... again, especially, if you have a document that has a lot of visual
components or, um, that, um... great question, Judy, let's talk about that in just a second.
So, um, um, inverted contrast or zoom. So, a lot of people who use a magnifier like ZoomText,
or the bui
lt-in magnifier that's on Windows, um, don't have the context of the full screen. So,
if your document doesn't follow a very logical, top-down progression, and you, kind of, have
things laid out in another way, it might be harder for someone to find everything when they don't
have the full context of the screen and, kind of, visually, where they're supposed to go next.
So, just testing it out by turning on your zoom, by, um, changing to an inverted contrast scheme,
um, things like that, jus
t to make sure the user experience is the same. Judy asked if we've ever
tried using Windows narrator to test, and how does it do. Um, personally, I haven't. I know Jim and I
have talked about this, and, maybe, Jim can offer a little bit of feedback here. Narrator is the
built-in screen reader on, uh, Windows platform, so, kind of like Voiceover. Jim? Any... any
ideas how Narrator does with testing out... Yeah, I'll unmute for this part. I'm such a slow
typist. Um, you have to jump through
a couple hoops to get Narrator to work with inside of an
Acrobat Pro, or inside of Acrobat, so, a lot of times, you'll have to actually put it into, you
know, um, another tool to have that PDF using narrator, so, I... it's been a while since I've
actually done it, because it's sort of a pain in the butt. Um, I'd rather use any number of other
ways if we're just checking proper reading order, um, traversing the tag... tag tree, or using
read-aloud inside of Acrobat, that, um, are... are good
for those scenarios. They catch 99.9% of the
major issues, unless you've got a lot of tables, and then you really want to, then, step in with
a screen reader to make sure that your tables are being... the header rows, the header, um, cells
are being announced correctly. So yeah, you want to make sure the experience is good. Okay, um,
I think, maybe, even have passed our tables with this conversion to PDF that you did, but we know
for... well, you did it with... you did it from Word, we kno
w for a fact the... the individual row
headers weren't tagged, because Word doesn't tag those right. So, table pass but, technically, it
may not be the greatest experience. It's not gonna be terrible because, again, it's a simple table,
kept it simple, um, but it could be better, and, in acrobat, you could tag those as header
cells as well. Um, but yeah, so, Narrator, I know that's lengthy, but Narrator takes a
few extra steps, so I would go other routes. Okay, thanks Jim. Yeah, great quest
ion,
Judy, because it... it seems like, um, that would be a great solution, since Narrator
is built-in, um, to the Windows system but, um, yeah, thanks for adding that... that, um,
context, Jim, that makes a lot of sense. Okay, like everything else, if we design digital
content to be accessible, if we're thinking about accessibility from the very beginning, we're going
to save a lot of time, energy, money, frustration. PDF remediation is not the recommended approach.
It is much easier, in
most cases, to go back to the source document and make changes there than
it is to make an inaccessible PDF more accessible using Adobe Acrobat Pro alone. So, hopefully, if
you have any PDFs that need to be made accessible, um, you have access to that source Word document
or Google Document, and you can go back and do this work that we've done today, there, and then
convert it. It is a really good habit to get into, to save your source document and your PDF
in the same place so that, down t
he road, if you do need to make any changes, uh, you can do
that more easily. If you don't have access to your source document, then you will need to do the PDF
mediation work in Adobe Acrobat Pro, or, if you are authoring in a tool that doesn't, necessarily,
offer a lot of accessibility features, then what you end up doing is that... that remediation work
in Adobe Acrobat Pro. So, the steps—and we can go through this process in Acrobat together—but
the steps to remediating a PDF, um, at le
ast, to a fairly accessible, uh, product, would be
adding a title and those document properties. You would need to tag all of your content, so you need
to tag your headers as headers, your text as text, list as list, figures as figures, links as links
etcetera, etcetera. Um, use your reading order panel and your tag tree to do that tagging, and
I'll show you that in just a minute, and then, um, walking the tag tree to... to check everything,
um, tagging and editing tables would happen in Ac
robat, and adding alternative text with Acr...
would happen in Acrobat. Checking color contrast, uh, things like that. Depending on what other
types of content you have in your document, there could be other steps you would need
to take as well. Um, what I'll do is, um, demonstrate what a PDF that you get from a Google
doc looks like, and then we can talk about those steps. We can we can use that PDF and remediate...
do a little bit of remediation on it. So, I mentioned this a couple of tim
es, but, if
you're working in Google Docs, you cannot automatically export or download an accessible
PDF by just doing this download to PDF. Um, you have a few options. You can either download this
to a Word document, if you have Microsoft Word, or you can use Grackle Docs and, um, once
you've, you know, fixed all of your issues, use this export to PDF button and that will
give you a tagged PDF. But I'll just show you what it looks like if you were to, just,
download a PDF straight from Go
ogle Docs. So, here it is. I'm gonna
save it to my desktop again. We'll find it on my desktop and open
up. Okay, so, um, if you remember, in our... in our last PDF that we looked at,
that we converted from Word, when we opened the tag tree we had all those nice tags that we had
made in Word carried over into tags into this PDF, but this document that I downloaded straight
from Google Docs says no tags available. So, this is an instance in which, um, unless I can go
do it, one of those othe
r ways I would need to be remediating this PDF and making it accessible,
here in Adobe. So, um, again, to do that, our steps... first, we're going to add a title.
So, we're going to go to document properties, description, um, this title, actually, it's here.
It just came from the text that I had in this title field of Google docs. So, I guess, that's
one thing that it does pull down, so that's nice, um, but we'll just call this "Document
Accessibility Activity." We can go to my initial view
, check that it is set to the document
title, and then make sure my language... so my language did not get carried down, so I'm going
to make sure my langu... set my language English. Okay, the next step would be tagging my content.
Um, if you have a newer version of Adobe, there is an auto-tag tool that does pretty
good. Um, there's always, probably, going to be some things you might have to fix, especially in
documents with more complex layouts, but, if you have access to this auto docume
nt tool, you might
start there. For the purposes of showing you, kind of, what it looks like to fully remediate...
remediate a PDF, I'm not going to use this, um, but, if you have that, definitely give that
a try. But, if we were in a situation where we needed to completely tag this document up by
hand, we would start by creating a tags root, and then we're just going to go through and tag
every single piece of content in our document. So, I'm going to highlight it, create a tag
from the s
election, this is our heading one. Go... this is just document
text or paragraph text. These... Alright, try this again. So, here is my label. There we go. Here's my list body. And I'm going to create... That my... And my list body went underneath. Um, so, I would continue doing that for the whole
document. You do not have to watch me struggle through the whole thing, but, basically, working
through this document to get everything tagged up. Links would need to be marked as links, all
of the
se lists would need to be marked as lists, and then we would go through the rest of
our steps of adding our alternate text. And, um, that won't work until
we tag our figures as figures. Let's try one of those. I actually have to do... in the
reading order panel the figure. And now it will come as we all tag. So, hopefully, this just gives you an idea of
how it's to... it's a little bit more painful to do this work in Adobe, rather than to do
it in Google Docs or in Microsoft Word where thes
e options are a little bit more built-in
and easier to use. Jim offered another option, in the chat, you could download a Word document
from your Google Docs file menu, and then upload it to the on... free online Adobe conversion tool,
which produces a tagged PDF, that's awesome. Does anybody have, um, questions about anything
that we didn't cover? Was there anything, any other content you were hoping to get out of
this training today that you could talk about? This is Alexander. I was just
wondering.
I'm thinking presentations and making sure slides are accessible. If I used PowerPoint, would all of the things that you taught us in
Word, um, be available in PowerPoint? Is there anything that you'd like to add about
PowerPoint that we need to be aware of? Yeah, absolutely. So, there are, um, a few
additional, kind of, considerations for, just, presentation accessibility, generally, but we can,
definitely, all of the things that we talked about today will apply. I'll actually
just pull our
PowerPoint over here and show you a few tips. The very best thing that you can do to make an
accessible PowerPoint for yourself is just stick to the slide layouts that are, kind of, preset
in PowerPoint. Basically, like, sticking to these slides that have, you know, the title slide, or
the title in one content box, and avoid finding just, like, a blank slide and trying to add your
own text boxes or add your own content pieces. What the layouts do is... they already have, like,
the heading structure that you need built-in, so it's, actually, even in terms of heading
structure, as long as you use these layouts it'll be even fewer steps in PowerPoint, because, when
you convert to a PDF, it will treat whatever you have in that slide title box as your heading. Um,
I believe it converts it to a heading one and I, kind of, think it would make more sense as a
heading two, but that's probably not important. Um, but it will if... if you use these preset
layouts, you'll h
ave a nice heading structure and then, same as, kind of, everything we've talked
about in Word, just stick to all your options up here. Like, if you need to make a list, don't just
use your keyboard to make the little, you know, dash and then make a list that way, but use
these—whoops—use your options, up here, to create, you know, bulleted lists and numbered lists,
um, and to divine... define your spacing. Like, if you wanted more spacing between these bullets,
instead of using that enter
key, come up here and use these paragraph line spacing function.
So, yeah, I mean, to answer your question, really most of the same, um... um, practices
apply, but the biggest tip would be to stick to these preset slide layouts. Um, another rule,
with presentations, is that you want all of your every sl... every slide should have a unique
title. This is related to making a logical heading structure but, um, it creates an outline for the
slide out... this outline view tool is, kind of, nice,
um, for, kind of, helping to understand that
you can see how each slide is, you know, different and unique, offering different information, and
then you'll have those unique headers throughout your PDF outline, as well. Um, so, that's another
tip, um, I believe, as far as, like, text side, um, the rule is like nothing smaller than like 18
point font, but that's kind of small, honestly, um, I tend to stick to, like, 24 point font or
larger where I can. Um, of course, you're going to be thin
king about contrast throughout, um,
making sure everything is nice and really visible. What else, um, alt-text works pretty much
the same way. Uh, you just right-click, you alt-text, and put it in there, or
mark it as decorative, um, and then... Yeah, do you have it? Did that give you some good
ideas? You have any specific questions about..? Yeah, did... go ahead. Can you show them, just, tabbing through a slide to real... do
a quick check on reading order. You, like, click in the upper lef
t corner
of the slide, just hit tab to start. That's your reading order. Yeah, great point. Um, yeah, if you stick
to these preset layouts, then your reading order will probably be pretty logical. But,
if you add anything of your own to a slide, like, if you add an extra image or text box, you
definitely want to check that reading order and, like Jim suggested, you can just tab through
and you can see what order things will be read in. You can also, um, there's a lot of
nice things under t
his accessibility menu, here. You can use your reading order pane to
see what order things will be read in. Yeah, definitely use the accessibility checker there,
too. We've got a few issues here, this... we did, on purpose, hard to read text. Also did that on
purpose, check reading order, here, that's good. It tells me where I have auto-generated
alt-text. This... QR codes. Um, so yeah, those are just a few... few things you could
look for. I think... I want to say, yeah, so, this Rocky Mou
ntain ADA presentation accessibility
course. I haven't done... I haven't done this one, but I did do the Rocky Mountain ADA social media
accessibility course and it was really good, um, so, um, I would expect, if you're looking for more
related to presentations, this course might be pretty good, too. Yeah, so, Robin said "When I do
an accessibility check in PowerPoint I often get a check reading order. I do check it, but that
remains in the accessibility checker." Jim says that reading orde
r flag in the accessibility
checker is just a warning if you check it, and you're good with it, you can feel free
to ignore that warning. And Brenda reminded everyone to please sign in. There's a Google form
in the, um, in the chat, so, if you haven't signed in already, make sure you do that so we know that
you attended. Yeah, Lori, thank you. Yeah, I just wondered if anybody had tried Venngage, v e n n
g a g e, yet? I had a really good demonstration of it, this morning, but, of course, we
have to
justify the cost of it and so, I was wondering, if anybody had any experience. It's kind of like
Canva but accessibility is all built-in and it, like I said, it was pretty amazing what they
do with the AI and a few other features. Yeah, I, personally, haven't
used it or heard of it, but I would be super curious to know if
anybody does have any experience with it. Feeling like that's a no. Okay, I appreciate you
letting me ask. So, yeah thank... no, thank you for asking that questio
n. Probably been able to
into it, um, looks like you can make infographics. It has temp... like, so many templates
and the... there is a really good, um, graphic on LinkedIn that just showed all the
accessibility... let me see if I can copy this, I don't know. Anyway, comparing it to other...
other things and it... everything's built in, the alternative text, the reading order, the
tags, the color contrast, so many things, and the... what they did with tables and charts
it was... it took t
hem like two seconds to... what it just took... took you a lot of time to
explain and do, and so, right there, I'm feeling like it's kind of worth it, but we'll see. Yeah,
I think it'll be really interesting to see how, um, accessibility becomes built into more
tools in the near future and... and hopefully, gets a little bit easier. Um, Canva does offer,
like, the ability to tag things as headers and to add alt-tag, um, but it's not always super
consistent whether those things that you add
in actually show up in the PDF. So, a lot of times,
with a document that you create in Canva, um, you end up doing some of that PDF remediation
work in Adobe. Um, we did a bit of testing, trying to figure out if there are, kind of, any
tricks to that, like, um, someone suggested maybe dropping information onto a template in the...
a certain order might indicate something about the reading order, um, but weren't able to figure
out too much in the way of that. So, definitely creating any... a
ny of those more complex, like,
infographics, you know, graphic design, um, things can just take a a little bit more thought
in how... how are we making it... it accessible. Liz had asked for feedbacks about all
caps related to low vision. Judy found a good link that goes in-depth
about typography, then a section toward the end called Eight Key Tips for
Accessible Typography. Here are the links. So, choose type faces with a taller X height.
Interesting. Choose more open type faces, create
type faces with larger
white spaces within the letters, choose typefaces without joined letters... Thank you for sharing this, Judy. I love the
resource sharing. I will get this to Liz, so she can read this as well. Um, I just...
a quick note on those on custom fonts: Like, you can find them, they're out there, but, if you
make a PDF out of your document and you distribute it, if a person doesn't have that font on their
system, it'll font-substitute and it may not be the substitute that you
were looking for, so
you'd want to always test to make sure that, on a system that doesn't have these fonts
installed, that the result is good. So, just to keep that in the back of your mind.
I think the list was trying to simplify, um, because some of these fonts have been around
a while, with several of these key factors, um, but yeah, you know, there's some really good,
really readable new fonts that have been developed in the last five years. Um, fantastic fonts. It's
just... we have
to remember that PDF version. Yeah, great point. I... I really liked
Lisa's point, too, about when you can give someone the content in a format where
they can change the font. It's just, like, such a personal preference that,
anytime you can give someone the ability to use whatever font they prefer,
um, they'll have a much better experience. Alright. Well, we are almost out of time.
Unless anybody has any other questions, um, topics to bring up, resources to share?
Everybody make sure you'
ve signed in, the form is in the chat just a
couple of comments up from Jim Thanks everybody for coming!
Comments