Tip:
Highlight text to annotate it
X
Skip links are very important. Most pages have some sort of a menu system built into
it. Notice that we have "home, contact us and department." Every time that a person
using a screen reader will go to the website and go to another page, it will read over
-- it will say "link home." Or "link department." They already have that idea. They want to
skip to the main content. Some people will have -- some developers will put in invisible
skip content. At the very top. So the screen reader will read it. People who have normal
vision will not be able to see it. This is not typically a good method. It is
okay if people see "skip link" or "skip nav." Sizes. It is difficult for us to use font
sizes that aren't the regular numbers. I can limit someone who is trying to control their
own screen. And trying to blow up the webpage. Trying to use relative font sizes such as
small, medium, large and extra-large. That will give more capability to the user. Especially
for persons who are visually impaired. Color is very important. Be sure to use actual
words that mean what the caller is trying to tell most people. Remember, persons who
are visually impaired or color blind may not be able to tell the difference between green
and red. And may not get back to mitigation. -- get that communication. Go ahead and include
that text. Include multiple methods if you are trying to communicate with color.
Of course, this isn't the type of accessible table that we are talking about but there
are different ways to make tables within Dreamweaver. And other tools. That tell the screen reader
what the table is all about. The first type of table is a layout table. When you are developing
and tree mover -- injury waiver -- in Dreamweaver, you make sure the graphics are in the right
place and it looks correct. If that is the type of table you are going to be using, when
you insert a table, this particular window will pop up. And you want to select the "none"
option and that will be the strip layout table -- strict layout table. And you can put it
in the cells other table for layout purposes. Obviously, data tables are important for expressing
communication to show different tabulated type of information. You want to select most
likely the "both" option on the right. And that will put in special code into the development
of that webpage. And the screen reader will be able to identify the header and the row
identifier for each of those cells for persons who are using the screen reader. There is
some of the text or code behind the scenes that will create that page. Notice the use
of the "scope" tag. On accessible forms. Forms are very common
online. We use them all the time. When you do use of form, it needs to be created correctly
so that the screen reader will be able to identify what field the person will be able
to focus on. You insert the form. And select the type of a jet -- type of object you desire.
In this case, we will use the text field. Always give that text field a name. And you
want to select the label tag. In the position, select the radio button.
Select the attached label tag using the attribute. This allows them to use the radio button or
check in the top -- in the text box. Eating them a bigger target. If they happen -- if
they happen to be using a bigger target. It is possible. The key to access is using the
"alt" key for access. Using a screen reader, they probably will not be using the mouse.
Make sure you have a "alt" key. Try not to use that list there. Because those are usually
assigned to those special function. -- functions. Be sure to include a tab index number. Most
of the time, this is automatic. But if you are creating a form and you need to customize
the way that is filled in, in particular Spots, make sure your sequence is correct.
You want to click on "yes" to associate excess ability to have. -- tabs. When I mention IDS,
I really don't want the screen reader to read that as "IDS." It will allow the define it
as an acronym. The way you do that is with the "insert" tag and select HTML and type
out the full name and press on "okay." This helps when the universal design perspective.
If someone is reading the webpage normally and holds their mouse over that acronym, it
will actually pop up until the user with that acronym stands for.
In summary, what we talked about, kind of some techie stuff. But using Dreamweaver Web
design tool. We talked about alternate text and linking. Probably, 80 or 90% of the reason
many websites are not at least ADA 508 accessible is because people put images onto their website
and don't use the alternate text. That is huge. We talked about color. Remember people
cannot -- some people cannot see colors and you need to make accommodations for that.
We talked about the proper use of tables and forms. And the description. And, of course,
acronyms. I will turn this back over to you Alma.
To review links for this presentation, go to the website which is www.usm.edu/ids/boltoflightning.
And www.usm.edu/ids. I want to thank you for joining us. And I want to thank you Dr. White
and Rich for providing your expertise. To get more information for the guidelines for
writing about people with disabilities or the poster, you can contact me Alma Ellis
at 1-866-883-4474 or you can e-mail me at alma.ellis@usm.edu. A recording of this webinar
will be available as a link on the page as well as those who want to review or were not
able to attend. And again that address is www.usm.edu/ids/boltoflightning. Thank you
for making this journey with us today. We will be sending copies of the guide and copies
of the poster "Your Words, Our Image" to the daily, weekly, television stations and radio
stations around the state with information about the link to this website and the resource
website that accompanies this. Thanks again.