WEBVTT 00:00:00.000 --> 00:00:10.808 align:middle line:90% 00:00:10.808 --> 00:00:11.850 align:middle line:90% GABY DE JONGH: All right. 00:00:11.850 --> 00:00:18.810 align:middle line:84% It is 11 o'clock, and shall we go ahead and get started, 00:00:18.810 --> 00:00:21.007 align:middle line:90% Brianna? 00:00:21.007 --> 00:00:21.840 align:middle line:90% BRIANNA BLASER: Oop. 00:00:21.840 --> 00:00:24.240 align:middle line:90% I had to unmute myself. 00:00:24.240 --> 00:00:25.200 align:middle line:90% One of those days. 00:00:25.200 --> 00:00:27.690 align:middle line:90% Thanks for catching that, Gaby. 00:00:27.690 --> 00:00:29.880 align:middle line:84% Thanks to everybody for joining us. 00:00:29.880 --> 00:00:33.420 align:middle line:84% For those of you who I don't know, my name's Brianna Blaser. 00:00:33.420 --> 00:00:37.210 align:middle line:84% I work with the DO-IT program at the University of Washington. 00:00:37.210 --> 00:00:39.180 align:middle line:84% And so we're doing this webinar as part 00:00:39.180 --> 00:00:41.460 align:middle line:84% of our ADEPT project, which is focused 00:00:41.460 --> 00:00:45.720 align:middle line:84% on increasing the amount of accessibility 00:00:45.720 --> 00:00:47.010 align:middle line:90% taught in engineering classes. 00:00:47.010 --> 00:00:48.677 align:middle line:84% And I think part of the important thing, 00:00:48.677 --> 00:00:51.060 align:middle line:84% too, is to make sure what you're making is accessible, 00:00:51.060 --> 00:00:52.518 align:middle line:84% but also that when you're teaching, 00:00:52.518 --> 00:00:53.730 align:middle line:90% you're doing it accessibly. 00:00:53.730 --> 00:00:58.560 align:middle line:84% And so today, we have speaking to us Gaby de Jongh, who's 00:00:58.560 --> 00:01:01.770 align:middle line:84% an IT accessibility specialist here at the UW 00:01:01.770 --> 00:01:06.870 align:middle line:84% who I've seen give this sort of talk many times before, 00:01:06.870 --> 00:01:09.420 align:middle line:84% and actually does it in an interesting manner, which 00:01:09.420 --> 00:01:12.030 align:middle line:84% sometimes this is not the most exciting of topics 00:01:12.030 --> 00:01:14.380 align:middle line:84% to many people, but critically important. 00:01:14.380 --> 00:01:17.550 align:middle line:84% So I should also mention, if you're 00:01:17.550 --> 00:01:19.890 align:middle line:84% interested in getting involved in ADEPT in other ways, 00:01:19.890 --> 00:01:22.590 align:middle line:84% I'll put a little information about it in the chat, 00:01:22.590 --> 00:01:25.740 align:middle line:84% and to keep an eye on your email afterwards for an evaluation 00:01:25.740 --> 00:01:27.270 align:middle line:90% form. 00:01:27.270 --> 00:01:30.480 align:middle line:84% That's part of the way we learn about how good of a job 00:01:30.480 --> 00:01:33.000 align:middle line:84% we're doing, so I appreciate you taking the time 00:01:33.000 --> 00:01:35.410 align:middle line:90% to fill that out. 00:01:35.410 --> 00:01:38.975 align:middle line:84% So without further ado, I will turn it over to Gaby. 00:01:38.975 --> 00:01:39.850 align:middle line:90% GABY DE JONGH: Great. 00:01:39.850 --> 00:01:41.430 align:middle line:90% Thank you, Brianna. 00:01:41.430 --> 00:01:44.140 align:middle line:84% Well, I'm actually going to start off this presentation 00:01:44.140 --> 00:01:47.740 align:middle line:90% with a brief five-minute video. 00:01:47.740 --> 00:01:49.390 align:middle line:84% You're going to see a video of my-- 00:01:49.390 --> 00:01:50.560 align:middle line:90% our colleague, rather. 00:01:50.560 --> 00:01:53.380 align:middle line:84% Hadi works with both myself and Brianna 00:01:53.380 --> 00:01:55.370 align:middle line:84% here at the University of Washington. 00:01:55.370 --> 00:01:58.780 align:middle line:84% And he is blind and he uses assistive technology. 00:01:58.780 --> 00:02:01.810 align:middle line:84% Specifically, he uses a screen reader in order 00:02:01.810 --> 00:02:04.870 align:middle line:90% to interact with a computer. 00:02:04.870 --> 00:02:07.870 align:middle line:84% And he does a really great job of explaining 00:02:07.870 --> 00:02:10.270 align:middle line:84% what it's like for somebody who uses a screen 00:02:10.270 --> 00:02:13.630 align:middle line:84% reader to interact with information 00:02:13.630 --> 00:02:18.280 align:middle line:84% that is not accessible, and why accessibility is important. 00:02:18.280 --> 00:02:19.750 align:middle line:84% So I'm going to go ahead and switch 00:02:19.750 --> 00:02:21.040 align:middle line:90% gears for just a little bit. 00:02:21.040 --> 00:02:25.270 align:middle line:90% 00:02:25.270 --> 00:02:26.210 align:middle line:90% [VIDEO PLAYBACK] 00:02:26.210 --> 00:02:28.180 align:middle line:84% - My name is Hadi Rangin, and I'm 00:02:28.180 --> 00:02:31.810 align:middle line:84% a member of IT accessibility team at the University 00:02:31.810 --> 00:02:34.780 align:middle line:90% of Washington. 00:02:34.780 --> 00:02:37.950 align:middle line:90% - Using a screen reader. 00:02:37.950 --> 00:02:41.860 align:middle line:84% Hadi's an accessibility expert and he's also a user 00:02:41.860 --> 00:02:43.810 align:middle line:90% of accessible technology. 00:02:43.810 --> 00:02:46.660 align:middle line:84% He uses a professional Braille display and screen reading 00:02:46.660 --> 00:02:50.720 align:middle line:84% software that reads everything on the screen. 00:02:50.720 --> 00:02:55.430 align:middle line:84% - I am blind, and I use this a screen reader program at home, 00:02:55.430 --> 00:02:58.690 align:middle line:90% and here, and everywhere. 00:02:58.690 --> 00:03:00.950 align:middle line:84% A screen reader program is a software 00:03:00.950 --> 00:03:03.450 align:middle line:84% that communicates with the operating system 00:03:03.450 --> 00:03:06.200 align:middle line:84% and conveys the information to me. 00:03:06.200 --> 00:03:06.700 align:middle line:90% - Welcome. 00:03:06.700 --> 00:03:07.200 align:middle line:90% Blank. 00:03:07.200 --> 00:03:09.830 align:middle line:84% An accessible page's design features-- 00:03:09.830 --> 00:03:12.860 align:middle line:84% - Even if you are reading as a sighted person, 00:03:12.860 --> 00:03:16.910 align:middle line:84% you do not need every content at the same speed, right? 00:03:16.910 --> 00:03:19.130 align:middle line:84% Sometimes, you have to make a pause 00:03:19.130 --> 00:03:21.950 align:middle line:84% and then review what you have read, 00:03:21.950 --> 00:03:24.080 align:middle line:90% and then digest the information. 00:03:24.080 --> 00:03:25.810 align:middle line:90% For us, it's the same thing. 00:03:25.810 --> 00:03:29.340 align:middle line:84% When we are reading, for example, a normal conversation, 00:03:29.340 --> 00:03:32.020 align:middle line:90% we can read it very fast. 00:03:32.020 --> 00:03:37.840 align:middle line:84% And then but when we are reading technical content, 00:03:37.840 --> 00:03:39.115 align:middle line:90% then we go a little slower. 00:03:39.115 --> 00:03:41.190 align:middle line:90% We make more pauses. 00:03:41.190 --> 00:03:42.500 align:middle line:90% - Accessible University 1. 00:03:42.500 --> 00:03:45.770 align:middle line:84% - I have slowed down my screen reader program. 00:03:45.770 --> 00:03:46.410 align:middle line:90% - Banner. 00:03:46.410 --> 00:03:47.180 align:middle line:90% Heading level one. 00:03:47.180 --> 00:03:48.472 align:middle line:90% Graphic, Accessible University. 00:03:48.472 --> 00:03:49.160 align:middle line:90% Banner end. 00:03:49.160 --> 00:03:52.280 align:middle line:84% - But if it is, for example, about email, I can go-- 00:03:52.280 --> 00:03:53.992 align:middle line:84% - Faster, faster, faster, faster, faster. 00:03:53.992 --> 00:03:55.450 align:middle line:84% - (RAPID SPEECH) Navigation region. 00:03:55.450 --> 00:03:57.590 align:middle line:90% Show shortcuts button. 00:03:57.590 --> 00:03:59.840 align:middle line:90% - I can go that fast. 00:03:59.840 --> 00:04:02.370 align:middle line:84% - But it's not enough for Hadi to have a screen reader. 00:04:02.370 --> 00:04:04.970 align:middle line:84% Websites must be designed accessibly in order 00:04:04.970 --> 00:04:07.850 align:middle line:84% for the screen reader to provide a full experience of the web 00:04:07.850 --> 00:04:09.230 align:middle line:90% page. 00:04:09.230 --> 00:04:16.160 align:middle line:84% - I would like to show you two pages that are visually pretty 00:04:16.160 --> 00:04:20.180 align:middle line:90% much consistent, identical. 00:04:20.180 --> 00:04:23.900 align:middle line:84% But one of them is accessible, one of them is not accessible. 00:04:23.900 --> 00:04:27.770 align:middle line:84% You will see in an inaccessible page 00:04:27.770 --> 00:04:32.210 align:middle line:84% how difficult it is when those accessibility features are not 00:04:32.210 --> 00:04:33.730 align:middle line:90% present. 00:04:33.730 --> 00:04:34.730 align:middle line:90% - An accessible website. 00:04:34.730 --> 00:04:38.853 align:middle line:90% 00:04:38.853 --> 00:04:39.770 align:middle line:90% - Accessible Universe. 00:04:39.770 --> 00:04:45.350 align:middle line:84% - That is the accessible version of a fictional university 00:04:45.350 --> 00:04:46.600 align:middle line:90% that we have developed here. 00:04:46.600 --> 00:04:50.250 align:middle line:84% We call that Accessible University. 00:04:50.250 --> 00:04:52.920 align:middle line:84% Here, for example, on this accessible Page, 00:04:52.920 --> 00:04:57.570 align:middle line:84% I can ask my screen reader to show me the major component 00:04:57.570 --> 00:04:58.218 align:middle line:90% of the page. 00:04:58.218 --> 00:04:59.010 align:middle line:90% - Document Regions. 00:04:59.010 --> 00:04:59.420 align:middle line:90% Dialog. 00:04:59.420 --> 00:04:59.920 align:middle line:90% Regions. 00:04:59.920 --> 00:05:00.440 align:middle line:90% Review. 00:05:00.440 --> 00:05:02.510 align:middle line:84% - It tells me we have a banner section-- 00:05:02.510 --> 00:05:03.720 align:middle line:90% - Main menu navigation. 00:05:03.720 --> 00:05:05.700 align:middle line:90% - We have a main menu section. 00:05:05.700 --> 00:05:06.490 align:middle line:90% - Main. 00:05:06.490 --> 00:05:07.830 align:middle line:90% - And the main body. 00:05:07.830 --> 00:05:08.880 align:middle line:90% - Apply now form. 00:05:08.880 --> 00:05:10.603 align:middle line:84% - And then there is another region. 00:05:10.603 --> 00:05:11.520 align:middle line:90% - Content information. 00:05:11.520 --> 00:05:16.500 align:middle line:84% - And content information, which is the same as footer section. 00:05:16.500 --> 00:05:20.640 align:middle line:84% So assuming the page has been developed correctly, 00:05:20.640 --> 00:05:27.000 align:middle line:84% I have a good idea about the major component of the page. 00:05:27.000 --> 00:05:30.330 align:middle line:90% - An inaccessible website. 00:05:30.330 --> 00:05:35.820 align:middle line:84% - Let me now go to see the inaccessible 00:05:35.820 --> 00:05:36.840 align:middle line:90% version of this page. 00:05:36.840 --> 00:05:37.453 align:middle line:90% - Home page. 00:05:37.453 --> 00:05:38.120 align:middle line:90% Mozilla Firefox. 00:05:38.120 --> 00:05:40.370 align:middle line:84% Accessible University demo site, inaccessible version. 00:05:40.370 --> 00:05:41.670 align:middle line:90% Accessible University. 00:05:41.670 --> 00:05:46.630 align:middle line:84% - This looks pretty much same as the other accessible version. 00:05:46.630 --> 00:05:50.490 align:middle line:84% But here, when I ask my screen reader 00:05:50.490 --> 00:05:52.347 align:middle line:90% to convey the major component-- 00:05:52.347 --> 00:05:53.680 align:middle line:90% - No regions were found on this. 00:05:53.680 --> 00:05:55.830 align:middle line:90% - It said that no region found. 00:05:55.830 --> 00:05:56.998 align:middle line:90% So for me, practically-- 00:05:56.998 --> 00:05:57.540 align:middle line:90% - Accessible. 00:05:57.540 --> 00:05:58.457 align:middle line:90% Accessible university. 00:05:58.457 --> 00:06:01.485 align:middle line:84% - --is that I have to read from top to bottom. 00:06:01.485 --> 00:06:02.485 align:middle line:90% - Accessible university. 00:06:02.485 --> 00:06:03.040 align:middle line:90% Alt tag. 00:06:03.040 --> 00:06:03.540 align:middle line:90% Untitled. 00:06:03.540 --> 00:06:04.950 align:middle line:90% No alt tag. 00:06:04.950 --> 00:06:07.950 align:middle line:84% - And if those accessibility features are not present, 00:06:07.950 --> 00:06:11.190 align:middle line:90% everything has the same weight. 00:06:11.190 --> 00:06:18.630 align:middle line:84% So there is no way for us to say that where a major section 00:06:18.630 --> 00:06:21.530 align:middle line:90% starts or where it ends. 00:06:21.530 --> 00:06:25.680 align:middle line:84% It is really not just the facts, reading the content. 00:06:25.680 --> 00:06:28.600 align:middle line:90% It is also about the navigation. 00:06:28.600 --> 00:06:33.420 align:middle line:84% We have to discover the page, and then 00:06:33.420 --> 00:06:41.700 align:middle line:84% that is the most time-consuming problem because once 00:06:41.700 --> 00:06:45.340 align:middle line:84% you know where you are, what you are reading, 00:06:45.340 --> 00:06:49.650 align:middle line:90% then it is usually fine. 00:06:49.650 --> 00:06:52.680 align:middle line:84% But the discovery process or navigation process 00:06:52.680 --> 00:06:57.210 align:middle line:84% is the most complicated process in the accessibility field. 00:06:57.210 --> 00:07:01.740 align:middle line:84% In order to do it, I have to read from top to bottom, 00:07:01.740 --> 00:07:04.200 align:middle line:84% whereas in the accessible version, 00:07:04.200 --> 00:07:08.100 align:middle line:84% I could easily see what the major components were, 00:07:08.100 --> 00:07:13.830 align:middle line:84% and then select the desired one, and move to that section 00:07:13.830 --> 00:07:15.300 align:middle line:90% quickly. 00:07:15.300 --> 00:07:15.830 align:middle line:90% - Menus. 00:07:15.830 --> 00:07:16.170 align:middle line:90% Heading list. 00:07:16.170 --> 00:07:16.670 align:middle line:90% Dialog. 00:07:16.670 --> 00:07:17.460 align:middle line:90% Heading list. 00:07:17.460 --> 00:07:25.920 align:middle line:84% - Headings is also a means to get information 00:07:25.920 --> 00:07:30.755 align:middle line:84% about the structure of the content. 00:07:30.755 --> 00:07:33.290 align:middle line:90% 00:07:33.290 --> 00:07:35.720 align:middle line:84% It gives me a good understanding, 00:07:35.720 --> 00:07:41.830 align:middle line:84% good overview about the major or minor component of the content. 00:07:41.830 --> 00:07:43.820 align:middle line:90% So I see that here. 00:07:43.820 --> 00:07:44.840 align:middle line:90% - Welcome 2. 00:07:44.840 --> 00:07:46.180 align:middle line:90% Featured story slideshow 2. 00:07:46.180 --> 00:07:47.950 align:middle line:90% Accessible University 1. 00:07:47.950 --> 00:07:51.390 align:middle line:84% - It said, Accessible University itself is a heading 1, 00:07:51.390 --> 00:07:54.020 align:middle line:90% and under that, we have-- 00:07:54.020 --> 00:07:55.250 align:middle line:90% - Featured stories. 00:07:55.250 --> 00:07:57.470 align:middle line:84% - Featured story, which is a heading 2. 00:07:57.470 --> 00:08:00.950 align:middle line:84% It automatically conveys the information 00:08:00.950 --> 00:08:05.270 align:middle line:84% that this section is a subsection of the heading 00:08:05.270 --> 00:08:06.540 align:middle line:90% About. 00:08:06.540 --> 00:08:09.210 align:middle line:84% You will see also that they'll overall 00:08:09.210 --> 00:08:15.760 align:middle line:84% get an outline of the page and the major sections of that. 00:08:15.760 --> 00:08:20.587 align:middle line:84% That is the difference between accessible and inaccessible. 00:08:20.587 --> 00:08:21.170 align:middle line:90% [END PLAYBACK] 00:08:21.170 --> 00:08:22.630 align:middle line:90% GABY DE JONGH: OK. 00:08:22.630 --> 00:08:24.375 align:middle line:90% Hold on just a second here. 00:08:24.375 --> 00:08:30.450 align:middle line:90% 00:08:30.450 --> 00:08:35.360 align:middle line:84% So I wanted to continue on with a little activity to kind 00:08:35.360 --> 00:08:39.559 align:middle line:84% of drive home a little bit more about the difference, or about 00:08:39.559 --> 00:08:43.909 align:middle line:84% the importance, rather, of adding structure, not only just 00:08:43.909 --> 00:08:47.880 align:middle line:84% having text to speech ability, but also adding structure. 00:08:47.880 --> 00:08:53.090 align:middle line:84% So I have an example of a course syllabus 00:08:53.090 --> 00:08:56.930 align:middle line:84% for our fictional university, Accessible University. 00:08:56.930 --> 00:09:01.430 align:middle line:84% And I have an audio recording of a screen reader reading 00:09:01.430 --> 00:09:03.200 align:middle line:90% this information out loud. 00:09:03.200 --> 00:09:04.695 align:middle line:84% And you can do one of two things. 00:09:04.695 --> 00:09:07.070 align:middle line:84% You can either close your eyes and listen to the content, 00:09:07.070 --> 00:09:10.310 align:middle line:84% or you can follow along as the information is being read out 00:09:10.310 --> 00:09:11.237 align:middle line:90% loud. 00:09:11.237 --> 00:09:12.070 align:middle line:90% SCREEN READER: Word. 00:09:12.070 --> 00:09:12.640 align:middle line:90% Document 1. 00:09:12.640 --> 00:09:13.145 align:middle line:90% Window. 00:09:13.145 --> 00:09:13.770 align:middle line:90% Page 1 content. 00:09:13.770 --> 00:09:15.560 align:middle line:84% Edit text insertion at beginning of text. 00:09:15.560 --> 00:09:16.400 align:middle line:90% Introduction to physics. 00:09:16.400 --> 00:09:16.820 align:middle line:90% Course syllabus. 00:09:16.820 --> 00:09:17.170 align:middle line:90% Textbook. 00:09:17.170 --> 00:09:18.310 align:middle line:84% Our sole text for this course will 00:09:18.310 --> 00:09:20.477 align:middle line:84% be Introduction to Physics, Second Edition, authored 00:09:20.477 --> 00:09:21.230 align:middle line:90% by the instructor. 00:09:21.230 --> 00:09:22.940 align:middle line:84% Course objectives-- to offer students exposure 00:09:22.940 --> 00:09:24.050 align:middle line:90% to basic principles of physics. 00:09:24.050 --> 00:09:26.120 align:middle line:84% To provide students with rich, thought-provoking discussions 00:09:26.120 --> 00:09:26.990 align:middle line:90% during lecture sessions. 00:09:26.990 --> 00:09:28.370 align:middle line:84% To provide students with experiential learning 00:09:28.370 --> 00:09:29.970 align:middle line:84% opportunities during laboratory sessions. 00:09:29.970 --> 00:09:30.530 align:middle line:90% Class schedule. 00:09:30.530 --> 00:09:30.650 align:middle line:90% Week. 00:09:30.650 --> 00:09:30.890 align:middle line:90% Topic. 00:09:30.890 --> 00:09:31.470 align:middle line:90% Reading assignment. 00:09:31.470 --> 00:09:31.760 align:middle line:90% 1. 00:09:31.760 --> 00:09:32.260 align:middle line:90% Course Introduction. 00:09:32.260 --> 00:09:32.720 align:middle line:90% Chapter 1. 00:09:32.720 --> 00:09:32.830 align:middle line:90% 2. 00:09:32.830 --> 00:09:34.197 align:middle line:90% Inertia, equilibrium, kinematic. 00:09:34.197 --> 00:09:34.780 align:middle line:90% Chapters 2, 3. 00:09:34.780 --> 00:09:35.050 align:middle line:90% 3. 00:09:35.050 --> 00:09:35.640 align:middle line:90% Newton's Laws. 00:09:35.640 --> 00:09:36.140 align:middle line:90% Vectors. 00:09:36.140 --> 00:09:36.640 align:middle line:90% Momentum. 00:09:36.640 --> 00:09:37.141 align:middle line:90% Energy. 00:09:37.141 --> 00:09:37.790 align:middle line:90% Chapters 4, 7. 00:09:37.790 --> 00:09:37.940 align:middle line:90% 4. 00:09:37.940 --> 00:09:38.440 align:middle line:90% Matter. 00:09:38.440 --> 00:09:39.080 align:middle line:90% Elasticity. 00:09:39.080 --> 00:09:39.410 align:middle line:90% Scaling. 00:09:39.410 --> 00:09:39.995 align:middle line:90% Chapters 8, 10. 00:09:39.995 --> 00:09:40.170 align:middle line:90% 5. 00:09:40.170 --> 00:09:40.850 align:middle line:90% Wave kinematics. 00:09:40.850 --> 00:09:41.420 align:middle line:90% Sound. 00:09:41.420 --> 00:09:42.210 align:middle line:90% Electricity. 00:09:42.210 --> 00:09:42.760 align:middle line:90% Magnetism. 00:09:42.760 --> 00:09:43.260 align:middle line:90% Induction. 00:09:43.260 --> 00:09:44.090 align:middle line:90% Chapter 11, 15. 00:09:44.090 --> 00:09:44.300 align:middle line:90% 6. 00:09:44.300 --> 00:09:44.800 align:middle line:90% Light. 00:09:44.800 --> 00:09:45.890 align:middle line:90% Reflection and refraction. 00:09:45.890 --> 00:09:46.220 align:middle line:90% Emission. 00:09:46.220 --> 00:09:47.010 align:middle line:90% Chapters 15, 18. 00:09:47.010 --> 00:09:47.210 align:middle line:90% 7. 00:09:47.210 --> 00:09:47.680 align:middle line:90% Review. 00:09:47.680 --> 00:09:48.180 align:middle line:90% Final exam. 00:09:48.180 --> 00:09:49.868 align:middle line:90% Grades-- misspelled grades-- 00:09:49.868 --> 00:09:51.410 align:middle line:84% will be assigned on a 10-point scale. 00:09:51.410 --> 00:09:54.950 align:middle line:84% 90 to 100 is an A. 80 to 89 is a B, et cetera. 00:09:54.950 --> 00:09:57.570 align:middle line:84% Homework, exams, and projects will be weighted as follows. 00:09:57.570 --> 00:09:58.070 align:middle line:90% Homework. 00:09:58.070 --> 00:09:58.370 align:middle line:90% Exams. 00:09:58.370 --> 00:09:58.650 align:middle line:90% Projects. 00:09:58.650 --> 00:09:58.770 align:middle line:90% 1. 00:09:58.770 --> 00:09:58.910 align:middle line:90% 2. 00:09:58.910 --> 00:09:59.120 align:middle line:90% Final. 00:09:59.120 --> 00:09:59.210 align:middle line:90% 1. 00:09:59.210 --> 00:09:59.360 align:middle line:90% 2. 00:09:59.360 --> 00:09:59.570 align:middle line:90% Final. 00:09:59.570 --> 00:10:00.170 align:middle line:90% 15%. 00:10:00.170 --> 00:10:00.680 align:middle line:90% 15%. 00:10:00.680 --> 00:10:01.290 align:middle line:90% 15%. 00:10:01.290 --> 00:10:01.430 align:middle line:90% 20%. 00:10:01.430 --> 00:10:01.930 align:middle line:90% 10%. 00:10:01.930 --> 00:10:02.530 align:middle line:90% 10%. 00:10:02.530 --> 00:10:02.660 align:middle line:90% 15%. 00:10:02.660 --> 00:10:03.890 align:middle line:90% Percent sign misspelled. 00:10:03.890 --> 00:10:06.860 align:middle line:90% Program [INAUDIBLE]. 00:10:06.860 --> 00:10:07.790 align:middle line:90% Misspelled. 00:10:07.790 --> 00:10:08.930 align:middle line:90% New line. 00:10:08.930 --> 00:10:10.070 align:middle line:90% GABY DE JONGH: OK, great. 00:10:10.070 --> 00:10:14.330 align:middle line:84% So I've actually put up a verbatim transcript 00:10:14.330 --> 00:10:18.200 align:middle line:84% of the audio that we just heard of the screen reader 00:10:18.200 --> 00:10:21.390 align:middle line:90% reading that information. 00:10:21.390 --> 00:10:22.480 align:middle line:90% And I just have some-- 00:10:22.480 --> 00:10:27.770 align:middle line:84% these are mostly rhetorical questions for you. 00:10:27.770 --> 00:10:31.220 align:middle line:84% But I just would like to know, how many objectives are there 00:10:31.220 --> 00:10:33.170 align:middle line:90% in this course? 00:10:33.170 --> 00:10:35.750 align:middle line:84% Are you able to find that information 00:10:35.750 --> 00:10:41.910 align:middle line:84% in the textual transcript that we were listening to? 00:10:41.910 --> 00:10:45.350 align:middle line:84% What is the reading assignment for week 3? 00:10:45.350 --> 00:10:48.560 align:middle line:84% And how much is the final project worth? 00:10:48.560 --> 00:10:50.780 align:middle line:84% So this is an example where we do 00:10:50.780 --> 00:10:53.210 align:middle line:84% have a certain level of accessibility, 00:10:53.210 --> 00:10:55.750 align:middle line:84% where we do have text-to-speech, but there 00:10:55.750 --> 00:10:59.480 align:middle line:84% is no structure in this document, which does not 00:10:59.480 --> 00:11:03.680 align:middle line:84% allow someone like Hadi to jump between the different sections 00:11:03.680 --> 00:11:07.760 align:middle line:84% that we were able to visually view in the previous slide that 00:11:07.760 --> 00:11:10.440 align:middle line:90% had the syllabi on there. 00:11:10.440 --> 00:11:12.440 align:middle line:84% So what we're going to talk about is, 00:11:12.440 --> 00:11:15.470 align:middle line:84% how can you increase your accessibility 00:11:15.470 --> 00:11:17.210 align:middle line:90% in a few simple steps? 00:11:17.210 --> 00:11:19.730 align:middle line:84% But before that, I wanted to talk a little bit 00:11:19.730 --> 00:11:25.010 align:middle line:84% about some misconceptions of accessibility. 00:11:25.010 --> 00:11:28.130 align:middle line:84% Many people think, or many people just 00:11:28.130 --> 00:11:30.530 align:middle line:84% have a basic lack of understanding 00:11:30.530 --> 00:11:32.750 align:middle line:90% of what accessibility is. 00:11:32.750 --> 00:11:34.620 align:middle line:84% How do you make something accessible? 00:11:34.620 --> 00:11:37.640 align:middle line:84% How do you create something that is accessible? 00:11:37.640 --> 00:11:41.660 align:middle line:84% And that's largely due, in part, because accessibility 00:11:41.660 --> 00:11:44.400 align:middle line:84% can seem like an abstract concept, 00:11:44.400 --> 00:11:46.310 align:middle line:90% and it's not really taught. 00:11:46.310 --> 00:11:50.930 align:middle line:84% A lot of people don't really do onboarding for using the tools 00:11:50.930 --> 00:11:54.840 align:middle line:84% that many universities actually provide to faculty, staff, 00:11:54.840 --> 00:11:58.280 align:middle line:84% and students on how to create accessible materials. 00:11:58.280 --> 00:11:59.780 align:middle line:84% We, at the University of Washington, 00:11:59.780 --> 00:12:01.310 align:middle line:84% have actually had a really big push 00:12:01.310 --> 00:12:06.290 align:middle line:84% about trying to get faculty, staff, and students on boarded 00:12:06.290 --> 00:12:10.100 align:middle line:84% on using the products that are available to them 00:12:10.100 --> 00:12:13.040 align:middle line:90% and create accessible content. 00:12:13.040 --> 00:12:15.080 align:middle line:84% It's also a misconception that it's 00:12:15.080 --> 00:12:16.740 align:middle line:90% somebody else's responsibility. 00:12:16.740 --> 00:12:20.810 align:middle line:84% It requires maybe special skills or special tools 00:12:20.810 --> 00:12:23.090 align:middle line:84% in order to make something accessible. 00:12:23.090 --> 00:12:25.160 align:middle line:84% That's actually a big misconception. 00:12:25.160 --> 00:12:28.550 align:middle line:84% A lot of the tools that are available to many universities 00:12:28.550 --> 00:12:31.040 align:middle line:84% and institutions out there already 00:12:31.040 --> 00:12:35.490 align:middle line:84% have the ability to create accessible information. 00:12:35.490 --> 00:12:39.290 align:middle line:84% And finally, some folks think that accessibility 00:12:39.290 --> 00:12:42.110 align:middle line:84% is kind of like a last minute final touch-up, something 00:12:42.110 --> 00:12:45.740 align:middle line:84% that you do at the end in order to make something accessible. 00:12:45.740 --> 00:12:48.710 align:middle line:84% But really, what is important is to consider accessibility 00:12:48.710 --> 00:12:51.350 align:middle line:84% throughout the product development cycle. 00:12:51.350 --> 00:12:55.220 align:middle line:84% And we'll talk about what things to look for as we move forward 00:12:55.220 --> 00:12:58.100 align:middle line:90% in this presentation. 00:12:58.100 --> 00:13:01.100 align:middle line:84% I'd like to talk a little bit about four principles 00:13:01.100 --> 00:13:06.560 align:middle line:84% of accessibility, as this speaks more to the structure of why 00:13:06.560 --> 00:13:08.840 align:middle line:90% this is important. 00:13:08.840 --> 00:13:11.990 align:middle line:84% First of all, all forms of communication 00:13:11.990 --> 00:13:15.440 align:middle line:84% require input into the brain via at least one sense 00:13:15.440 --> 00:13:16.070 align:middle line:90% of the body-- 00:13:16.070 --> 00:13:18.740 align:middle line:90% either your eyes, or your ears. 00:13:18.740 --> 00:13:20.330 align:middle line:84% And then you need to be able to input 00:13:20.330 --> 00:13:21.890 align:middle line:84% that information into their brain 00:13:21.890 --> 00:13:23.600 align:middle line:90% so that they can process it. 00:13:23.600 --> 00:13:26.660 align:middle line:84% If the information can't get there, then it's inaccessible. 00:13:26.660 --> 00:13:31.490 align:middle line:84% So consequently, the content of the information 00:13:31.490 --> 00:13:34.350 align:middle line:84% needs to be presented in different ways. 00:13:34.350 --> 00:13:36.440 align:middle line:84% So if you have somebody who is not 00:13:36.440 --> 00:13:42.170 align:middle line:84% able to see text information, is there an equivalent for nontext 00:13:42.170 --> 00:13:42.770 align:middle line:90% information? 00:13:42.770 --> 00:13:44.810 align:middle line:90% So for example, images. 00:13:44.810 --> 00:13:47.420 align:middle line:84% Somebody can't read the text, or there's 00:13:47.420 --> 00:13:49.580 align:middle line:84% no text equivalent for that image, 00:13:49.580 --> 00:13:53.570 align:middle line:84% how are you going to incorporate that? 00:13:53.570 --> 00:13:56.970 align:middle line:84% Another example is people who cannot hear audio or see 00:13:56.970 --> 00:14:00.540 align:middle line:84% a video have different alternatives, as well. 00:14:00.540 --> 00:14:03.430 align:middle line:84% Operable is the next principle of accessibility. 00:14:03.430 --> 00:14:05.740 align:middle line:84% Not everybody uses a standard keyboard and mouse 00:14:05.740 --> 00:14:07.090 align:middle line:90% to access information. 00:14:07.090 --> 00:14:10.120 align:middle line:84% Some folks use alternative devices that 00:14:10.120 --> 00:14:12.550 align:middle line:90% accommodate their disabilities. 00:14:12.550 --> 00:14:16.210 align:middle line:84% Mouse-dependent content can be inaccessible to a person who 00:14:16.210 --> 00:14:20.740 align:middle line:84% can't use a standard mouse, due to tremors of the hand, 00:14:20.740 --> 00:14:23.950 align:middle line:84% insufficient fine motor control, or even lack of hands 00:14:23.950 --> 00:14:25.170 align:middle line:90% altogether. 00:14:25.170 --> 00:14:29.680 align:middle line:84% So functionality needs to be made available from a keyboard 00:14:29.680 --> 00:14:32.920 align:middle line:90% or from another adaptive device. 00:14:32.920 --> 00:14:35.860 align:middle line:84% Operability also means that users can easily 00:14:35.860 --> 00:14:38.740 align:middle line:84% navigate, find content, and determine 00:14:38.740 --> 00:14:42.520 align:middle line:84% where they are within the content 00:14:42.520 --> 00:14:44.135 align:middle line:90% that they're navigating around. 00:14:44.135 --> 00:14:46.510 align:middle line:84% And also, you want to make sure that the content does not 00:14:46.510 --> 00:14:49.360 align:middle line:90% create seizures. 00:14:49.360 --> 00:14:51.850 align:middle line:84% The third principle is understandable. 00:14:51.850 --> 00:14:55.750 align:middle line:84% Let's say that the content is perceivable and operable 00:14:55.750 --> 00:14:59.860 align:middle line:84% by users of all kinds of abilities, 00:14:59.860 --> 00:15:04.550 align:middle line:84% but it's understandable to none of them. 00:15:04.550 --> 00:15:06.550 align:middle line:84% Does that make the content accessible? 00:15:06.550 --> 00:15:07.870 align:middle line:90% No, of course it doesn't. 00:15:07.870 --> 00:15:09.970 align:middle line:84% Understandability can be just as big 00:15:09.970 --> 00:15:12.400 align:middle line:84% of a barrier to accessibility as any 00:15:12.400 --> 00:15:14.230 align:middle line:90% of the more technical issues. 00:15:14.230 --> 00:15:15.790 align:middle line:84% So you do want to make sure that text 00:15:15.790 --> 00:15:19.600 align:middle line:84% is readable and understandable, that the content appears 00:15:19.600 --> 00:15:22.990 align:middle line:84% and operates in predictable ways for those users, 00:15:22.990 --> 00:15:27.650 align:middle line:84% and that they're helped to avoid and correct mistakes. 00:15:27.650 --> 00:15:30.470 align:middle line:84% Lastly, the fourth principle is robust. 00:15:30.470 --> 00:15:33.350 align:middle line:84% Not everybody uses the same technologies now, 00:15:33.350 --> 00:15:35.113 align:middle line:90% nor will they in the future. 00:15:35.113 --> 00:15:36.530 align:middle line:84% And people use all different kinds 00:15:36.530 --> 00:15:39.800 align:middle line:84% of operating systems, different browsers, different versions 00:15:39.800 --> 00:15:42.400 align:middle line:90% of browsers, so forth and so on. 00:15:42.400 --> 00:15:45.920 align:middle line:84% And some people have advanced features enabled, 00:15:45.920 --> 00:15:48.560 align:middle line:84% while others have those features turned off. 00:15:48.560 --> 00:15:51.620 align:middle line:84% That content needs to be compatible with future 00:15:51.620 --> 00:15:53.855 align:middle line:90% and current user tools. 00:15:53.855 --> 00:15:56.430 align:middle line:90% 00:15:56.430 --> 00:16:02.850 align:middle line:84% So with that, it is possible within most management systems 00:16:02.850 --> 00:16:05.870 align:middle line:84% to have a fully-accessible course, 00:16:05.870 --> 00:16:08.760 align:middle line:84% and it's also possible within all management systems 00:16:08.760 --> 00:16:11.640 align:middle line:84% to have a fully-inaccessible course. 00:16:11.640 --> 00:16:14.280 align:middle line:84% So we're going to talk about just five simple things 00:16:14.280 --> 00:16:17.940 align:middle line:84% that you can do to ensure, or at least increase, 00:16:17.940 --> 00:16:20.928 align:middle line:84% the accessibility of your projects. 00:16:20.928 --> 00:16:22.470 align:middle line:84% And we'll break down these five steps 00:16:22.470 --> 00:16:26.080 align:middle line:84% in a little bit more detail here. 00:16:26.080 --> 00:16:29.100 align:middle line:90% So step one is use headings. 00:16:29.100 --> 00:16:32.520 align:middle line:84% This happens to be a screenshot of Canvas, 00:16:32.520 --> 00:16:35.370 align:middle line:84% which is the learning management system that we use here 00:16:35.370 --> 00:16:37.290 align:middle line:90% at the University of Washington. 00:16:37.290 --> 00:16:41.130 align:middle line:84% And Canvas is actually an accessible learning management 00:16:41.130 --> 00:16:42.040 align:middle line:90% system. 00:16:42.040 --> 00:16:44.130 align:middle line:84% And the reason why I have this screenshot on here 00:16:44.130 --> 00:16:48.090 align:middle line:84% is because with this, you're able to create headings 00:16:48.090 --> 00:16:49.890 align:middle line:90% in a logical manner. 00:16:49.890 --> 00:16:53.130 align:middle line:84% If you'll notice the red circle that 00:16:53.130 --> 00:16:57.000 align:middle line:84% is circled around the dropdown menu, 00:16:57.000 --> 00:17:01.440 align:middle line:84% the individual has the ability to associate 00:17:01.440 --> 00:17:04.740 align:middle line:84% the text within this particular text box 00:17:04.740 --> 00:17:08.339 align:middle line:84% here as either regular paragraph text, 00:17:08.339 --> 00:17:11.099 align:middle line:84% or header one, header two, header three. 00:17:11.099 --> 00:17:12.569 align:middle line:90% I'm sorry, not header one. 00:17:12.569 --> 00:17:14.194 align:middle line:84% Header one is actually it's going to be 00:17:14.194 --> 00:17:15.890 align:middle line:90% up here where it says Welcome. 00:17:15.890 --> 00:17:20.760 align:middle line:84% Header one is always the top tier of navigability, 00:17:20.760 --> 00:17:24.180 align:middle line:84% so that's what's going to be your very top function right 00:17:24.180 --> 00:17:24.900 align:middle line:90% there. 00:17:24.900 --> 00:17:28.260 align:middle line:84% And then everything else follows suit there. 00:17:28.260 --> 00:17:30.810 align:middle line:90% 00:17:30.810 --> 00:17:33.990 align:middle line:84% So the reason why headings are so important 00:17:33.990 --> 00:17:35.370 align:middle line:84% is because good heading structure 00:17:35.370 --> 00:17:38.790 align:middle line:84% helps people without eyesight understand 00:17:38.790 --> 00:17:41.550 align:middle line:90% how the document is organized. 00:17:41.550 --> 00:17:45.600 align:middle line:84% Screen readers and Braille users can also jump between headings, 00:17:45.600 --> 00:17:49.570 align:middle line:84% as Hadi mentioned in the video before, 00:17:49.570 --> 00:17:52.470 align:middle line:84% which makes navigation more efficient than if there 00:17:52.470 --> 00:17:54.150 align:middle line:90% were no headings. 00:17:54.150 --> 00:17:56.490 align:middle line:84% Hadi talked about having to listen to a document 00:17:56.490 --> 00:18:00.480 align:middle line:84% from beginning to end and not being able to navigate 00:18:00.480 --> 00:18:03.600 align:middle line:90% within that document. 00:18:03.600 --> 00:18:06.330 align:middle line:84% Those of us who don't have any visual disabilities, 00:18:06.330 --> 00:18:07.960 align:middle line:84% we do something similar, as well. 00:18:07.960 --> 00:18:10.560 align:middle line:84% We usually look over the document itself, 00:18:10.560 --> 00:18:13.170 align:middle line:84% look at the title, maybe look at the different chapters, 00:18:13.170 --> 00:18:15.750 align:middle line:84% look at the weight of the different heading levels, 00:18:15.750 --> 00:18:18.850 align:middle line:84% maybe look at the table of contents or the index, 00:18:18.850 --> 00:18:22.530 align:middle line:84% maybe review some of the images within that document itself 00:18:22.530 --> 00:18:24.840 align:middle line:84% before we go in, and dive right in, 00:18:24.840 --> 00:18:27.580 align:middle line:84% and start reading from the very beginning. 00:18:27.580 --> 00:18:30.605 align:middle line:84% So those headings must be in a logical order. 00:18:30.605 --> 00:18:31.980 align:middle line:84% You want to make sure that you're 00:18:31.980 --> 00:18:34.470 align:middle line:84% starting with H1 for the title, and then 00:18:34.470 --> 00:18:38.850 align:middle line:84% use H2, H3, and so forth so on in a logical manner. 00:18:38.850 --> 00:18:43.680 align:middle line:84% Doing so preserves the tab order and allows 00:18:43.680 --> 00:18:47.310 align:middle line:84% folks who do not use a conventional keyboard 00:18:47.310 --> 00:18:53.030 align:middle line:84% to navigate within the document a lot easier. 00:18:53.030 --> 00:18:56.300 align:middle line:84% And to accomplish this outside of a learning management 00:18:56.300 --> 00:19:01.580 align:middle line:84% system, you can use the Styles pane in Microsoft Office. 00:19:01.580 --> 00:19:04.235 align:middle line:84% I'll show you an example here later on 00:19:04.235 --> 00:19:06.710 align:middle line:84% if we have some time of what the Styles pane looks 00:19:06.710 --> 00:19:07.820 align:middle line:90% like in Microsoft Office. 00:19:07.820 --> 00:19:10.220 align:middle line:84% But there are already predefined styles in there 00:19:10.220 --> 00:19:13.220 align:middle line:84% where you can already choose heading levels, 00:19:13.220 --> 00:19:16.940 align:middle line:84% and those will act as anchor points 00:19:16.940 --> 00:19:19.700 align:middle line:84% within that document, which will allow the screen reader 00:19:19.700 --> 00:19:23.870 align:middle line:84% users to move back and forth within that document. 00:19:23.870 --> 00:19:27.950 align:middle line:84% So for example, if Hadi wanted to reread the section on What 00:19:27.950 --> 00:19:34.700 align:middle line:84% is Grading, if that section had an accurate heading level 00:19:34.700 --> 00:19:37.850 align:middle line:84% associated with it, Had could call up 00:19:37.850 --> 00:19:39.950 align:middle line:84% a menu that has all the different heading levels 00:19:39.950 --> 00:19:43.100 align:middle line:84% for that document and jump directly 00:19:43.100 --> 00:19:45.170 align:middle line:84% to that specific place within the document. 00:19:45.170 --> 00:19:49.780 align:middle line:90% 00:19:49.780 --> 00:19:55.120 align:middle line:84% The next step is a adding alternative text to images. 00:19:55.120 --> 00:20:00.330 align:middle line:84% So this is, again, part of the four aspects of accessibility. 00:20:00.330 --> 00:20:02.880 align:middle line:84% You want to make sure that you have text 00:20:02.880 --> 00:20:06.030 align:middle line:90% elements for nontext formats. 00:20:06.030 --> 00:20:09.120 align:middle line:84% So within Microsoft Word, you do have the ability 00:20:09.120 --> 00:20:13.980 align:middle line:84% to add alternative text under the Picture Formatting tab. 00:20:13.980 --> 00:20:21.360 align:middle line:84% And writing alternative text is a bit of an art and a science. 00:20:21.360 --> 00:20:22.950 align:middle line:84% But essentially, the main takeaway 00:20:22.950 --> 00:20:29.000 align:middle line:84% here is, if you're adding an image or a logo to a document, 00:20:29.000 --> 00:20:31.560 align:middle line:90% there's probably a reason why. 00:20:31.560 --> 00:20:34.290 align:middle line:84% And best practices for adding alt text 00:20:34.290 --> 00:20:38.040 align:middle line:84% is, what is the key takeaway of that image? 00:20:38.040 --> 00:20:41.850 align:middle line:84% And that's how you're going to describe your alternative text. 00:20:41.850 --> 00:20:45.870 align:middle line:84% Now, there are cases where you may have bar charts, pie 00:20:45.870 --> 00:20:50.700 align:middle line:84% charts, or flow charts, or some more high-level science 00:20:50.700 --> 00:20:52.200 align:middle line:90% information. 00:20:52.200 --> 00:20:58.500 align:middle line:84% And I do have a resource for that on how to accurately write 00:20:58.500 --> 00:21:02.850 align:middle line:84% alternative text for such things as charts and graphs 00:21:02.850 --> 00:21:07.510 align:middle line:84% so that the user can understand that information. 00:21:07.510 --> 00:21:11.700 align:middle line:84% So just as kind of a review, alternative text 00:21:11.700 --> 00:21:16.240 align:middle line:84% does equal equivalent communication. 00:21:16.240 --> 00:21:18.630 align:middle line:84% It helps folks who can't see the screen understand 00:21:18.630 --> 00:21:23.430 align:middle line:84% what's important in images and other visuals. 00:21:23.430 --> 00:21:26.400 align:middle line:84% The alt text must provide contextual information 00:21:26.400 --> 00:21:29.280 align:middle line:84% about the image, graph, or figure. 00:21:29.280 --> 00:21:31.650 align:middle line:84% And this is actually a really important part. 00:21:31.650 --> 00:21:36.090 align:middle line:84% Sometimes we include images in our documents for whatever 00:21:36.090 --> 00:21:38.580 align:middle line:84% reason, maybe for decorative reasons, or just 00:21:38.580 --> 00:21:41.190 align:middle line:84% to give your eyes a break when you're reading. 00:21:41.190 --> 00:21:46.080 align:middle line:84% Those kinds of images must be marked as decorative 00:21:46.080 --> 00:21:49.750 align:middle line:84% so that the screen reader will skip those images 00:21:49.750 --> 00:21:54.510 align:middle line:84% and then the user can just go on and continue reading the text. 00:21:54.510 --> 00:21:56.910 align:middle line:84% I've actually had many conversations 00:21:56.910 --> 00:22:00.780 align:middle line:84% with screen reader users who wish that all images would 00:22:00.780 --> 00:22:03.420 align:middle line:84% be marked as decorative because it is very, very 00:22:03.420 --> 00:22:05.940 align:middle line:84% disruptive to their concentration 00:22:05.940 --> 00:22:10.680 align:middle line:84% and the comprehension when those images do come into play when 00:22:10.680 --> 00:22:13.890 align:middle line:90% they're reading long documents. 00:22:13.890 --> 00:22:17.280 align:middle line:84% So it's kind of a judgment call there 00:22:17.280 --> 00:22:19.740 align:middle line:84% to being judicial as to the number of images 00:22:19.740 --> 00:22:23.520 align:middle line:84% that you're including in your projects. 00:22:23.520 --> 00:22:27.820 align:middle line:90% 00:22:27.820 --> 00:22:30.680 align:middle line:84% Step three is adding captions to videos. 00:22:30.680 --> 00:22:33.910 align:middle line:84% And if you'll notice, the video that I showed you 00:22:33.910 --> 00:22:38.590 align:middle line:84% earlier with Hadi, that's an example of a captioned video. 00:22:38.590 --> 00:22:41.170 align:middle line:84% And there are many reasons why we would 00:22:41.170 --> 00:22:43.460 align:middle line:90% want to caption our video. 00:22:43.460 --> 00:22:48.010 align:middle line:84% For example, Hadi is a nonnative American English speaker, 00:22:48.010 --> 00:22:51.100 align:middle line:84% and so some folks may have difficulty understanding him. 00:22:51.100 --> 00:22:55.000 align:middle line:84% So having the captions there would 00:22:55.000 --> 00:22:58.930 align:middle line:84% benefit somebody who doesn't necessarily have a disability, 00:22:58.930 --> 00:23:01.060 align:middle line:84% but benefits them in the sense they're still 00:23:01.060 --> 00:23:05.620 align:middle line:84% able to perceive the information. 00:23:05.620 --> 00:23:07.030 align:middle line:84% This is also true for individuals 00:23:07.030 --> 00:23:08.650 align:middle line:90% who have hearing disabilities. 00:23:08.650 --> 00:23:11.980 align:middle line:84% Captions are very helpful in that regard. 00:23:11.980 --> 00:23:14.860 align:middle line:84% There is a difference between closed captions 00:23:14.860 --> 00:23:16.510 align:middle line:90% and open captions. 00:23:16.510 --> 00:23:20.350 align:middle line:84% Closed captions can be turned on and off by the user, 00:23:20.350 --> 00:23:24.050 align:middle line:84% while open captions are kind of burned into the video itself. 00:23:24.050 --> 00:23:25.780 align:middle line:84% So an example of open captions would 00:23:25.780 --> 00:23:28.480 align:middle line:84% be if you're watching a movie and there happens 00:23:28.480 --> 00:23:31.690 align:middle line:84% to be a foreign language component to that, 00:23:31.690 --> 00:23:33.600 align:middle line:84% and that foreign language shows up 00:23:33.600 --> 00:23:35.860 align:middle line:84% in English subtitles on the bottom, that 00:23:35.860 --> 00:23:40.050 align:middle line:90% is an example of open captions. 00:23:40.050 --> 00:23:45.810 align:middle line:84% Audio descriptions are additional audio information 00:23:45.810 --> 00:23:50.910 align:middle line:84% in a video for individuals who have visual disabilities. 00:23:50.910 --> 00:23:56.250 align:middle line:84% So audio descriptions give additional contextual 00:23:56.250 --> 00:24:01.020 align:middle line:84% information to individuals who cannot see the audio, 00:24:01.020 --> 00:24:06.090 align:middle line:84% but describe what is happening in that particular scene. 00:24:06.090 --> 00:24:08.370 align:middle line:84% So depending upon your video, you 00:24:08.370 --> 00:24:13.680 align:middle line:84% may want to consider adding audio descriptions for folks 00:24:13.680 --> 00:24:17.700 align:middle line:84% who have visual disabilities as an added accessibility 00:24:17.700 --> 00:24:20.490 align:middle line:90% accommodation. 00:24:20.490 --> 00:24:28.820 align:middle line:84% And if you're not able to have a closed caption for your video, 00:24:28.820 --> 00:24:32.330 align:middle line:84% you're also able to create a transcript. 00:24:32.330 --> 00:24:36.710 align:middle line:84% Actually, YouTube makes it super easy to create 00:24:36.710 --> 00:24:41.020 align:middle line:84% closed captions and a transcript automatically, 00:24:41.020 --> 00:24:44.190 align:middle line:84% and it does so using speech recognition. 00:24:44.190 --> 00:24:47.090 align:middle line:84% But you have to understand that that speech recognition is not 00:24:47.090 --> 00:24:53.010 align:middle line:84% 100%, so it's completely computer-generated. 00:24:53.010 --> 00:24:56.420 align:middle line:84% So you do need to go back and review the transcript, 00:24:56.420 --> 00:25:01.520 align:middle line:84% and make sure that the information is accurately 00:25:01.520 --> 00:25:04.490 align:middle line:84% communicated or accurately transcribed. 00:25:04.490 --> 00:25:07.870 align:middle line:84% This is particularly true for content 00:25:07.870 --> 00:25:10.070 align:middle line:84% that is scientific in nature, has 00:25:10.070 --> 00:25:15.080 align:middle line:84% medical jargon, or legal jargon, or scientific jargon. 00:25:15.080 --> 00:25:17.650 align:middle line:84% So those are ways to increase the accessibility 00:25:17.650 --> 00:25:18.275 align:middle line:90% of your videos. 00:25:18.275 --> 00:25:21.900 align:middle line:90% 00:25:21.900 --> 00:25:24.430 align:middle line:84% Step four is to make sure that you're 00:25:24.430 --> 00:25:27.270 align:middle line:90% uploading accessible content. 00:25:27.270 --> 00:25:31.830 align:middle line:84% This is a screenshot of Canvas, which is, again, our learning 00:25:31.830 --> 00:25:34.530 align:middle line:84% management system that we use at the University of Washington. 00:25:34.530 --> 00:25:40.500 align:middle line:84% And last year, we acquired a plugin called Ally, which 00:25:40.500 --> 00:25:42.360 align:middle line:90% is actually through Blackboard. 00:25:42.360 --> 00:25:45.120 align:middle line:84% And what Ally does is it gives an accessibility 00:25:45.120 --> 00:25:49.140 align:middle line:84% score of the documents that are uploaded to the learning 00:25:49.140 --> 00:25:50.040 align:middle line:90% management system. 00:25:50.040 --> 00:25:52.530 align:middle line:84% And you can kind of see that towards the right-hand side 00:25:52.530 --> 00:25:53.430 align:middle line:90% of the screen there. 00:25:53.430 --> 00:25:57.780 align:middle line:84% There's a form field there called Accessibility, 00:25:57.780 --> 00:25:59.132 align:middle line:90% and there's different dials. 00:25:59.132 --> 00:26:00.840 align:middle line:84% And those dials come in different colors. 00:26:00.840 --> 00:26:03.220 align:middle line:84% You'll see a green one, there's a red one, 00:26:03.220 --> 00:26:04.470 align:middle line:90% and then there's a yellow one. 00:26:04.470 --> 00:26:09.390 align:middle line:84% Green means that the document is high accessibility, red means 00:26:09.390 --> 00:26:11.730 align:middle line:84% the document is not accessible at all, 00:26:11.730 --> 00:26:14.400 align:middle line:84% and yellow means that there is some accessibility features, 00:26:14.400 --> 00:26:18.960 align:middle line:84% but it's not completely 100% accessible. 00:26:18.960 --> 00:26:28.320 align:middle line:84% Within Canvas and Ally, if you click on these little dials, 00:26:28.320 --> 00:26:30.300 align:middle line:84% especially on the red ones, it will walk you 00:26:30.300 --> 00:26:31.758 align:middle line:84% through-- it will tell you that you 00:26:31.758 --> 00:26:36.030 align:middle line:84% do have issues that preclude accessibility and asks you 00:26:36.030 --> 00:26:37.260 align:middle line:90% if you want to fix them. 00:26:37.260 --> 00:26:40.110 align:middle line:84% And it will actually walk you through, 00:26:40.110 --> 00:26:43.410 align:middle line:84% step by step, of the process of how to fix those issues, which 00:26:43.410 --> 00:26:46.380 align:middle line:84% is pretty cool, which is one of the reasons why we bought Ally. 00:26:46.380 --> 00:26:51.600 align:middle line:84% And we can also pull reports for everybody 00:26:51.600 --> 00:26:55.610 align:middle line:84% who's using this system to kind of look and see, 00:26:55.610 --> 00:26:58.170 align:middle line:84% have they improved their accessibility scores 00:26:58.170 --> 00:27:00.730 align:middle line:84% of the files that they have uploaded? 00:27:00.730 --> 00:27:04.010 align:middle line:84% So it turns things into like a little game, or at least 00:27:04.010 --> 00:27:07.830 align:middle line:84% to give some folks a motivation to increase the accessibility 00:27:07.830 --> 00:27:08.940 align:middle line:90% of their documents. 00:27:08.940 --> 00:27:14.440 align:middle line:84% And it seems to be working, so we're pretty happy about that. 00:27:14.440 --> 00:27:22.350 align:middle line:84% But I wanted to include here that accessible content needs 00:27:22.350 --> 00:27:25.590 align:middle line:84% to be created in a way that communicates structure 00:27:25.590 --> 00:27:27.390 align:middle line:90% to assistive technology. 00:27:27.390 --> 00:27:32.400 align:middle line:84% And examples of things that have good structure-- 00:27:32.400 --> 00:27:34.170 align:middle line:84% for example, a table of contents. 00:27:34.170 --> 00:27:38.760 align:middle line:84% In Microsoft Word, there is a Table of Contents Builder which 00:27:38.760 --> 00:27:41.250 align:middle line:84% creates links within your document 00:27:41.250 --> 00:27:43.650 align:middle line:84% to certain chapters or subchapters, 00:27:43.650 --> 00:27:45.540 align:middle line:84% and it's all completely accessible. 00:27:45.540 --> 00:27:54.270 align:middle line:84% So Microsoft has done a lot within their software tool 00:27:54.270 --> 00:27:57.120 align:middle line:84% to make sure that when you're creating documents, 00:27:57.120 --> 00:28:00.660 align:middle line:84% using the methods that you already know 00:28:00.660 --> 00:28:04.110 align:middle line:84% is going to create an accessible document. 00:28:04.110 --> 00:28:07.230 align:middle line:84% Again, we're going to talk a little bit about headings, 00:28:07.230 --> 00:28:11.420 align:middle line:84% making sure that you're using your heading levels correctly. 00:28:11.420 --> 00:28:14.310 align:middle line:84% And also using your lists, ordered 00:28:14.310 --> 00:28:15.870 align:middle line:90% lists versus unordered lists. 00:28:15.870 --> 00:28:19.550 align:middle line:84% An ordered list is a list that has either 1, 2, 3, or A, B, 00:28:19.550 --> 00:28:22.650 align:middle line:90% C. Unordered list uses bullets. 00:28:22.650 --> 00:28:24.540 align:middle line:84% And those are highly accessible, as well, 00:28:24.540 --> 00:28:25.920 align:middle line:84% and easy for screen readers users 00:28:25.920 --> 00:28:29.070 align:middle line:90% to understand and identify. 00:28:29.070 --> 00:28:31.350 align:middle line:84% I haven't really talked about tables, 00:28:31.350 --> 00:28:33.670 align:middle line:84% but I know that tables are used quite a bit 00:28:33.670 --> 00:28:36.600 align:middle line:84% in document creation and web creation. 00:28:36.600 --> 00:28:39.870 align:middle line:84% You want to make sure that your table headers are identified 00:28:39.870 --> 00:28:44.750 align:middle line:84% so that the table is announced accurately to the user. 00:28:44.750 --> 00:28:48.990 align:middle line:84% In the exercise that we were listening to before, 00:28:48.990 --> 00:28:52.200 align:middle line:84% it was just reading the information left to right 00:28:52.200 --> 00:28:57.210 align:middle line:84% and wasn't really associating the table header information. 00:28:57.210 --> 00:28:59.490 align:middle line:84% It really should have been announced 00:28:59.490 --> 00:29:02.550 align:middle line:84% what chapter you're reading first, for which week, 00:29:02.550 --> 00:29:03.360 align:middle line:90% from which book. 00:29:03.360 --> 00:29:05.190 align:middle line:84% And you are able to do that, as long 00:29:05.190 --> 00:29:08.040 align:middle line:84% as you can identify your table headers. 00:29:08.040 --> 00:29:11.670 align:middle line:84% And I do have resources for how do you identify table headers, 00:29:11.670 --> 00:29:15.180 align:middle line:84% so I'll make sure that you have those resources for you. 00:29:15.180 --> 00:29:19.290 align:middle line:84% Again, making sure that you have alternative text for images. 00:29:19.290 --> 00:29:26.400 align:middle line:84% And if you have content that is not English, 00:29:26.400 --> 00:29:29.250 align:middle line:84% you want to make sure that you identify the language as 00:29:29.250 --> 00:29:33.990 align:middle line:90% such within your document. 00:29:33.990 --> 00:29:36.990 align:middle line:84% Screen reader users and assistive technology users 00:29:36.990 --> 00:29:45.660 align:middle line:84% have the ability to install and download foreign language 00:29:45.660 --> 00:29:48.330 align:middle line:84% dictionaries for their assistive technology 00:29:48.330 --> 00:29:54.320 align:middle line:84% so it will announce in the language accurately. 00:29:54.320 --> 00:29:59.290 align:middle line:84% For example, if you have a Spanish document-- 00:29:59.290 --> 00:30:01.450 align:middle line:84% so the default for Microsoft Word, 00:30:01.450 --> 00:30:03.480 align:middle line:84% if you're using it in the United States, 00:30:03.480 --> 00:30:05.490 align:middle line:84% is that it's going to code information 00:30:05.490 --> 00:30:08.830 align:middle line:84% in that document as an English document. 00:30:08.830 --> 00:30:11.240 align:middle line:84% But if you have some Spanish words in there, 00:30:11.240 --> 00:30:13.410 align:middle line:84% the assistive technology is going 00:30:13.410 --> 00:30:17.610 align:middle line:84% to announce the Spanish content in a very 00:30:17.610 --> 00:30:21.900 align:middle line:84% bad, computer-generated English accent. 00:30:21.900 --> 00:30:28.380 align:middle line:84% So if you have that downloaded-- that Spanish dictionary 00:30:28.380 --> 00:30:31.440 align:middle line:84% onto your assistive technology, and it is coded correctly 00:30:31.440 --> 00:30:33.600 align:middle line:84% within the document, it will actually announce it 00:30:33.600 --> 00:30:36.600 align:middle line:90% accurately out loud. 00:30:36.600 --> 00:30:38.910 align:middle line:90% Other things to consider. 00:30:38.910 --> 00:30:43.080 align:middle line:84% We're talking mainly about HTML, Word, and PDF 00:30:43.080 --> 00:30:45.950 align:middle line:90% as our authoring sources. 00:30:45.950 --> 00:30:47.760 align:middle line:84% And each of these formats include 00:30:47.760 --> 00:30:51.270 align:middle line:84% support for accessibility, but some formats 00:30:51.270 --> 00:30:53.950 align:middle line:84% are better at supporting certain features. 00:30:53.950 --> 00:30:58.820 align:middle line:84% For example, math content is very much supported in HTML 00:30:58.820 --> 00:31:02.130 align:middle line:84% and somewhat supported in Word, but absolutely not supported 00:31:02.130 --> 00:31:03.180 align:middle line:90% in PDF. 00:31:03.180 --> 00:31:06.870 align:middle line:84% So for example, we have a project at the University 00:31:06.870 --> 00:31:11.795 align:middle line:84% where we're remediating a bunch of documents for departments, 00:31:11.795 --> 00:31:13.920 align:middle line:84% and I've been working with the calculus department. 00:31:13.920 --> 00:31:16.560 align:middle line:84% And they have a bunch of old worksheets 00:31:16.560 --> 00:31:20.070 align:middle line:84% that they would like their students to practice on. 00:31:20.070 --> 00:31:22.590 align:middle line:84% However, they converted those to PDF, 00:31:22.590 --> 00:31:24.630 align:middle line:84% and PDF just does not have the ability 00:31:24.630 --> 00:31:28.740 align:middle line:84% to announce mathematical computations accurately, 00:31:28.740 --> 00:31:31.860 align:middle line:84% whereas in HTML and Word, they do. 00:31:31.860 --> 00:31:34.170 align:middle line:84% So those are some things to consider. 00:31:34.170 --> 00:31:39.540 align:middle line:84% Also, when we're talking about PDF documents, 00:31:39.540 --> 00:31:42.400 align:middle line:84% there's two ways to create PDF documents. 00:31:42.400 --> 00:31:44.810 align:middle line:84% They're not necessarily created out of the blue. 00:31:44.810 --> 00:31:49.640 align:middle line:84% Either you're scanning a chapter from a hardcopy book 00:31:49.640 --> 00:31:53.120 align:middle line:84% and it creates a PDF document, or you've 00:31:53.120 --> 00:31:56.720 align:middle line:84% created a source document and have either 00:31:56.720 --> 00:31:59.930 align:middle line:84% exported that or saved that as a PDF document. 00:31:59.930 --> 00:32:07.070 align:middle line:84% So in the latter example, if you're using a software package 00:32:07.070 --> 00:32:09.440 align:middle line:84% in order to produce a PDF document, 00:32:09.440 --> 00:32:12.740 align:middle line:84% does that authoring tool of the source document 00:32:12.740 --> 00:32:16.760 align:middle line:84% allow you to create accessible content? 00:32:16.760 --> 00:32:20.060 align:middle line:84% Well, Microsoft Word does have an accessibility checker, 00:32:20.060 --> 00:32:21.890 align:middle line:84% which does allow the author to make 00:32:21.890 --> 00:32:24.390 align:middle line:90% the document more accessible. 00:32:24.390 --> 00:32:26.480 align:middle line:84% The second thing you need to consider 00:32:26.480 --> 00:32:30.470 align:middle line:84% is, does the author know how to create the accessible content? 00:32:30.470 --> 00:32:32.960 align:middle line:84% So the example for that would be, 00:32:32.960 --> 00:32:34.750 align:middle line:90% are they using styles in Word? 00:32:34.750 --> 00:32:36.990 align:middle line:90% Are they applying headings? 00:32:36.990 --> 00:32:39.800 align:middle line:84% Are the headings created just by simply changing 00:32:39.800 --> 00:32:42.150 align:middle line:90% the font size and the weight? 00:32:42.150 --> 00:32:47.840 align:middle line:84% It's a lot easier to create an accessible source document 00:32:47.840 --> 00:32:51.620 align:middle line:84% and export that to an accessible PDF document 00:32:51.620 --> 00:32:53.990 align:middle line:84% than it is to fix the PDF document 00:32:53.990 --> 00:32:55.460 align:middle line:90% and make that accessible. 00:32:55.460 --> 00:32:57.590 align:middle line:84% That really does require a lot of skill. 00:32:57.590 --> 00:33:01.290 align:middle line:90% 00:33:01.290 --> 00:33:04.590 align:middle line:84% And then the last step is just to ask questions 00:33:04.590 --> 00:33:07.590 align:middle line:84% about the accessibility of certain features 00:33:07.590 --> 00:33:10.270 align:middle line:90% before selecting those tools. 00:33:10.270 --> 00:33:14.400 align:middle line:84% So for example, this is a screenshot 00:33:14.400 --> 00:33:15.960 align:middle line:90% of a discussion board. 00:33:15.960 --> 00:33:20.490 align:middle line:84% And at the very top here, I can see that Teryl Thompson has 00:33:20.490 --> 00:33:23.310 align:middle line:84% posted the discussion, and then right 00:33:23.310 --> 00:33:26.730 align:middle line:84% underneath that, I can see that Aaron Cannon has posted 00:33:26.730 --> 00:33:31.180 align:middle line:84% a response to the discussion, and then underneath that, 00:33:31.180 --> 00:33:37.680 align:middle line:84% I can see Dana Gray has posted a response to Aaron's response, 00:33:37.680 --> 00:33:40.980 align:middle line:84% and then underneath that, I can see that Dana Gray has actually 00:33:40.980 --> 00:33:43.980 align:middle line:84% posted a response to the original question. 00:33:43.980 --> 00:33:46.800 align:middle line:84% And the reason why I can tell that is visually. 00:33:46.800 --> 00:33:50.010 align:middle line:84% I can look here that Dana's first entry is actually 00:33:50.010 --> 00:33:51.720 align:middle line:84% indented a little bit, and it seems 00:33:51.720 --> 00:33:56.490 align:middle line:84% to be connected to Aaron's original post, 00:33:56.490 --> 00:34:00.090 align:middle line:84% so it gives me a good visual indication 00:34:00.090 --> 00:34:04.770 align:middle line:84% that these are responses to the post. 00:34:04.770 --> 00:34:08.159 align:middle line:84% Now, is that information conveyed accurately and clearly 00:34:08.159 --> 00:34:10.038 align:middle line:90% to screen reader users? 00:34:10.038 --> 00:34:11.580 align:middle line:84% So those are things that you may want 00:34:11.580 --> 00:34:13.344 align:middle line:90% to take into consideration. 00:34:13.344 --> 00:34:16.010 align:middle line:90% 00:34:16.010 --> 00:34:19.540 align:middle line:84% This is a screenshot of, I believe, 00:34:19.540 --> 00:34:26.739 align:middle line:84% an old Adobe conferencing source that may or may not 00:34:26.739 --> 00:34:28.870 align:middle line:90% be used currently. 00:34:28.870 --> 00:34:30.820 align:middle line:84% But I wanted to show this because there's 00:34:30.820 --> 00:34:31.750 align:middle line:90% a lot going on here. 00:34:31.750 --> 00:34:34.250 align:middle line:84% So you can see on the right-hand side, 00:34:34.250 --> 00:34:37.150 align:middle line:84% you have your PowerPoint presentation. 00:34:37.150 --> 00:34:39.909 align:middle line:84% Kind of in the middle here, you have your chat room, 00:34:39.909 --> 00:34:42.699 align:middle line:84% and you've got some people discussing what's going on. 00:34:42.699 --> 00:34:45.530 align:middle line:84% And then off to the left here, at the upper-right corner, 00:34:45.530 --> 00:34:49.150 align:middle line:84% you have a head shot of the person giving the presentation, 00:34:49.150 --> 00:34:51.770 align:middle line:84% and then you have a list of all the participants. 00:34:51.770 --> 00:34:54.699 align:middle line:84% And then back on the right-hand side here, 00:34:54.699 --> 00:34:56.780 align:middle line:84% below the PowerPoint presentation, 00:34:56.780 --> 00:34:58.750 align:middle line:90% you have some ads and stuff. 00:34:58.750 --> 00:35:01.690 align:middle line:84% This can be very visually distracting 00:35:01.690 --> 00:35:08.830 align:middle line:84% for somebody who has learning disabilities or anxiety. 00:35:08.830 --> 00:35:11.410 align:middle line:84% There's just a lot going on here. 00:35:11.410 --> 00:35:13.480 align:middle line:84% So there's a couple of things that you may want 00:35:13.480 --> 00:35:15.640 align:middle line:90% to take into consideration. 00:35:15.640 --> 00:35:18.880 align:middle line:84% As the person who is giving a presentation, 00:35:18.880 --> 00:35:21.760 align:middle line:84% do you have the ability to turn on and off some 00:35:21.760 --> 00:35:24.670 align:middle line:84% of these sections to make it less busy? 00:35:24.670 --> 00:35:27.430 align:middle line:84% Does the user have the ability to turn those sections 00:35:27.430 --> 00:35:28.348 align:middle line:90% on and off? 00:35:28.348 --> 00:35:29.890 align:middle line:84% So those are types of things that you 00:35:29.890 --> 00:35:31.930 align:middle line:84% may want to take into consideration, as well. 00:35:31.930 --> 00:35:34.640 align:middle line:90% 00:35:34.640 --> 00:35:36.550 align:middle line:90% And collaborative tools. 00:35:36.550 --> 00:35:39.280 align:middle line:84% This is a screenshot of Google Docs. 00:35:39.280 --> 00:35:42.600 align:middle line:84% At the University of Washington we use Google products a lot-- 00:35:42.600 --> 00:35:45.380 align:middle line:84% Google Drive, Google Docs, Google Sheets, Google Slides-- 00:35:45.380 --> 00:35:48.910 align:middle line:84% as they're great for collaboration. 00:35:48.910 --> 00:35:53.560 align:middle line:84% And you do have the ability to assign alternative text 00:35:53.560 --> 00:35:55.390 align:middle line:90% to images in Google Docs. 00:35:55.390 --> 00:35:57.850 align:middle line:84% You also have the ability to assign heading levels 00:35:57.850 --> 00:36:00.340 align:middle line:84% in Google Docs, so it is a great way 00:36:00.340 --> 00:36:03.200 align:middle line:84% of creating accessible information. 00:36:03.200 --> 00:36:06.010 align:middle line:84% However, within Google applications, 00:36:06.010 --> 00:36:09.595 align:middle line:84% you also have the ability to export to Microsoft products. 00:36:09.595 --> 00:36:13.546 align:middle line:90% 00:36:13.546 --> 00:36:18.820 align:middle line:84% There's a bit of an issue there, because Google does not 00:36:18.820 --> 00:36:23.100 align:middle line:90% export from their product-- 00:36:23.100 --> 00:36:26.530 align:middle line:84% it does not map to an accessible product. 00:36:26.530 --> 00:36:29.440 align:middle line:84% So if you're creating a Google Document 00:36:29.440 --> 00:36:32.530 align:middle line:84% and you export that to PDF, there's 00:36:32.530 --> 00:36:36.010 align:middle line:84% no way that you can create an accessible PDF from Google 00:36:36.010 --> 00:36:42.100 align:middle line:84% Documents, unless you have a special plugin called Grackle. 00:36:42.100 --> 00:36:44.800 align:middle line:84% That's a separate workshop altogether. 00:36:44.800 --> 00:36:48.850 align:middle line:84% So the other problem with Google Documents 00:36:48.850 --> 00:36:51.250 align:middle line:84% is that I mentioned earlier that you 00:36:51.250 --> 00:36:55.210 align:middle line:84% do have the ability to export to Microsoft products. 00:36:55.210 --> 00:36:58.170 align:middle line:84% When you create an accessible Google Doc 00:36:58.170 --> 00:37:03.880 align:middle line:84% version using heading levels and assigning alt text, 00:37:03.880 --> 00:37:07.720 align:middle line:84% Google Docs is still pretty much in its infancy, 00:37:07.720 --> 00:37:10.180 align:middle line:84% and the developers haven't really 00:37:10.180 --> 00:37:14.260 align:middle line:84% perfected that to the point where it will role map. 00:37:14.260 --> 00:37:18.370 align:middle line:84% If you output that from a Google Doc to a Word document, 00:37:18.370 --> 00:37:24.070 align:middle line:84% those markups will not be included, 00:37:24.070 --> 00:37:29.110 align:middle line:84% just because Google Docs has not incorporated that 00:37:29.110 --> 00:37:30.580 align:middle line:90% into their product yet. 00:37:30.580 --> 00:37:33.630 align:middle line:84% So it's great when you're working 00:37:33.630 --> 00:37:35.510 align:middle line:90% as a collaborative tool. 00:37:35.510 --> 00:37:37.210 align:middle line:84% But when you have a finished product, 00:37:37.210 --> 00:37:38.710 align:middle line:84% then you want to have somebody who's 00:37:38.710 --> 00:37:41.020 align:middle line:84% going to be in charge of that finished product, 00:37:41.020 --> 00:37:44.530 align:middle line:84% export that to a Microsoft Word document, 00:37:44.530 --> 00:37:50.710 align:middle line:84% and then run the accessibility tools within Microsoft Word 00:37:50.710 --> 00:37:55.770 align:middle line:84% in order to make sure that the final product is accessible. 00:37:55.770 --> 00:37:57.190 align:middle line:90% So let's see. 00:37:57.190 --> 00:37:59.220 align:middle line:90% So that is all I have for you. 00:37:59.220 --> 00:38:01.860 align:middle line:90% I've got some resources here. 00:38:01.860 --> 00:38:06.890 align:middle line:84% So this is a link to making your Word documents accessible. 00:38:06.890 --> 00:38:10.475 align:middle line:84% So I'm going to go ahead and click on this. 00:38:10.475 --> 00:38:13.310 align:middle line:90% It just opened up over here. 00:38:13.310 --> 00:38:15.590 align:middle line:84% So this gives a little bit more information 00:38:15.590 --> 00:38:18.470 align:middle line:84% from Microsoft about best practices 00:38:18.470 --> 00:38:20.960 align:middle line:84% for making your Word documents accessible. 00:38:20.960 --> 00:38:27.140 align:middle line:84% It's a lot about what we talked about in my presentation. 00:38:27.140 --> 00:38:33.050 align:middle line:84% Let's see, making sure that you have accessible text format. 00:38:33.050 --> 00:38:35.120 align:middle line:84% So it gives some really good information there. 00:38:35.120 --> 00:38:37.940 align:middle line:90% 00:38:37.940 --> 00:38:39.710 align:middle line:90% Let's see what's here. 00:38:39.710 --> 00:38:42.495 align:middle line:90% 00:38:42.495 --> 00:38:44.870 align:middle line:84% BRIANNA BLASER: I encourage folks, if you have questions, 00:38:44.870 --> 00:38:49.820 align:middle line:84% you can type them into the chat so that Gaby can answer them. 00:38:49.820 --> 00:38:51.660 align:middle line:90% GABY DE JONGH: Yeah. 00:38:51.660 --> 00:38:53.520 align:middle line:84% And then I've also included a link here 00:38:53.520 --> 00:38:58.180 align:middle line:84% for effective practices for description of science content. 00:38:58.180 --> 00:39:00.210 align:middle line:84% And I'm going to go ahead and click on that. 00:39:00.210 --> 00:39:02.640 align:middle line:84% And that just gives really great examples-- 00:39:02.640 --> 00:39:05.640 align:middle line:90% 00:39:05.640 --> 00:39:13.930 align:middle line:84% let's see here-- of how you can explain a bar chart. 00:39:13.930 --> 00:39:17.610 align:middle line:84% So this gives an example of a bar chart, guidelines 00:39:17.610 --> 00:39:24.720 align:middle line:84% for how to write the descriptions for a bar chart, 00:39:24.720 --> 00:39:27.750 align:middle line:84% and then this is the example of how this bar 00:39:27.750 --> 00:39:29.053 align:middle line:90% chart would be described. 00:39:29.053 --> 00:39:31.220 align:middle line:84% So it gives some really good information about that. 00:39:31.220 --> 00:39:33.870 align:middle line:90% 00:39:33.870 --> 00:39:36.290 align:middle line:90% So that's all I have. 00:39:36.290 --> 00:39:39.210 align:middle line:84% And if you have any more questions for me, 00:39:39.210 --> 00:39:41.690 align:middle line:84% you can feel free to email me at gabyd@uw.edu. 00:39:41.690 --> 00:39:46.880 align:middle line:90% 00:39:46.880 --> 00:39:47.650 align:middle line:90% Sorry. 00:39:47.650 --> 00:39:50.840 align:middle line:84% And in the meantime, you can go ahead and ask questions 00:39:50.840 --> 00:39:53.000 align:middle line:84% in the chat, and I'll take a look at those, too. 00:39:53.000 --> 00:39:55.598 align:middle line:90% Hold on. 00:39:55.598 --> 00:39:57.390 align:middle line:84% BRIANNA BLASER: And I am working on getting 00:39:57.390 --> 00:39:58.882 align:middle line:90% those links in the chat. 00:39:58.882 --> 00:40:00.090 align:middle line:90% They'll be there momentarily. 00:40:00.090 --> 00:40:00.840 align:middle line:90% GABY DE JONGH: OK. 00:40:00.840 --> 00:40:05.060 align:middle line:90% 00:40:05.060 --> 00:40:06.890 align:middle line:84% And my computer just went to sleep. 00:40:06.890 --> 00:40:08.750 align:middle line:90% That's really weird. 00:40:08.750 --> 00:40:10.095 align:middle line:90% There we go. 00:40:10.095 --> 00:40:10.595 align:middle line:90% OK. 00:40:10.595 --> 00:40:14.670 align:middle line:90% 00:40:14.670 --> 00:40:18.390 align:middle line:84% So it looks like I have a question here from Abigail. 00:40:18.390 --> 00:40:21.720 align:middle line:84% Is the Ally plugin automatically installed on Canvas, 00:40:21.720 --> 00:40:23.400 align:middle line:84% or is this something that Canvas users 00:40:23.400 --> 00:40:25.390 align:middle line:90% have to upload individually? 00:40:25.390 --> 00:40:28.320 align:middle line:84% So it's actually an enterprise solution. 00:40:28.320 --> 00:40:31.530 align:middle line:84% Ally plugin is an enterprise solution. 00:40:31.530 --> 00:40:37.110 align:middle line:84% So we had to purchase Ally for our entire campus 00:40:37.110 --> 00:40:40.020 align:middle line:84% in order to take advantage of it, 00:40:40.020 --> 00:40:49.920 align:middle line:84% and it was deployed as a widespread solution 00:40:49.920 --> 00:40:55.620 align:middle line:84% so that all of the courses have access to Ally. 00:40:55.620 --> 00:40:57.690 align:middle line:84% And that's something that you want 00:40:57.690 --> 00:41:00.610 align:middle line:84% to do at the institutional level. 00:41:00.610 --> 00:41:02.090 align:middle line:90% BRIANNA BLASER: Thank you. 00:41:02.090 --> 00:41:03.630 align:middle line:90% GABY DE JONGH: OK. 00:41:03.630 --> 00:41:04.910 align:middle line:90% Oh, yes. 00:41:04.910 --> 00:41:07.890 align:middle line:84% Avis says, will you please share the links in the chat? 00:41:07.890 --> 00:41:08.390 align:middle line:90% OK, yeah. 00:41:08.390 --> 00:41:10.730 align:middle line:84% It looks like Brianna, you're working on that. 00:41:10.730 --> 00:41:12.220 align:middle line:90% BRIANNA BLASER: I am. 00:41:12.220 --> 00:41:12.980 align:middle line:90% GABY DE JONGH: OK. 00:41:12.980 --> 00:41:16.220 align:middle line:84% And Caitlin says, we use a third-party website 00:41:16.220 --> 00:41:19.640 align:middle line:84% for some homework in a class I teach. 00:41:19.640 --> 00:41:22.840 align:middle line:84% How can I determine if it is accessible to start? 00:41:22.840 --> 00:41:25.070 align:middle line:84% Can a screen reader appropriately 00:41:25.070 --> 00:41:26.750 align:middle line:90% communicate the content? 00:41:26.750 --> 00:41:30.230 align:middle line:90% 00:41:30.230 --> 00:41:33.530 align:middle line:90% So that's a good question. 00:41:33.530 --> 00:41:36.160 align:middle line:90% There's a lot to unpack there. 00:41:36.160 --> 00:41:38.290 align:middle line:84% I'm going to start off with the first part. 00:41:38.290 --> 00:41:41.920 align:middle line:84% How can you determine if it is accessible? 00:41:41.920 --> 00:41:45.730 align:middle line:84% You probably need to have somebody from your IT 00:41:45.730 --> 00:41:49.480 align:middle line:84% department or if you have Disability Services 00:41:49.480 --> 00:41:54.340 align:middle line:84% or if you have an accessibility IT department 00:41:54.340 --> 00:41:56.380 align:middle line:84% in your institution, you probably 00:41:56.380 --> 00:41:59.510 align:middle line:84% want to ask them and see if they can help you out with that. 00:41:59.510 --> 00:42:01.540 align:middle line:84% That does require a bit of skill in order 00:42:01.540 --> 00:42:06.280 align:middle line:84% to determine whether or not that third-party is 00:42:06.280 --> 00:42:08.330 align:middle line:90% accessible or not. 00:42:08.330 --> 00:42:10.620 align:middle line:84% So there's a lot that goes into that. 00:42:10.620 --> 00:42:12.370 align:middle line:84% And if you have more questions about that, 00:42:12.370 --> 00:42:14.785 align:middle line:84% Caitlin, then you can email me directly 00:42:14.785 --> 00:42:19.060 align:middle line:84% and we can talk about how would you go about that. 00:42:19.060 --> 00:42:20.860 align:middle line:84% What department in your institution 00:42:20.860 --> 00:42:23.290 align:middle line:84% would you need to interact with in order 00:42:23.290 --> 00:42:26.020 align:middle line:84% to get the help that you need to determine whether or not 00:42:26.020 --> 00:42:28.406 align:middle line:90% that website is accessible? 00:42:28.406 --> 00:42:32.260 align:middle line:90% 00:42:32.260 --> 00:42:32.760 align:middle line:90% OK. 00:42:32.760 --> 00:42:38.410 align:middle line:84% Looks Brianna's pasted a couple of links there. 00:42:38.410 --> 00:42:39.752 align:middle line:90% Any other questions? 00:42:39.752 --> 00:42:49.730 align:middle line:90% 00:42:49.730 --> 00:42:52.370 align:middle line:84% BRIANNA BLASER: I was just going to say that UW accessibility 00:42:52.370 --> 00:42:55.940 align:middle line:84% page has tons of good resources on this that I send folks 00:42:55.940 --> 00:42:56.720 align:middle line:90% to all the time. 00:42:56.720 --> 00:43:02.452 align:middle line:84% So that link that I put into the chat for the captioning, 00:43:02.452 --> 00:43:04.910 align:middle line:84% if you go through there, you can find other great resources 00:43:04.910 --> 00:43:09.142 align:middle line:84% that Gaby and her colleagues put together. 00:43:09.142 --> 00:43:10.850 align:middle line:84% GABY DE JONGH: And we always update them. 00:43:10.850 --> 00:43:13.460 align:middle line:84% These tools are changing, and they're 00:43:13.460 --> 00:43:17.480 align:middle line:84% getting better and better, which is great to hear. 00:43:17.480 --> 00:43:21.290 align:middle line:84% So as they are increasing in their ability 00:43:21.290 --> 00:43:24.920 align:middle line:84% to create accessible content, we do update the information 00:43:24.920 --> 00:43:27.890 align:middle line:84% that Brianna has shared in the links page. 00:43:27.890 --> 00:43:29.390 align:middle line:84% BRIANNA BLASER: Gaby, two questions. 00:43:29.390 --> 00:43:32.450 align:middle line:84% One is, are you willing to share the slides? 00:43:32.450 --> 00:43:36.218 align:middle line:84% GABY DE JONGH: Yeah, I'm happy to share those slides. 00:43:36.218 --> 00:43:38.260 align:middle line:84% Should I send them to you and then you can share? 00:43:38.260 --> 00:43:38.340 align:middle line:90% BRIANNA BLASER: Yeah. 00:43:38.340 --> 00:43:39.715 align:middle line:84% If you send them to me via email, 00:43:39.715 --> 00:43:41.930 align:middle line:84% I will email them to everybody with the evaluation. 00:43:41.930 --> 00:43:42.930 align:middle line:90% GABY DE JONGH: OK, yeah. 00:43:42.930 --> 00:43:43.952 align:middle line:90% Great. 00:43:43.952 --> 00:43:44.660 align:middle line:90% Happy to do that. 00:43:44.660 --> 00:43:46.658 align:middle line:90% 00:43:46.658 --> 00:43:48.200 align:middle line:84% BRIANNA BLASER: I also got a question 00:43:48.200 --> 00:43:51.230 align:middle line:84% privately over the chat about, how would you 00:43:51.230 --> 00:43:54.500 align:middle line:84% suggest working with faculty who are creating 00:43:54.500 --> 00:43:57.200 align:middle line:90% homegrown educational tools? 00:43:57.200 --> 00:43:59.733 align:middle line:84% What sorts of resources would you share with them? 00:43:59.733 --> 00:44:01.350 align:middle line:90% GABY DE JONGH: Oh, wow. 00:44:01.350 --> 00:44:03.130 align:middle line:90% That's a great one. 00:44:03.130 --> 00:44:06.000 align:middle line:84% We're actually trying to dissuade a lot of our faculty 00:44:06.000 --> 00:44:09.990 align:middle line:84% here at the University from using homegrown tools 00:44:09.990 --> 00:44:13.830 align:middle line:84% because we can't address the accessibility 00:44:13.830 --> 00:44:15.520 align:middle line:90% of those homegrown tools. 00:44:15.520 --> 00:44:22.440 align:middle line:84% So in order to kind of approach that, I would ask the faculty-- 00:44:22.440 --> 00:44:26.900 align:middle line:90% 00:44:26.900 --> 00:44:27.400 align:middle line:90% let's see. 00:44:27.400 --> 00:44:33.750 align:middle line:90% 00:44:33.750 --> 00:44:39.230 align:middle line:84% And this is a very pedagogical approach. 00:44:39.230 --> 00:44:42.860 align:middle line:84% The information that they're trying to convey using these 00:44:42.860 --> 00:44:45.170 align:middle line:90% third-party solutions-- 00:44:45.170 --> 00:44:49.370 align:middle line:84% have they done any research as to the accessibility 00:44:49.370 --> 00:44:52.070 align:middle line:90% of those tools? 00:44:52.070 --> 00:44:54.800 align:middle line:90% And they may or may not have. 00:44:54.800 --> 00:44:58.325 align:middle line:84% At least it gets them thinking about that, 00:44:58.325 --> 00:45:01.700 align:middle line:84% that they may need to think about if they're using tools 00:45:01.700 --> 00:45:05.000 align:middle line:84% on their own, have they done the research 00:45:05.000 --> 00:45:07.430 align:middle line:84% in making sure that these tools are usable 00:45:07.430 --> 00:45:09.500 align:middle line:84% not just by individuals with disabilities, 00:45:09.500 --> 00:45:11.750 align:middle line:84% but individuals who don't have disabilities? 00:45:11.750 --> 00:45:14.120 align:middle line:84% Sometimes tools are just poorly designed, 00:45:14.120 --> 00:45:17.370 align:middle line:84% or may not make sense to everybody. 00:45:17.370 --> 00:45:20.375 align:middle line:84% So have those tools been thoroughly vetted? 00:45:20.375 --> 00:45:23.593 align:middle line:90% 00:45:23.593 --> 00:45:24.260 align:middle line:90% Stuff like that. 00:45:24.260 --> 00:45:26.923 align:middle line:90% 00:45:26.923 --> 00:45:27.840 align:middle line:90% BRIANNA BLASER: Great. 00:45:27.840 --> 00:45:30.700 align:middle line:90% Thank you. 00:45:30.700 --> 00:45:32.440 align:middle line:84% Well, not seeing any other questions, 00:45:32.440 --> 00:45:35.050 align:middle line:84% join me in thanking Gaby for this presentation. 00:45:35.050 --> 00:45:38.170 align:middle line:84% And I will follow up the email with all of you. 00:45:38.170 --> 00:45:39.818 align:middle line:90% Thanks a lot. 00:45:39.818 --> 00:45:40.860 align:middle line:90% GABY DE JONGH: Thank you. 00:45:40.860 --> 00:45:42.410 align:middle line:90% BRIANNA BLASER: Bye-bye. 00:45:42.410 --> 00:45:44.035 align:middle line:90%