WEBVTT 1 00:00:05.100 --> 00:00:12.000 <00:00:05.100>It <00:00:06.500>alright, 2 00:00:09.000 --> 00:00:12.700 welcome 3 00:00:12.700 --> 00:00:15.400 <00:00:12.700>everybody. <00:00:12.933>Thanks <00:00:13.166>so <00:00:13.399>much <00:00:13.633>for <00:00:13.866>joining <00:00:14.100>my 4 00:00:15.400 --> 00:00:18.600 <00:00:15.400>talk. <00:00:15.633>My <00:00:15.866>name <00:00:16.100>is <00:00:16.333>constantiniva. <00:00:16.566>I'm <00:00:16.800>going 5 00:00:18.600 --> 00:00:21.900 <00:00:18.600>to <00:00:18.800>present <00:00:19.000>to <00:00:19.200>you <00:00:19.400>the <00:00:19.600>who <00:00:19.800>the <00:00:20.000>what 6 00:00:21.900 --> 00:00:25.400 <00:00:21.900>why <00:00:22.133>who <00:00:22.366>and <00:00:22.599>how <00:00:22.833>of <00:00:23.066>accessibility <00:00:23.299>on 7 00:00:24.400 --> 00:00:25.800 <00:00:24.400>the <00:00:25.660>web. 8 00:00:26.600 --> 00:00:29.300 <00:00:26.600>I <00:00:26.775>work <00:00:26.950>as <00:00:27.125>a <00:00:27.300>software <00:00:27.475>engineer <00:00:27.650>at <00:00:27.825>Lena <00:00:28.000>X 9 00:00:29.300 --> 00:00:32.700 <00:00:29.300>where <00:00:29.455>I <00:00:29.611>build <00:00:29.766>front <00:00:29.922>ends <00:00:30.077>using <00:00:30.233>the <00:00:30.388>angular <00:00:30.544>framework <00:00:30.700>and 10 00:00:32.700 --> 00:00:35.900 <00:00:32.700>I <00:00:32.875>like <00:00:33.050>to <00:00:33.225>build <00:00:33.400>my <00:00:33.575>front <00:00:33.750>end <00:00:33.925>accessible <00:00:34.100>and 11 00:00:35.900 --> 00:00:38.200 <00:00:35.900>today <00:00:36.180>I <00:00:36.460>want <00:00:36.739>to <00:00:37.019>show <00:00:37.300>you 12 00:00:38.200 --> 00:00:40.800 <00:00:38.200>how <00:00:38.480>you <00:00:38.760>can <00:00:39.040>also <00:00:39.320>do <00:00:39.600>that. 13 00:00:42.400 --> 00:00:42.700 now 14 00:00:44.400 --> 00:00:45.500 <00:00:44.400>who <00:00:44.565>am <00:00:44.730>I <00:00:44.894>to <00:00:45.060>talk <00:00:45.225>about <00:00:45.390>it? 15 00:00:46.200 --> 00:00:49.500 <00:00:46.200>I'm <00:00:46.355>not <00:00:46.511>an <00:00:46.666>accessibility <00:00:46.822>expert <00:00:46.977>I <00:00:47.133>would <00:00:47.288>consider <00:00:47.444>myself <00:00:47.600>an 16 00:00:49.500 --> 00:00:52.200 <00:00:49.500>accessibility <00:00:49.655>nerd <00:00:49.811>on <00:00:49.966>this <00:00:50.122>slide. <00:00:50.277>You <00:00:50.433>can <00:00:50.588>see <00:00:50.744>a <00:00:50.900>picture 17 00:00:52.200 --> 00:00:57.400 <00:00:52.200>of <00:00:52.327>me <00:00:52.454>pretending <00:00:52.581>to <00:00:52.709>use <00:00:52.836>a <00:00:52.963>screen <00:00:53.090>reader <00:00:53.218>while <00:00:53.345>being <00:00:53.472>blindfolded <00:00:53.600>but 18 00:00:55.400 --> 00:00:59.600 <00:00:55.400>I've <00:00:56.800>started 19 00:00:59.600 --> 00:01:03.200 <00:00:59.600>my <00:00:59.880>accessibility <00:01:00.160>journey <00:01:00.440>in <00:01:00.720>2015 <00:01:01.000>where 20 00:01:02.200 --> 00:01:05.400 <00:01:02.200>I <00:01:02.375>was <00:01:02.550>working <00:01:02.725>at <00:01:02.900>a <00:01:03.075>web <00:01:03.250>agency <00:01:03.425>and <00:01:03.600>one 21 00:01:05.400 --> 00:01:08.800 <00:01:05.400>of <00:01:05.540>our <00:01:05.680>clients <00:01:05.820>was <00:01:05.960>the <00:01:06.100>minds. <00:01:06.240>I'm <00:01:06.380>a <00:01:06.520>bundes <00:01:06.660>alsoos. <00:01:06.800>That's 22 00:01:08.800 --> 00:01:12.300 <00:01:08.800>a <00:01:08.975>public <00:01:09.149>agency. <00:01:09.325>They <00:01:09.500>need <00:01:09.675>to <00:01:09.850>approve <00:01:10.024>medical <00:01:10.200>products 23 00:01:11.300 --> 00:01:14.700 <00:01:11.300>in <00:01:11.649>Germany <00:01:12.000>and <00:01:12.350>such <00:01:12.700>public 24 00:01:14.700 --> 00:01:17.500 <00:01:14.700>agencies <00:01:14.980>when <00:01:15.260>they <00:01:15.540>have <00:01:15.820>they <00:01:16.100>provide 25 00:01:17.500 --> 00:01:21.000 <00:01:17.500>web <00:01:17.700>services. <00:01:17.900>They <00:01:18.100>need <00:01:18.300>to <00:01:18.500>be <00:01:18.700>accessible <00:01:18.900>by 26 00:01:20.000 --> 00:01:21.500 law. 27 00:01:22.200 --> 00:01:26.200 <00:01:22.200>No <00:01:22.550>negotiation <00:01:22.900>possible <00:01:23.250>and <00:01:23.600>I 28 00:01:25.200 --> 00:01:28.900 <00:01:25.200>also <00:01:25.433>blogged <00:01:25.666>about <00:01:25.900>this <00:01:26.133>topic <00:01:26.366>so <00:01:26.600>you 29 00:01:28.900 --> 00:01:31.900 <00:01:28.900>can <00:01:29.075>read <00:01:29.250>more <00:01:29.425>about <00:01:29.600>this <00:01:29.775>on <00:01:29.950>the <00:01:30.125>Linux <00:01:30.300>engineering 30 00:01:31.900 --> 00:01:32.200 blog. 31 00:01:33.300 --> 00:01:36.700 <00:01:33.300>now <00:01:33.500>let's <00:01:33.700>get <00:01:33.899>into <00:01:34.100>the <00:01:34.300>talk <00:01:34.500>and <00:01:34.700>I 32 00:01:36.700 --> 00:01:38.400 <00:01:36.700>want <00:01:37.050>to <00:01:37.400>reward <00:01:37.750>you <00:01:38.100>for 33 00:01:40.200 --> 00:01:43.500 <00:01:40.200>taking <00:01:40.375>the <00:01:40.550>time <00:01:40.725>to <00:01:40.900>come <00:01:41.075>to <00:01:41.250>this <00:01:41.425>talk <00:01:41.600>at 34 00:01:43.500 --> 00:01:46.800 <00:01:43.500>this <00:01:43.640>time <00:01:43.780>of <00:01:43.920>the <00:01:44.060>day <00:01:44.200>after <00:01:44.340>watching <00:01:44.480>many <00:01:44.620>many <00:01:44.760>talks. <00:01:44.900>So 35 00:01:46.800 --> 00:01:50.000 <00:01:46.800>I <00:01:46.975>had <00:01:47.149>the <00:01:47.325>idea <00:01:47.500>to <00:01:47.675>take <00:01:47.850>you <00:01:48.024>all <00:01:48.200>on 36 00:01:49.500 --> 00:01:52.300 <00:01:49.500>a <00:01:49.850>beach <00:01:50.200>vacation. <00:01:50.550>We're <00:01:50.900>going 37 00:01:52.300 --> 00:01:54.600 <00:01:52.300>to <00:01:52.649>the <00:01:53.000>accessibility <00:01:53.350>Beach <00:01:53.700>and 38 00:01:55.900 --> 00:01:58.400 <00:01:55.900>Yeah, <00:01:56.100>we'll <00:01:56.300>just <00:01:56.500>have <00:01:56.700>enjoy <00:01:56.900>some <00:01:57.100>some <00:01:57.300>nice 39 00:01:58.400 --> 00:02:00.900 <00:01:58.400>views <00:01:58.750>and <00:01:59.100>learn <00:01:59.450>about <00:01:59.800>accessibility. 40 00:02:02.400 --> 00:02:05.300 <00:02:02.400>There <00:02:02.575>we <00:02:02.750>go. <00:02:02.925>I <00:02:03.100>just <00:02:03.275>took <00:02:03.450>this <00:02:03.625>picture <00:02:03.800>last 41 00:02:05.300 --> 00:02:06.500 <00:02:05.300>week <00:02:05.840>in <00:02:06.380>France. 42 00:02:07.300 --> 00:02:07.500 So 43 00:02:08.800 --> 00:02:10.700 <00:02:08.800>what <00:02:09.500>is <00:02:10.200>accessibility? 44 00:02:12.400 --> 00:02:12.700 <00:02:12.400>the <00:02:12.670>the 45 00:02:14.400 --> 00:02:18.700 <00:02:14.400>notion <00:02:14.633>of <00:02:14.866>of <00:02:15.100>this <00:02:15.333>speech <00:02:15.566>is <00:02:15.800>I 46 00:02:17.700 --> 00:02:19.300 <00:02:17.700>chose <00:02:18.399>it <00:02:19.100>because 47 00:02:20.200 --> 00:02:23.900 <00:02:20.200>you <00:02:20.339>can <00:02:20.480>think <00:02:20.619>about <00:02:20.760>your <00:02:20.899>web <00:02:21.040>knowledge <00:02:21.179>as <00:02:21.320>an <00:02:21.459>island. <00:02:21.600>And 48 00:02:23.900 --> 00:02:26.800 <00:02:23.900>if <00:02:24.366>you <00:02:24.833>learn <00:02:25.300>more 49 00:02:26.800 --> 00:02:30.400 <00:02:26.800>things <00:02:27.033>about <00:02:27.266>the <00:02:27.500>web <00:02:27.733>about <00:02:27.966>accessibility <00:02:28.200>your 50 00:02:29.400 --> 00:02:32.600 <00:02:29.400>Island <00:02:29.680>grows <00:02:29.960>and <00:02:30.240>the <00:02:30.520>Sea <00:02:30.800>around 51 00:02:32.600 --> 00:02:34.800 <00:02:32.600>it <00:02:32.950>that <00:02:33.299>is <00:02:33.650>unknown <00:02:34.000>stuff. 52 00:02:35.600 --> 00:02:38.400 <00:02:35.600>And <00:02:35.880>as <00:02:36.160>your <00:02:36.440>Island <00:02:36.720>grows, <00:02:37.000>so 53 00:02:38.400 --> 00:02:41.200 <00:02:38.400>does <00:02:38.527>the <00:02:38.654>beach <00:02:38.781>and <00:02:38.909>you <00:02:39.036>can <00:02:39.163>think <00:02:39.290>about <00:02:39.418>it <00:02:39.545>in <00:02:39.672>a <00:02:39.800>way 54 00:02:41.200 --> 00:02:44.400 <00:02:41.200>that <00:02:41.433>the <00:02:41.666>longer <00:02:41.899>your <00:02:42.133>Beach <00:02:42.366>the <00:02:42.600>more? 55 00:02:45.200 --> 00:02:47.200 <00:02:45.200>questions <00:02:45.666>you <00:02:46.133>can <00:02:46.600>discover 56 00:02:48.100 --> 00:02:51.400 <00:02:48.100>and <00:02:48.275>this <00:02:48.450>is <00:02:48.625>can <00:02:48.799>be <00:02:48.975>applied <00:02:49.150>to <00:02:49.325>any <00:02:49.500>kind 57 00:02:51.400 --> 00:02:54.300 <00:02:51.400>of <00:02:51.555>topic <00:02:51.711>that <00:02:51.866>you <00:02:52.022>want <00:02:52.177>to <00:02:52.333>learn <00:02:52.488>and <00:02:52.644>it <00:02:52.800>really 58 00:02:54.300 --> 00:02:57.800 <00:02:54.300>gets <00:02:54.533>me <00:02:54.766>excited <00:02:55.000>to <00:02:55.233>get <00:02:55.466>dig <00:02:55.700>deeper 59 00:02:57.800 --> 00:03:00.900 <00:02:57.800>into <00:02:58.150>topics <00:02:58.500>to <00:02:58.850>ask <00:02:59.200>even 60 00:03:00.900 --> 00:03:04.000 <00:03:00.900>better <00:03:01.366>questions. <00:03:01.833>And <00:03:02.300>what 61 00:03:03.300 --> 00:03:06.100 <00:03:03.300>I <00:03:03.440>would <00:03:03.580>like <00:03:03.720>to <00:03:03.860>inspire <00:03:04.000>is <00:03:04.140>for <00:03:04.280>you <00:03:04.420>to <00:03:04.560>start <00:03:04.700>the 62 00:03:06.100 --> 00:03:09.600 <00:03:06.100>same <00:03:06.333>accessibility <00:03:06.566>Journey <00:03:06.799>that <00:03:07.033>I <00:03:07.266>have <00:03:07.500>started 63 00:03:09.600 --> 00:03:11.200 <00:03:09.600>in <00:03:11.000>2015. 64 00:03:13.100 --> 00:03:16.800 <00:03:13.100>So <00:03:13.255>let's <00:03:13.411>start <00:03:13.566>off <00:03:13.722>with <00:03:13.877>the <00:03:14.033>what <00:03:14.188>what <00:03:14.344>is <00:03:14.500>accessibility? 65 00:03:18.800 --> 00:03:19.400 <00:03:18.800>in <00:03:19.340>short 66 00:03:20.100 --> 00:03:23.300 <00:03:20.100>web <00:03:20.380>accessibility <00:03:20.660>is <00:03:20.940>about <00:03:21.220>enabling <00:03:21.500>all 67 00:03:23.300 --> 00:03:26.600 <00:03:23.300>humans <00:03:23.533>to <00:03:23.766>use <00:03:24.000>web <00:03:24.233>services <00:03:24.466>regardless <00:03:24.700>of 68 00:03:26.600 --> 00:03:29.500 <00:03:26.600>their <00:03:26.950>physical <00:03:27.299>or <00:03:27.650>situational <00:03:28.000>disability. 69 00:03:30.100 --> 00:03:34.200 <00:03:30.100>And <00:03:30.275>we'll <00:03:30.450>get <00:03:30.625>into <00:03:30.799>that <00:03:30.975>right <00:03:31.150>away <00:03:31.325>after <00:03:31.500>we 70 00:03:33.200 --> 00:03:37.100 <00:03:33.200>talk <00:03:33.480>about <00:03:33.760>the <00:03:34.040>term <00:03:34.320>disability <00:03:34.600>itself. 71 00:03:38.400 --> 00:03:41.300 <00:03:38.400>What <00:03:38.633>does <00:03:38.866>disability <00:03:39.100>mean <00:03:39.333>and <00:03:39.566>I <00:03:39.800>have 72 00:03:41.300 --> 00:03:44.300 <00:03:41.300>found <00:03:41.533>a <00:03:41.766>definition <00:03:42.000>that <00:03:42.233>I <00:03:42.466>like <00:03:42.700>quite 73 00:03:44.300 --> 00:03:48.200 <00:03:44.300>a <00:03:44.533>lot <00:03:44.766>in <00:03:45.000>a <00:03:45.233>paper. <00:03:45.466>It's <00:03:45.700>disability 74 00:03:47.200 --> 00:03:50.300 <00:03:47.200>emerges <00:03:47.666>where <00:03:48.133>there <00:03:48.600>is 75 00:03:50.300 --> 00:03:54.100 <00:03:50.300>a <00:03:50.650>mismatch <00:03:51.000>between <00:03:51.350>individual <00:03:51.700>capacities 76 00:03:53.100 --> 00:03:56.200 <00:03:53.100>and <00:03:53.799>environmental <00:03:54.500>demands. 77 00:03:56.900 --> 00:03:59.600 <00:03:56.900>If <00:03:57.133>we <00:03:57.366>would <00:03:57.600>all <00:03:57.833>be <00:03:58.066>deaf, <00:03:58.300>we 78 00:03:59.600 --> 00:04:02.300 <00:03:59.600>might <00:03:59.950>not <00:04:00.299>have <00:04:00.650>stairs <00:04:01.000>because 79 00:04:02.300 --> 00:04:05.400 <00:04:02.300>deaf <00:04:02.533>people <00:04:02.766>can <00:04:03.000>communicate <00:04:03.233>better <00:04:03.466>while <00:04:03.700>walking 80 00:04:05.400 --> 00:04:10.100 <00:04:05.400>when <00:04:05.575>they're <00:04:05.750>walking <00:04:05.925>on <00:04:06.100>ramps <00:04:06.275>things <00:04:06.450>like <00:04:06.625>that. <00:04:06.800>And 81 00:04:08.100 --> 00:04:11.600 <00:04:08.100>that's <00:04:09.500>a 82 00:04:11.600 --> 00:04:14.000 <00:04:11.600>nice <00:04:11.799>way <00:04:12.000>to <00:04:12.200>think <00:04:12.400>about <00:04:12.600>it. <00:04:12.799>A <00:04:13.000>lot 83 00:04:14.200 --> 00:04:17.700 <00:04:14.200>of <00:04:14.375>our <00:04:14.549>products <00:04:14.725>are <00:04:14.899>inaccessible <00:04:15.075>because <00:04:15.250>the <00:04:15.424>people <00:04:15.600>who 84 00:04:17.700 --> 00:04:20.400 <00:04:17.700>don't <00:04:18.166>face <00:04:18.633>the <00:04:19.099>struggles 85 00:04:20.400 --> 00:04:22.200 <00:04:20.399>of <00:04:20.866>people <00:04:21.333>with <00:04:21.799>disabilities. 86 00:04:23.200 --> 00:04:23.400 don't 87 00:04:24.800 --> 00:04:27.900 <00:04:24.800>Have <00:04:24.955>the <00:04:25.111>empathy <00:04:25.266>out <00:04:25.422>of <00:04:25.577>the <00:04:25.733>box <00:04:25.888>and <00:04:26.044>why <00:04:26.200>would 88 00:04:27.900 --> 00:04:30.600 <00:04:27.900>they <00:04:28.075>this <00:04:28.250>is <00:04:28.424>why <00:04:28.599>it's <00:04:28.775>important <00:04:28.950>to <00:04:29.125>inform <00:04:29.299>ourselves 89 00:04:30.600 --> 00:04:33.200 <00:04:30.600>actively <00:04:30.833>about <00:04:31.066>the <00:04:31.300>challenges <00:04:31.533>that <00:04:31.766>people <00:04:32.000>with 90 00:04:33.200 --> 00:04:34.300 <00:04:33.200>disabilities <00:04:34.190>face. 91 00:04:37.400 --> 00:04:41.000 <00:04:37.400>There's <00:04:37.679>a <00:04:37.960>nonprofit <00:04:38.239>organization <00:04:38.520>that <00:04:38.799>focuses 92 00:04:40.400 --> 00:04:43.600 <00:04:40.400>on <00:04:40.599>web <00:04:40.799>accessibility. <00:04:41.000>It's <00:04:41.200>called <00:04:41.400>Web <00:04:41.599>aim <00:04:41.799>and 93 00:04:43.600 --> 00:04:47.500 <00:04:43.600>they <00:04:43.950>differentiate <00:04:44.300>four <00:04:44.650>categories <00:04:45.000>of 94 00:04:46.500 --> 00:04:50.100 <00:04:46.500>disabilities. <00:04:47.200>There's <00:04:47.900>visual 95 00:04:49.100 --> 00:04:52.800 <00:04:49.100>disabilities, <00:04:49.566>like <00:04:50.033>low <00:04:50.500>vision 96 00:04:52.800 --> 00:04:57.000 <00:04:52.800>blindness <00:04:53.150>color <00:04:53.500>blindness. <00:04:53.850>There's <00:04:54.200>hearing 97 00:04:55.000 --> 00:04:57.500 disabilities. 98 00:04:58.400 --> 00:05:01.900 <00:04:58.400>There's <00:04:58.866>motor <00:04:59.333>disabilities <00:04:59.799>such 99 00:05:01.900 --> 00:05:04.500 <00:05:01.900>as <00:05:02.250>a <00:05:02.599>limited <00:05:02.950>motion <00:05:03.299>or 100 00:05:05.400 --> 00:05:06.700 <00:05:05.400>Not <00:05:05.789>even <00:05:06.180>having <00:05:06.570>arms. 101 00:05:08.500 --> 00:05:10.900 <00:05:08.500>And <00:05:08.966>finally <00:05:09.433>cognitive <00:05:09.900>disabilities. 102 00:05:12.300 --> 00:05:13.300 <00:05:12.300>And <00:05:12.750>there's <00:05:13.200>different. 103 00:05:14.900 --> 00:05:17.900 <00:05:14.900>Scenarios <00:05:15.599>that <00:05:16.299>apply 104 00:05:17.900 --> 00:05:20.200 <00:05:17.900>for <00:05:18.250>each <00:05:18.599>category <00:05:18.950>and <00:05:19.299>it's 105 00:05:20.200 --> 00:05:21.800 <00:05:20.200>good <00:05:20.400>to <00:05:20.599>be <00:05:20.800>aware <00:05:21.000>of <00:05:21.200>each <00:05:21.400>of <00:05:21.599>them. 106 00:05:23.400 --> 00:05:26.200 <00:05:23.400>one <00:05:23.555>thing <00:05:23.711>that <00:05:23.866>was <00:05:24.022>also <00:05:24.177>very <00:05:24.333>interesting <00:05:24.488>to <00:05:24.644>me <00:05:24.799>when 107 00:05:26.200 --> 00:05:27.500 <00:05:26.200>I <00:05:26.492>first <00:05:26.784>learned <00:05:27.077>it <00:05:27.370>is 108 00:05:28.500 --> 00:05:31.400 <00:05:28.500>It's <00:05:28.733>really <00:05:28.966>not <00:05:29.200>about <00:05:29.433>people <00:05:29.666>who <00:05:29.900>are 109 00:05:31.400 --> 00:05:34.700 <00:05:31.400>permanently <00:05:31.866>disabled. <00:05:32.333>Especially <00:05:32.799>now 110 00:05:34.700 --> 00:05:37.600 <00:05:34.700>in <00:05:34.933>the <00:05:35.166>pandemic <00:05:35.400>and <00:05:35.633>home <00:05:35.866>office <00:05:36.099>being 111 00:05:37.600 --> 00:05:40.300 <00:05:37.600>on <00:05:37.800>the <00:05:38.000>rise. <00:05:38.200>There's <00:05:38.400>a <00:05:38.600>lot <00:05:38.800>of <00:05:39.000>new. 112 00:05:41.400 --> 00:05:45.000 <00:05:41.400>Situations <00:05:41.633>where <00:05:41.866>people <00:05:42.099>benefit <00:05:42.333>from <00:05:42.566>accessible <00:05:42.799>web 113 00:05:44.600 --> 00:05:47.600 <00:05:44.600>interfaces <00:05:44.880>take <00:05:45.160>for <00:05:45.440>example <00:05:45.720>a <00:05:46.000>parent 114 00:05:47.600 --> 00:05:50.200 <00:05:47.600>who <00:05:47.755>is <00:05:47.911>holding <00:05:48.066>their <00:05:48.222>baby <00:05:48.377>on <00:05:48.533>their <00:05:48.688>right <00:05:48.844>arm, <00:05:49.000>which 115 00:05:50.200 --> 00:05:53.400 <00:05:50.200>they <00:05:50.340>usually <00:05:50.479>use <00:05:50.620>to <00:05:50.760>navigate <00:05:50.900>the <00:05:51.039>mouse <00:05:51.180>and <00:05:51.320>then <00:05:51.460>wanting <00:05:51.599>to 116 00:05:53.400 --> 00:05:56.000 <00:05:53.400>navigate <00:05:53.679>a <00:05:53.960>website <00:05:54.239>using <00:05:54.520>the <00:05:54.799>keyboard. 117 00:05:57.300 --> 00:06:00.300 <00:05:57.300>There's <00:05:57.533>the <00:05:57.766>Microsoft <00:05:58.000>inclusive <00:05:58.233>design <00:05:58.466>toolkit <00:05:58.700>that 118 00:06:00.300 --> 00:06:03.600 <00:06:00.300>provides <00:06:00.650>some <00:06:01.000>very <00:06:01.350>good <00:06:01.700>resources 119 00:06:03.600 --> 00:06:06.500 <00:06:03.600>and <00:06:03.833>one <00:06:04.066>of <00:06:04.300>them <00:06:04.533>is <00:06:04.766>this <00:06:05.000>graphic 120 00:06:06.500 --> 00:06:07.300 <00:06:06.500>which <00:06:06.860>shows <00:06:07.220>you 121 00:06:08.200 --> 00:06:12.700 <00:06:08.200>For <00:06:08.479>each <00:06:08.760>of <00:06:09.039>these <00:06:09.320>disability <00:06:09.599>categories, 122 00:06:12.700 --> 00:06:15.200 <00:06:12.700>what <00:06:12.979>would <00:06:13.260>be <00:06:13.539>a <00:06:13.820>permanent <00:06:14.099>one 123 00:06:15.200 --> 00:06:18.700 <00:06:15.200>a <00:06:15.375>temporary <00:06:15.550>one <00:06:15.724>and <00:06:15.900>a <00:06:16.075>situational <00:06:16.250>one? <00:06:16.425>Another <00:06:16.599>one. 124 00:06:18.700 --> 00:06:21.400 <00:06:18.700>I <00:06:18.900>really <00:06:19.099>like <00:06:19.300>is <00:06:19.500>a <00:06:19.700>person <00:06:19.900>who <00:06:20.099>has 125 00:06:21.400 --> 00:06:24.300 <00:06:21.400>misplaced <00:06:21.555>their <00:06:21.711>glasses. <00:06:21.866>If <00:06:22.022>you <00:06:22.177>can't <00:06:22.333>zoom <00:06:22.488>on <00:06:22.644>a <00:06:22.799>web 126 00:06:24.300 --> 00:06:28.300 <00:06:24.300>page <00:06:24.475>have <00:06:24.650>after <00:06:24.825>you <00:06:25.000>misplaced <00:06:25.175>your <00:06:25.350>glasses. <00:06:25.525>That's <00:06:25.700>quite 127 00:06:27.300 --> 00:06:28.700 annoying. 128 00:06:30.800 --> 00:06:33.300 <00:06:30.800>All <00:06:31.000>right. <00:06:31.200>So <00:06:31.400>we <00:06:31.600>now <00:06:31.800>have <00:06:32.000>a <00:06:32.200>common 129 00:06:33.300 --> 00:06:36.600 <00:06:33.300>understanding <00:06:33.533>of <00:06:33.766>what <00:06:34.000>accessibility <00:06:34.233>is <00:06:34.466>next <00:06:34.700>up. 130 00:06:36.600 --> 00:06:39.800 <00:06:36.600>I'm <00:06:36.800>going <00:06:37.000>to <00:06:37.200>explain <00:06:37.400>to <00:06:37.600>you <00:06:37.800>why <00:06:38.000>you 131 00:06:39.800 --> 00:06:42.700 <00:06:39.800>should <00:06:39.975>care <00:06:40.150>about <00:06:40.325>it. <00:06:40.500>This <00:06:40.675>is <00:06:40.850>especially <00:06:41.025>important <00:06:41.200>when 132 00:06:42.700 --> 00:06:45.900 <00:06:42.700>you <00:06:42.855>want <00:06:43.011>to <00:06:43.166>sell <00:06:43.322>the <00:06:43.477>topic <00:06:43.633>to <00:06:43.788>your <00:06:43.944>managers <00:06:44.099>and 133 00:06:45.900 --> 00:06:49.000 <00:06:45.900>get <00:06:46.179>the <00:06:46.460>investment <00:06:46.739>to <00:06:47.020>actually <00:06:47.299>build 134 00:06:48.900 --> 00:06:50.800 <00:06:48.900>accessible <00:06:49.599>user <00:06:50.299>interfaces. 135 00:06:52.800 --> 00:06:55.700 <00:06:52.800>First <00:06:52.975>and <00:06:53.150>foremost <00:06:53.325>like <00:06:53.500>with <00:06:53.675>any <00:06:53.850>business <00:06:54.025>issue <00:06:54.200>be 136 00:06:55.700 --> 00:06:56.900 <00:06:55.700>about <00:06:56.240>your <00:06:56.780>customers. 137 00:06:57.800 --> 00:07:00.800 <00:06:57.800>Generally, <00:06:58.033>if <00:06:58.266>you <00:06:58.500>build <00:06:58.733>accessible <00:06:58.966>user <00:06:59.200>interfaces, 138 00:07:00.800 --> 00:07:03.400 <00:07:00.800>it <00:07:01.033>will <00:07:01.266>result <00:07:01.500>in <00:07:01.733>a <00:07:01.966>better <00:07:02.200>user 139 00:07:03.400 --> 00:07:04.400 <00:07:03.400>experience <00:07:03.849>as <00:07:04.299>well. 140 00:07:05.900 --> 00:07:08.000 <00:07:05.900>and <00:07:06.599>with <00:07:07.299>accessibility 141 00:07:09.100 --> 00:07:09.300 it's 142 00:07:10.500 --> 00:07:14.000 <00:07:10.500>kind <00:07:10.700>of <00:07:10.900>straightforward. <00:07:11.100>You <00:07:11.300>can <00:07:11.500>reach <00:07:11.700>a <00:07:11.900>wider 143 00:07:13.300 --> 00:07:15.300 <00:07:13.300>range <00:07:14.000>of <00:07:14.700>customers. 144 00:07:16.600 --> 00:07:19.700 <00:07:16.600>For <00:07:16.775>example, <00:07:16.950>I <00:07:17.125>talked <00:07:17.300>about <00:07:17.475>public <00:07:17.650>agencies <00:07:17.825>being <00:07:18.000>required 145 00:07:19.700 --> 00:07:22.500 <00:07:19.700>for <00:07:19.979>the <00:07:20.260>services <00:07:20.539>that <00:07:20.820>they <00:07:21.099>provide 146 00:07:22.500 --> 00:07:24.300 <00:07:22.500>to <00:07:23.200>be <00:07:23.900>accessible. 147 00:07:25.600 --> 00:07:28.600 <00:07:25.600>You <00:07:25.800>can't <00:07:26.000>get <00:07:26.200>deals <00:07:26.400>with <00:07:26.600>certain <00:07:26.800>public <00:07:27.000>agencies, 148 00:07:28.600 --> 00:07:32.400 <00:07:28.600>depending <00:07:28.775>on <00:07:28.950>your <00:07:29.125>product. <00:07:29.300>If <00:07:29.475>you <00:07:29.650>are <00:07:29.825>not <00:07:30.000>accessible 149 00:07:31.400 --> 00:07:34.600 <00:07:31.400>by <00:07:31.750>the <00:07:32.099>web <00:07:32.450>content <00:07:32.799>accessibility 150 00:07:34.600 --> 00:07:35.400 <00:07:34.600>guidelines, <00:07:35.320>so 151 00:07:36.500 --> 00:07:40.700 <00:07:36.500>There's <00:07:36.780>money <00:07:37.060>waiting <00:07:37.340>and <00:07:37.620>accessibility <00:07:37.900>is 152 00:07:40.700 --> 00:07:42.200 <00:07:40.700>a <00:07:40.969>tool <00:07:41.240>to <00:07:41.510>get <00:07:41.780>you <00:07:42.050>there. 153 00:07:43.900 --> 00:07:46.300 <00:07:43.900>And <00:07:44.075>I <00:07:44.250>think <00:07:44.424>it's <00:07:44.599>also <00:07:44.775>nice <00:07:44.950>when <00:07:45.125>my <00:07:45.299>grandmother 154 00:07:46.300 --> 00:07:49.600 <00:07:46.300>can <00:07:46.500>book <00:07:46.700>a <00:07:46.900>doctor's <00:07:47.100>appointment <00:07:47.300>on <00:07:47.500>the <00:07:47.700>doctor's 155 00:07:49.600 --> 00:07:52.300 <00:07:49.600>website <00:07:49.800>like <00:07:50.000>I <00:07:50.200>do <00:07:50.400>because <00:07:50.600>they <00:07:50.800>have <00:07:51.000>build 156 00:07:52.300 --> 00:07:56.500 <00:07:52.300>an <00:07:52.533>accessible <00:07:52.766>user <00:07:53.000>interface. <00:07:53.233>So <00:07:53.466>it's <00:07:53.700>nice 157 00:07:55.500 --> 00:07:58.800 <00:07:55.500>to <00:07:55.780>live <00:07:56.060>in <00:07:56.340>a <00:07:56.620>society <00:07:56.900>where 158 00:07:59.900 --> 00:08:03.600 <00:07:59.900>Especially <00:08:00.075>now <00:08:00.250>in <00:08:00.424>the <00:08:00.599>pandemic <00:08:00.775>where <00:08:00.950>everything. <00:08:01.125>Yeah <00:08:01.299>independent 159 00:08:02.600 --> 00:08:05.400 <00:08:02.600>where <00:08:02.950>everything <00:08:03.300>is <00:08:03.650>becoming <00:08:04.000>more 160 00:08:05.400 --> 00:08:07.100 <00:08:05.400>and <00:08:05.750>more <00:08:06.099>digital <00:08:06.450>that <00:08:06.799>these. 161 00:08:07.900 --> 00:08:10.700 <00:08:07.900>Services <00:08:08.250>are <00:08:08.599>accessible <00:08:08.950>and <00:08:09.299>usable 162 00:08:10.700 --> 00:08:11.400 <00:08:10.700>by <00:08:11.330>everyone. 163 00:08:16.100 --> 00:08:18.400 <00:08:16.100>One <00:08:16.333>Challenge <00:08:16.566>as <00:08:16.800>I <00:08:17.033>said <00:08:17.266>is <00:08:17.500>to 164 00:08:19.300 --> 00:08:20.400 <00:08:19.300>train <00:08:20.289>empathy 165 00:08:21.100 --> 00:08:25.100 <00:08:21.100>for <00:08:21.300>Disabilities <00:08:21.500>and <00:08:21.700>what <00:08:21.900>it <00:08:22.100>means <00:08:22.300>to <00:08:22.500>live 166 00:08:24.100 --> 00:08:27.300 <00:08:24.100>with <00:08:24.380>them <00:08:24.660>and <00:08:24.940>there's <00:08:25.220>a <00:08:25.500>very 167 00:08:27.300 --> 00:08:30.800 <00:08:27.300>good <00:08:27.475>resource <00:08:27.650>published <00:08:27.825>by <00:08:28.000>the <00:08:28.175>web <00:08:28.350>accessibility <00:08:28.525>initiative. <00:08:28.700>It's 168 00:08:30.800 --> 00:08:34.300 <00:08:30.800>these <00:08:31.150>perspective <00:08:31.500>videos <00:08:31.850>and <00:08:32.200>their 169 00:08:33.300 --> 00:08:37.100 <00:08:33.299>short <00:08:33.579>videos <00:08:33.859>that <00:08:34.140>showcase <00:08:34.419>challenges <00:08:34.699>of 170 00:08:36.100 --> 00:08:39.500 <00:08:36.100>people <00:08:36.380>with <00:08:36.659>different <00:08:36.940>disabilities <00:08:37.220>and <00:08:37.500>I 171 00:08:39.500 --> 00:08:43.200 <00:08:39.500>highly <00:08:39.607>recommend <00:08:39.715>checking <00:08:39.823>them <00:08:39.930>out. <00:08:40.038>It <00:08:40.146>really <00:08:40.253>doesn't <00:08:40.361>take <00:08:40.469>a <00:08:40.576>long <00:08:40.684>time <00:08:40.792>and <00:08:40.900>for 172 00:08:42.200 --> 00:08:45.400 <00:08:42.200>anyone <00:08:42.550>building <00:08:42.900>software. <00:08:43.250>I <00:08:43.600>think 173 00:08:45.400 --> 00:08:47.600 <00:08:45.400>it's <00:08:45.866>a <00:08:46.333>required <00:08:46.800>watch. 174 00:08:50.100 --> 00:08:52.400 <00:08:50.100>all <00:08:50.380>right, <00:08:50.660>there's <00:08:50.940>another <00:08:51.220>topic <00:08:51.500>which 175 00:08:53.500 --> 00:08:56.300 <00:08:53.500>can <00:08:53.700>help <00:08:53.900>you <00:08:54.100>sell <00:08:54.300>accessibility <00:08:54.500>to <00:08:54.700>your <00:08:54.900>managers. 176 00:08:56.300 --> 00:08:57.700 <00:08:56.300>I <00:08:56.720>don't <00:08:57.140>think <00:08:57.560>it's 177 00:08:58.600 --> 00:09:01.400 <00:08:58.600>really <00:08:58.800>needed <00:08:59.000>from <00:08:59.200>an <00:08:59.400>intuitive <00:08:59.600>standpoint. <00:08:59.800>I <00:09:00.000>think 178 00:09:01.400 --> 00:09:04.800 <00:09:01.400>it <00:09:01.574>comes <00:09:01.750>very <00:09:01.925>naturally <00:09:02.100>that <00:09:02.275>you <00:09:02.449>would <00:09:02.625>want <00:09:02.800>your 179 00:09:04.800 --> 00:09:07.300 <00:09:04.800>websites <00:09:05.079>to <00:09:05.359>be <00:09:05.640>usable <00:09:05.920>by <00:09:06.199>anyone 180 00:09:07.300 --> 00:09:10.300 <00:09:07.300>but <00:09:07.427>still <00:09:07.554>this <00:09:07.681>is <00:09:07.809>an <00:09:07.936>important <00:09:08.063>one <00:09:08.190>and <00:09:08.318>it's <00:09:08.445>becoming <00:09:08.572>even <00:09:08.699>more 181 00:09:10.300 --> 00:09:12.700 <00:09:10.300>important <00:09:10.474>in <00:09:10.650>the <00:09:10.824>coming <00:09:11.000>years <00:09:11.175>and <00:09:11.349>that's <00:09:11.525>the <00:09:11.699>law. 182 00:09:13.600 --> 00:09:16.400 <00:09:13.600>On <00:09:13.755>this <00:09:13.911>slide, <00:09:14.066>you <00:09:14.222>can <00:09:14.377>see <00:09:14.533>a <00:09:14.688>fake <00:09:14.844>mugshot <00:09:15.000>of 183 00:09:16.400 --> 00:09:19.600 <00:09:16.400>me <00:09:16.750>because <00:09:17.100>I <00:09:17.449>was <00:09:17.800>using 184 00:09:19.600 --> 00:09:21.100 <00:09:19.600>divs <00:09:20.275>as <00:09:20.950>buttons. 185 00:09:24.200 --> 00:09:27.300 <00:09:24.200>And <00:09:24.307>there <00:09:24.415>are <00:09:24.523>several <00:09:24.630>laws <00:09:24.738>that <00:09:24.846>I <00:09:24.953>would <00:09:25.061>like <00:09:25.169>to <00:09:25.276>mention <00:09:25.384>here <00:09:25.492>that <00:09:25.600>are 186 00:09:27.300 --> 00:09:30.400 <00:09:27.300>most <00:09:27.474>important <00:09:27.650>to <00:09:27.824>our <00:09:28.000>area <00:09:28.175>that <00:09:28.349>we <00:09:28.525>work <00:09:28.699>in 187 00:09:30.400 --> 00:09:33.900 <00:09:30.400>both <00:09:30.750>geographically. <00:09:31.100>Yeah, <00:09:31.449>mostly <00:09:31.800>geographically. 188 00:09:33.900 --> 00:09:37.200 <00:09:33.900>There's <00:09:34.366>the <00:09:34.833>the <00:09:35.300>I 189 00:09:36.200 --> 00:09:41.600 <00:09:36.200>need <00:09:36.375>to <00:09:36.550>by <00:09:36.725>year <00:09:36.900>of <00:09:37.075>high <00:09:37.250>heights <00:09:37.425>information. <00:09:37.600>Be 190 00:09:39.300 --> 00:09:42.900 etfout 191 00:09:42.900 --> 00:09:43.500 <00:09:42.900>swipe <00:09:43.440>on. 192 00:09:44.300 --> 00:09:48.600 <00:09:44.300>And <00:09:44.500>this <00:09:44.699>one <00:09:44.900>was <00:09:45.099>was <00:09:45.300>passed <00:09:45.500>in <00:09:45.699>2016, 193 00:09:47.600 --> 00:09:50.200 <00:09:47.600>I <00:09:47.950>think <00:09:48.300>and <00:09:48.650>that's <00:09:49.000>the 194 00:09:50.200 --> 00:09:53.500 <00:09:50.200>one <00:09:50.400>that <00:09:50.600>requires <00:09:50.800>public <00:09:51.000>agencies <00:09:51.200>to <00:09:51.400>make <00:09:51.600>all 195 00:09:53.500 --> 00:09:55.200 <00:09:53.500>their <00:09:54.200>websites <00:09:54.900>accessible. 196 00:09:56.500 --> 00:09:59.500 <00:09:56.500>Some <00:09:56.850>new <00:09:57.200>advancements <00:09:57.550>come <00:09:57.900>through 197 00:09:59.500 --> 00:10:02.600 <00:09:59.500>the <00:09:59.700>European <00:09:59.900>accessibility <00:10:00.100>act <00:10:00.300>that <00:10:00.500>is <00:10:00.700>a <00:10:00.900>new 198 00:10:02.600 --> 00:10:05.800 <00:10:02.600>guideline <00:10:02.833>published <00:10:03.066>by <00:10:03.300>the <00:10:03.533>EU <00:10:03.766>in <00:10:04.000>2019. 199 00:10:05.800 --> 00:10:09.400 <00:10:05.800>And <00:10:06.079>it's <00:10:06.359>already <00:10:06.640>been <00:10:06.920>transposed <00:10:07.199>into 200 00:10:09.400 --> 00:10:12.400 <00:10:09.400>National <00:10:09.574>Law <00:10:09.750>in <00:10:09.925>Germany <00:10:10.100>with <00:10:10.275>the <00:10:10.449>by <00:10:10.625>year <00:10:10.800>of 201 00:10:12.400 --> 00:10:15.700 <00:10:12.400>high <00:10:12.633>heights <00:10:12.866>Jacobs <00:10:13.100>and <00:10:13.333>the <00:10:13.566>Bayou <00:10:13.800>describe 202 00:10:15.700 --> 00:10:18.800 <00:10:15.700>will <00:10:16.166>result <00:10:16.633>in <00:10:17.100>for 203 00:10:18.800 --> 00:10:21.800 <00:10:18.800>example, <00:10:19.000>if <00:10:19.199>you <00:10:19.400>want <00:10:19.599>to <00:10:19.800>launch <00:10:20.000>an <00:10:20.199>e-commerce 204 00:10:21.800 --> 00:10:24.500 <00:10:21.800>website <00:10:22.500>in <00:10:23.199>2025. 205 00:10:25.300 --> 00:10:29.300 <00:10:25.300>You <00:10:25.474>cannot <00:10:25.650>launch <00:10:25.824>it <00:10:26.000>without <00:10:26.175>it <00:10:26.349>being <00:10:26.525>accessible <00:10:26.699>based 206 00:10:28.300 --> 00:10:31.300 <00:10:28.300>on <00:10:28.650>the <00:10:29.000>World <00:10:29.349>Wide <00:10:29.699>Web 207 00:10:31.300 --> 00:10:34.200 <00:10:31.300>Consortium <00:10:31.500>standards, <00:10:31.699>and <00:10:31.900>that's <00:10:32.099>a <00:10:32.300>really <00:10:32.500>cool <00:10:32.699>thing. 208 00:10:35.500 --> 00:10:39.000 <00:10:35.500>It's <00:10:35.850>still <00:10:36.200>not <00:10:36.550>covering <00:10:36.900>every 209 00:10:38.800 --> 00:10:41.200 <00:10:38.800>websites <00:10:38.974>out <00:10:39.150>there. <00:10:39.324>It's <00:10:39.500>mostly <00:10:39.675>about <00:10:39.849>things <00:10:40.025>that <00:10:40.199>are 210 00:10:41.200 --> 00:10:45.700 <00:10:41.200>essential <00:10:41.480>to <00:10:41.760>to <00:10:42.040>society, <00:10:42.320>but <00:10:42.600>I 211 00:10:44.700 --> 00:10:47.700 <00:10:44.700>can <00:10:44.980>tell <00:10:45.260>you <00:10:45.540>there's <00:10:45.820>more <00:10:46.100>more 212 00:10:47.700 --> 00:10:50.100 <00:10:47.700>coming <00:10:47.980>and <00:10:48.260>I <00:10:48.540>look <00:10:48.820>forward <00:10:49.100>to 213 00:10:50.100 --> 00:10:50.300 it. 214 00:10:51.700 --> 00:10:54.300 <00:10:51.700>If <00:10:51.855>we <00:10:52.011>look <00:10:52.166>across <00:10:52.322>the <00:10:52.477>sea, <00:10:52.633>there's <00:10:52.788>the <00:10:52.944>Americans <00:10:53.100>with 215 00:10:54.300 --> 00:10:57.000 <00:10:54.300>Disabilities <00:10:54.650>Act <00:10:55.000>a <00:10:55.349>lot <00:10:55.699>of 216 00:10:57.600 --> 00:11:01.000 <00:10:57.600>groups <00:10:57.800>and <00:10:58.000>private <00:10:58.200>people <00:10:58.400>are <00:10:58.600>actively <00:10:58.800>suing <00:10:59.000>a 217 00:11:00.500 --> 00:11:03.600 <00:11:00.500>lot <00:11:00.700>of <00:11:00.900>companies <00:11:01.100>in <00:11:01.300>the <00:11:01.500>US <00:11:01.700>like <00:11:01.900>Netflix 218 00:11:03.600 --> 00:11:06.700 <00:11:03.600>or <00:11:04.066>Target <00:11:04.533>to <00:11:05.000>to 219 00:11:06.700 --> 00:11:09.100 <00:11:06.700>make <00:11:06.900>their <00:11:07.100>websites <00:11:07.300>accessible <00:11:07.500>and <00:11:07.700>they <00:11:07.900>do <00:11:08.100>that 220 00:11:09.100 --> 00:11:12.600 <00:11:09.100>successfully. <00:11:09.333>So <00:11:09.566>this <00:11:09.800>is <00:11:10.033>also <00:11:10.266>a <00:11:10.500>nice 221 00:11:12.600 --> 00:11:16.000 <00:11:12.600>reason <00:11:12.880>to <00:11:13.160>care <00:11:13.440>about <00:11:13.720>accessibility <00:11:14.000>so 222 00:11:15.200 --> 00:11:17.500 <00:11:15.200>that <00:11:15.400>you <00:11:15.600>don't <00:11:15.800>need <00:11:16.000>to <00:11:16.200>pay <00:11:16.400>a <00:11:16.600>fine. 223 00:11:20.000 --> 00:11:20.300 so 224 00:11:21.300 --> 00:11:23.300 <00:11:21.300>we've <00:11:21.579>talked <00:11:21.859>about <00:11:22.140>what <00:11:22.420>accessibility <00:11:22.699>is. 225 00:11:24.300 --> 00:11:25.200 <00:11:24.300>Why <00:11:24.462>you <00:11:24.624>should <00:11:24.786>care <00:11:24.948>about <00:11:25.110>it? 226 00:11:27.000 --> 00:11:27.200 Who? 227 00:11:28.100 --> 00:11:31.400 <00:11:28.100>Actually <00:11:28.333>tells <00:11:28.566>us <00:11:28.800>what <00:11:29.033>accessibility <00:11:29.266>means <00:11:29.500>who 228 00:11:31.400 --> 00:11:32.200 <00:11:31.400>defines <00:11:32.120>it. 229 00:11:33.900 --> 00:11:34.100 and 230 00:11:35.600 --> 00:11:38.800 <00:11:35.600>Here, <00:11:35.740>I <00:11:35.880>would <00:11:36.020>like <00:11:36.160>to <00:11:36.300>introduce <00:11:36.440>the <00:11:36.580>World <00:11:36.720>Wide <00:11:36.860>Web <00:11:37.000>Consortium 231 00:11:38.800 --> 00:11:41.100 <00:11:38.800>who <00:11:38.955>have <00:11:39.111>you <00:11:39.266>noticed <00:11:39.422>the <00:11:39.577>worldwide <00:11:39.733>Web <00:11:39.888>Consortium <00:11:40.044>a <00:11:40.199>show 232 00:11:41.100 --> 00:11:41.400 <00:11:41.100>of <00:11:41.370>hands. 233 00:11:42.400 --> 00:11:45.400 <00:11:42.400>Great <00:11:42.633>great <00:11:42.866>great. <00:11:43.100>So <00:11:43.333>they <00:11:43.566>standardize <00:11:43.800>all 234 00:11:45.400 --> 00:11:49.000 <00:11:45.400>things <00:11:45.555>around <00:11:45.711>the <00:11:45.866>web. <00:11:46.022>It <00:11:46.177>was <00:11:46.333>founded <00:11:46.488>by <00:11:46.644>Tim <00:11:46.800>berners 235 00:11:48.200 --> 00:11:51.300 <00:11:48.200>Lee <00:11:48.550>in <00:11:48.900>1994. <00:11:49.250>You <00:11:49.600>can 236 00:11:51.300 --> 00:11:54.900 <00:11:51.300>see <00:11:51.500>him <00:11:51.699>here <00:11:51.900>in <00:11:52.099>the <00:11:52.300>picture <00:11:52.500>sitting <00:11:52.699>next 237 00:11:54.900 --> 00:11:55.800 <00:11:54.900>to <00:11:55.170>a <00:11:55.439>computer <00:11:55.709>screen. 238 00:11:56.900 --> 00:12:00.100 <00:11:56.900>And <00:11:57.366>they <00:11:57.833>have <00:11:58.300>a 239 00:11:59.100 --> 00:12:02.800 <00:11:59.100>sub <00:11:59.380>initiative <00:11:59.660>called <00:11:59.940>the <00:12:00.220>web <00:12:00.500>accessibility 240 00:12:02.800 --> 00:12:05.400 <00:12:02.800>initiative <00:12:03.266>which <00:12:03.733>publishes <00:12:04.199>the 241 00:12:05.400 --> 00:12:06.300 wicag. 242 00:12:07.500 --> 00:12:10.900 <00:12:07.500>Wikag <00:12:07.780>stands <00:12:08.060>for <00:12:08.340>web <00:12:08.620>content <00:12:08.900>accessibility 243 00:12:10.900 --> 00:12:13.600 <00:12:10.900>guidelines <00:12:11.366>and <00:12:11.833>these <00:12:12.300>guidelines 244 00:12:13.600 --> 00:12:16.800 <00:12:13.600>are <00:12:13.950>the <00:12:14.300>standard <00:12:14.650>for <00:12:15.000>pretty 245 00:12:16.800 --> 00:12:19.200 <00:12:16.800>much <00:12:17.033>all <00:12:17.266>national <00:12:17.500>policies <00:12:17.733>around <00:12:17.966>the <00:12:18.199>world 246 00:12:19.200 --> 00:12:23.300 <00:12:19.200>when <00:12:19.480>they <00:12:19.760>talk <00:12:20.040>about <00:12:20.320>having <00:12:20.600>accessible 247 00:12:22.300 --> 00:12:25.300 <00:12:22.300>web <00:12:22.650>services. <00:12:23.000>There's <00:12:23.349>three <00:12:23.699>levels 248 00:12:25.300 --> 00:12:29.000 <00:12:25.300>of <00:12:25.579>conformance <00:12:25.859>a <00:12:26.140>a <00:12:26.420>and <00:12:26.699>AAA 249 00:12:28.600 --> 00:12:31.800 <00:12:28.600>and <00:12:28.833>AA <00:12:29.066>is <00:12:29.300>the <00:12:29.533>one <00:12:29.766>that <00:12:30.000>most 250 00:12:31.800 --> 00:12:35.200 <00:12:31.800>policies <00:12:32.150>require <00:12:32.500>and <00:12:32.849>yeah, <00:12:33.199>you 251 00:12:34.200 --> 00:12:37.300 <00:12:34.200>need <00:12:34.375>to <00:12:34.550>put <00:12:34.725>in <00:12:34.900>more <00:12:35.075>effort <00:12:35.250>with <00:12:35.425>each <00:12:35.600>level. 252 00:12:38.400 --> 00:12:42.100 <00:12:38.400>And <00:12:38.750>they <00:12:39.100>are <00:12:39.449>categorized <00:12:39.800>all 253 00:12:41.100 --> 00:12:45.100 <00:12:41.100>these <00:12:41.380>guidelines <00:12:41.660>in <00:12:41.940>the <00:12:42.220>wiccag <00:12:42.500>guidelines. 254 00:12:46.200 --> 00:12:47.300 <00:12:46.200>in <00:12:46.695>four <00:12:47.189>principles 255 00:12:48.900 --> 00:12:49.600 <00:12:48.900>the <00:12:49.215>first <00:12:49.530>one 256 00:12:50.800 --> 00:12:53.700 <00:12:50.800>Is <00:12:51.150>that <00:12:51.500>content <00:12:51.849>must <00:12:52.199>be 257 00:12:53.700 --> 00:12:54.600 perceivable? 258 00:12:56.500 --> 00:12:56.600 So 259 00:12:57.600 --> 00:13:00.500 <00:12:57.600>Should <00:12:57.716>you <00:12:57.833>should <00:12:57.950>be <00:12:58.066>able <00:12:58.183>to <00:12:58.300>see <00:12:58.416>it <00:12:58.533>even <00:12:58.650>if <00:12:58.766>you <00:12:58.883>can't <00:12:59.000>see 260 00:13:00.500 --> 00:13:04.200 <00:13:00.500>it <00:13:00.640>doesn't <00:13:00.780>matter <00:13:00.920>somehow <00:13:01.060>you <00:13:01.200>should <00:13:01.340>be <00:13:01.480>able <00:13:01.620>to <00:13:01.760>perceive <00:13:01.900>the 261 00:13:03.200 --> 00:13:06.900 <00:13:03.200>content. <00:13:03.433>It <00:13:03.666>should <00:13:03.900>be <00:13:04.133>operable <00:13:04.366>so <00:13:04.600>that 262 00:13:06.900 --> 00:13:09.300 <00:13:06.900>you <00:13:07.180>can <00:13:07.459>navigate <00:13:07.740>all <00:13:08.020>that <00:13:08.300>is 263 00:13:09.300 --> 00:13:12.300 <00:13:09.300>on <00:13:09.474>a <00:13:09.650>web <00:13:09.824>page <00:13:10.000>regardless <00:13:10.175>of <00:13:10.349>who <00:13:10.525>you <00:13:10.699>are 264 00:13:12.300 --> 00:13:13.700 <00:13:12.300>or <00:13:12.552>what <00:13:12.804>devices <00:13:13.056>you <00:13:13.308>are <00:13:13.560>using. 265 00:13:14.600 --> 00:13:16.200 <00:13:14.600>It <00:13:15.066>should <00:13:15.533>be <00:13:16.000>understandable. 266 00:13:17.200 --> 00:13:20.300 <00:13:17.200>I <00:13:17.340>think <00:13:17.480>German <00:13:17.620>agencies <00:13:17.760>are <00:13:17.900>pretty <00:13:18.040>bad <00:13:18.180>at <00:13:18.320>that <00:13:18.460>at <00:13:18.600>times. 267 00:13:20.300 --> 00:13:24.200 <00:13:20.300>I'm <00:13:20.474>sure <00:13:20.650>you've <00:13:20.824>received <00:13:21.000>some <00:13:21.175>of <00:13:21.349>the <00:13:21.525>letters <00:13:21.699>where 268 00:13:23.200 --> 00:13:26.200 <00:13:23.200>you <00:13:23.480>think <00:13:23.760>what <00:13:24.040>are <00:13:24.320>they <00:13:24.600>talking 269 00:13:26.200 --> 00:13:30.100 <00:13:26.200>about? <00:13:26.480>But <00:13:26.760>yeah, <00:13:27.040>you <00:13:27.320>should <00:13:27.600>make 270 00:13:29.100 --> 00:13:32.600 <00:13:29.100>sure <00:13:29.300>that <00:13:29.500>all <00:13:29.700>groups <00:13:29.900>of <00:13:30.100>people <00:13:30.300>can <00:13:30.500>understand 271 00:13:32.600 --> 00:13:33.400 <00:13:32.600>your <00:13:33.319>content. 272 00:13:34.400 --> 00:13:38.000 <00:13:34.400>That <00:13:34.540>might <00:13:34.680>also <00:13:34.819>mean <00:13:34.959>that <00:13:35.100>you <00:13:35.240>have <00:13:35.380>an <00:13:35.520>easy <00:13:35.660>language <00:13:35.800>button 273 00:13:37.100 --> 00:13:40.400 <00:13:37.100>on <00:13:37.300>your <00:13:37.500>page <00:13:37.700>to <00:13:37.900>switch <00:13:38.100>to <00:13:38.300>a <00:13:38.500>version 274 00:13:40.400 --> 00:13:44.100 <00:13:40.400>of <00:13:40.574>your <00:13:40.750>website <00:13:40.925>that <00:13:41.100>has <00:13:41.275>even <00:13:41.449>more <00:13:41.625>simplified <00:13:41.800>terms. 275 00:13:43.100 --> 00:13:47.000 <00:13:43.100>And <00:13:43.566>finally <00:13:44.033>your <00:13:44.500>web 276 00:13:46.300 --> 00:13:48.600 <00:13:46.300>services <00:13:46.650>should <00:13:47.000>be <00:13:47.349>robust. <00:13:47.699>So 277 00:13:49.700 --> 00:13:52.700 <00:13:49.700>There's <00:13:50.050>also <00:13:50.400>saying <00:13:50.750>nice <00:13:51.100>URLs 278 00:13:52.700 --> 00:13:55.300 <00:13:52.700>don't <00:13:52.900>change <00:13:53.100>or <00:13:53.300>don't <00:13:53.500>break. <00:13:53.700>So <00:13:53.900>if <00:13:54.100>you 279 00:13:55.300 --> 00:13:58.400 <00:13:55.300>share <00:13:55.439>the <00:13:55.579>URL <00:13:55.719>five <00:13:55.859>years <00:13:56.000>ago, <00:13:56.140>it <00:13:56.280>would <00:13:56.420>be <00:13:56.560>nice <00:13:56.699>if 280 00:13:58.400 --> 00:14:01.300 <00:13:58.400>that <00:13:58.600>still <00:13:58.800>works <00:13:59.000>today <00:13:59.199>and <00:13:59.400>there's <00:13:59.600>several <00:13:59.800>other 281 00:14:01.300 --> 00:14:04.400 <00:14:01.300>points <00:14:01.500>about <00:14:01.699>robust <00:14:01.900>web <00:14:02.099>applications. <00:14:02.300>So <00:14:02.500>these <00:14:02.699>are 282 00:14:04.400 --> 00:14:06.000 <00:14:04.400>the <00:14:05.100>poor <00:14:05.800>principles. 283 00:14:09.200 --> 00:14:12.600 <00:14:09.200>Now <00:14:09.375>aside <00:14:09.550>from <00:14:09.725>the <00:14:09.900>web <00:14:10.075>content <00:14:10.250>accessibility <00:14:10.425>guidelines. <00:14:10.600>There's 284 00:14:12.600 --> 00:14:14.200 <00:14:12.600>also <00:14:14.000>Aria. 285 00:14:14.800 --> 00:14:18.500 <00:14:14.800>Aria <00:14:14.974>is <00:14:15.150>also <00:14:15.324>a <00:14:15.500>project <00:14:15.675>by <00:14:15.849>the <00:14:16.025>web <00:14:16.199>accessibility 286 00:14:17.500 --> 00:14:20.200 <00:14:17.500>initiative <00:14:17.850>and <00:14:18.200>it <00:14:18.550>stands <00:14:18.900>for 287 00:14:20.200 --> 00:14:23.400 <00:14:20.200>accessible <00:14:20.666>Rich <00:14:21.133>internet <00:14:21.600>applications. 288 00:14:24.400 --> 00:14:27.600 <00:14:24.400>Aria <00:14:24.680>is <00:14:24.959>a <00:14:25.240>superset <00:14:25.520>of <00:14:25.800>HTML. 289 00:14:28.500 --> 00:14:31.800 <00:14:28.500>It's <00:14:28.675>maybe <00:14:28.850>you've <00:14:29.025>seen <00:14:29.200>this <00:14:29.375>a <00:14:29.550>few <00:14:29.725>times. <00:14:29.900>There's 290 00:14:31.800 --> 00:14:34.400 <00:14:31.800>HTML <00:14:32.000>elements <00:14:32.199>and <00:14:32.400>then <00:14:32.599>there's <00:14:32.800>an <00:14:33.000>attribute <00:14:33.199>on 291 00:14:34.400 --> 00:14:37.300 <00:14:34.400>it. <00:14:34.555>It <00:14:34.711>starts <00:14:34.866>with <00:14:35.022>Aria <00:14:35.177>minus <00:14:35.333>and <00:14:35.488>then <00:14:35.644>something <00:14:35.800>like 292 00:14:37.300 --> 00:14:41.100 <00:14:37.300>Aria <00:14:37.500>minus <00:14:37.699>hidden <00:14:37.900>equals <00:14:38.099>true. <00:14:38.300>So <00:14:38.500>you <00:14:38.699>basically 293 00:14:40.100 --> 00:14:43.900 <00:14:40.100>spread <00:14:40.800>these <00:14:41.500>Aria 294 00:14:43.900 --> 00:14:46.300 <00:14:43.900>attributes <00:14:44.250>on <00:14:44.600>your <00:14:44.949>HTML <00:14:45.300>elements. 295 00:14:47.300 --> 00:14:47.800 <00:14:47.300>and <00:14:47.750>they 296 00:14:48.700 --> 00:14:51.600 <00:14:48.700>Are <00:14:48.933>as <00:14:49.166>special <00:14:49.400>important <00:14:49.633>for <00:14:49.866>screen <00:14:50.100>reader 297 00:14:51.600 --> 00:14:52.100 users? 298 00:14:53.600 --> 00:14:56.400 <00:14:53.600>What <00:14:53.755>is <00:14:53.911>the <00:14:54.066>screen <00:14:54.222>reader <00:14:54.377>a <00:14:54.533>screen <00:14:54.688>screen <00:14:54.844>readers <00:14:55.000>are 299 00:14:56.400 --> 00:14:59.400 <00:14:56.400>software <00:14:57.100>that <00:14:57.800>Translate? 300 00:15:00.400 --> 00:15:03.800 <00:15:00.400>Content <00:15:00.600>may <00:15:00.800>be <00:15:01.000>text <00:15:01.199>or <00:15:01.400>images <00:15:01.600>on <00:15:01.800>websites 301 00:15:03.800 --> 00:15:06.200 <00:15:03.800>to <00:15:04.266>and <00:15:04.733>also <00:15:05.199>the 302 00:15:06.200 --> 00:15:09.300 <00:15:06.200>whole <00:15:06.433>operating <00:15:06.666>system <00:15:06.900>like <00:15:07.133>Windows <00:15:07.366>or <00:15:07.600>Mac 303 00:15:09.300 --> 00:15:11.300 <00:15:09.300>OS <00:15:10.000>to <00:15:10.699>speech. 304 00:15:11.900 --> 00:15:12.800 <00:15:11.900>or <00:15:12.709>Braille 305 00:15:14.200 --> 00:15:17.900 <00:15:14.200>There's <00:15:14.433>I'll <00:15:14.666>just <00:15:14.900>mention <00:15:15.133>three <00:15:15.366>screen <00:15:15.600>readers. 306 00:15:17.900 --> 00:15:20.600 <00:15:17.900>There's <00:15:18.366>nvda <00:15:18.833>jaws <00:15:19.300>and 307 00:15:20.600 --> 00:15:22.100 <00:15:20.600>apple <00:15:21.950>voiceover. 308 00:15:23.200 --> 00:15:26.300 <00:15:23.200>Yeah, <00:15:23.666>so <00:15:24.133>screen <00:15:24.600>readers 309 00:15:26.300 --> 00:15:29.000 <00:15:26.300>are <00:15:26.533>very <00:15:26.766>important, <00:15:27.000>especially <00:15:27.233>for <00:15:27.466>blind <00:15:27.699>people. 310 00:15:30.100 --> 00:15:33.700 <00:15:30.100>And <00:15:30.300>through <00:15:30.500>Aria <00:15:30.700>we <00:15:30.900>can <00:15:31.100>make <00:15:31.300>the <00:15:31.500>experience 311 00:15:33.700 --> 00:15:36.500 <00:15:33.700>for <00:15:34.050>screen <00:15:34.400>reader <00:15:34.750>users <00:15:35.100>a 312 00:15:36.500 --> 00:15:39.700 <00:15:36.500>lot <00:15:36.733>better. <00:15:36.966>So <00:15:37.200>it's <00:15:37.433>important <00:15:37.666>to <00:15:37.900>know 313 00:15:39.700 --> 00:15:43.300 <00:15:39.700>that <00:15:39.980>Aria <00:15:40.260>exists <00:15:40.540>and <00:15:40.820>I <00:15:41.100>included 314 00:15:42.300 --> 00:15:43.700 <00:15:42.300>a <00:15:42.930>link <00:15:43.560>here. 315 00:15:45.200 --> 00:15:48.500 <00:15:45.200>If <00:15:45.400>anyone <00:15:45.600>of <00:15:45.800>you <00:15:46.000>is <00:15:46.200>building <00:15:46.400>their <00:15:46.600>own 316 00:15:48.500 --> 00:15:52.200 <00:15:48.500>component <00:15:48.780>Library, <00:15:49.060>I <00:15:49.340>highly <00:15:49.620>recommend <00:15:49.900>checking 317 00:15:51.200 --> 00:15:54.900 <00:15:51.200>out <00:15:51.666>the <00:15:52.133>Aria <00:15:52.600>patterns 318 00:15:54.900 --> 00:15:57.200 <00:15:54.900>for <00:15:55.074>building <00:15:55.250>components. <00:15:55.425>Like <00:15:55.600>if <00:15:55.775>you've <00:15:55.949>ever <00:15:56.125>built <00:15:56.300>a 319 00:15:57.200 --> 00:15:59.800 <00:15:57.200>drop-down <00:15:57.400>or <00:15:57.600>a <00:15:57.800>tab <00:15:58.000>group <00:15:58.200>or <00:15:58.400>an <00:15:58.600>accordion 320 00:16:01.600 --> 00:16:04.700 <00:16:01.600>I <00:16:01.727>don't <00:16:01.854>know <00:16:01.981>from <00:16:02.109>the <00:16:02.236>top <00:16:02.363>of <00:16:02.490>my <00:16:02.618>head <00:16:02.745>which <00:16:02.872>keyboard <00:16:03.000>events. 321 00:16:04.700 --> 00:16:06.100 <00:16:04.700>I <00:16:04.910>should <00:16:05.120>listen <00:16:05.330>to <00:16:05.540>in <00:16:05.750>a <00:16:05.960>drop-down. 322 00:16:06.700 --> 00:16:09.300 <00:16:06.700>Or <00:16:06.933>if <00:16:07.166>you <00:16:07.400>commit <00:16:07.633>the <00:16:07.866>ultimate <00:16:08.100>sin 323 00:16:09.300 --> 00:16:12.900 <00:16:09.300>and <00:16:09.439>use <00:16:09.579>a <00:16:09.719>diff <00:16:09.859>as <00:16:10.000>a <00:16:10.140>button, <00:16:10.280>you <00:16:10.420>might <00:16:10.560>forget <00:16:10.699>to 324 00:16:12.900 --> 00:16:15.600 <00:16:12.900>listen <00:16:13.250>for <00:16:13.600>the <00:16:13.949>space <00:16:14.300>key 325 00:16:15.600 --> 00:16:19.000 <00:16:15.600>for <00:16:15.740>interaction <00:16:15.880>and <00:16:16.020>only <00:16:16.160>listen <00:16:16.300>to <00:16:16.440>the <00:16:16.580>enter <00:16:16.720>key <00:16:16.860>and <00:16:17.000>on 326 00:16:18.100 --> 00:16:21.700 <00:16:18.100>the <00:16:18.380>Aria <00:16:18.660>patterns <00:16:18.940>website. <00:16:19.220>You <00:16:19.500>will 327 00:16:21.700 --> 00:16:24.300 <00:16:21.700>find <00:16:21.875>a <00:16:22.050>really <00:16:22.225>nice <00:16:22.400>overview. <00:16:22.575>It <00:16:22.750>has <00:16:22.925>just <00:16:23.100>been 328 00:16:24.300 --> 00:16:25.900 <00:16:24.300>relaunched <00:16:25.000>the <00:16:25.699>design. 329 00:16:26.700 --> 00:16:29.900 <00:16:26.700>That <00:16:27.050>helps <00:16:27.400>you <00:16:27.750>build <00:16:28.100>your 330 00:16:29.900 --> 00:16:32.300 <00:16:29.900>UI <00:16:30.074>components <00:16:30.250>in <00:16:30.425>a <00:16:30.600>way <00:16:30.775>so <00:16:30.949>that <00:16:31.125>they <00:16:31.300>are 331 00:16:32.300 --> 00:16:32.800 usable. 332 00:16:33.500 --> 00:16:34.500 <00:16:33.500>for <00:16:33.800>all <00:16:34.100>kinds <00:16:34.400>of 333 00:16:35.600 --> 00:16:38.400 <00:16:35.600>devices, <00:16:35.755>which <00:16:35.911>is <00:16:36.066>really <00:16:36.222>cool. <00:16:36.377>I <00:16:36.533>highly <00:16:36.688>recommend <00:16:36.844>checking <00:16:37.000>that 334 00:16:38.400 --> 00:16:41.400 <00:16:38.400>out <00:16:38.487>saves <00:16:38.574>you <00:16:38.662>a <00:16:38.750>lot <00:16:38.837>of <00:16:38.925>time <00:16:39.012>as <00:16:39.100>well. <00:16:39.187>You <00:16:39.275>don't <00:16:39.362>have <00:16:39.449>to <00:16:39.537>come <00:16:39.625>up <00:16:39.712>with <00:16:39.800>it 335 00:16:41.400 --> 00:16:43.400 <00:16:41.400>yourself <00:16:41.600>and <00:16:41.800>and <00:16:42.000>it <00:16:42.199>might <00:16:42.400>even <00:16:42.600>be <00:16:42.800>wrong. 336 00:16:46.600 --> 00:16:49.000 <00:16:46.600>Since <00:16:46.775>I <00:16:46.950>won't <00:16:47.125>go <00:16:47.300>too <00:16:47.475>deep <00:16:47.650>into <00:16:47.825>Aria <00:16:48.000>in 337 00:16:49.200 --> 00:16:52.600 <00:16:49.200>this <00:16:49.355>talk, <00:16:49.511>I <00:16:49.666>will <00:16:49.822>point <00:16:49.977>you <00:16:50.133>to <00:16:50.288>leony <00:16:50.444>Watson. <00:16:50.600>She's 338 00:16:52.600 --> 00:16:55.500 <00:16:52.600>an <00:16:52.800>amazing <00:16:53.000>accessibility <00:16:53.200>Ambassador. <00:16:53.400>She <00:16:53.600>also <00:16:53.800>runs <00:16:54.000>a 339 00:16:55.500 --> 00:16:59.100 <00:16:55.500>company <00:16:55.700>based <00:16:55.900>in <00:16:56.100>the <00:16:56.300>UK <00:16:56.500>called <00:16:56.700>tetralogical <00:16:56.900>and 340 00:16:58.100 --> 00:17:01.400 <00:16:58.100>yeah, <00:16:58.380>this <00:16:58.660>is <00:16:58.940>a <00:16:59.220>wonderful <00:16:59.500>talk. 341 00:17:01.400 --> 00:17:04.300 <00:17:01.400>It's <00:17:01.600>I <00:17:01.800>really <00:17:02.000>like <00:17:02.199>this <00:17:02.400>slide <00:17:02.600>perfect <00:17:02.800>is 342 00:17:04.300 --> 00:17:07.200 <00:17:04.300>the <00:17:04.427>enemy <00:17:04.554>of <00:17:04.681>good <00:17:04.809>and <00:17:04.936>this <00:17:05.063>is <00:17:05.190>also <00:17:05.318>something <00:17:05.445>that <00:17:05.572>I <00:17:05.700>really 343 00:17:07.200 --> 00:17:08.300 <00:17:07.200>want <00:17:07.694>to <00:17:08.190>emphasize. 344 00:17:09.400 --> 00:17:12.400 <00:17:09.400>They're <00:17:09.680>the <00:17:09.960>amount <00:17:10.240>of <00:17:10.520>things <00:17:10.800>to 345 00:17:12.400 --> 00:17:15.500 <00:17:12.400>watch <00:17:12.600>out <00:17:12.800>for <00:17:13.000>with <00:17:13.200>accessibility <00:17:13.400>can <00:17:13.600>be <00:17:13.800>daunting. 346 00:17:16.800 --> 00:17:20.200 <00:17:16.800>but <00:17:17.079>every <00:17:17.359>small <00:17:17.639>Improvement <00:17:17.919>counts, <00:17:18.200>so 347 00:17:21.100 --> 00:17:24.300 <00:17:21.099>Even <00:17:21.255>if <00:17:21.411>you <00:17:21.566>just <00:17:21.722>make <00:17:21.877>one <00:17:22.033>button <00:17:22.188>on <00:17:22.344>a <00:17:22.500>page 348 00:17:24.300 --> 00:17:28.400 <00:17:24.300>that <00:17:24.533>was <00:17:24.766>previously <00:17:25.000>hidden <00:17:25.233>with <00:17:25.466>visibility <00:17:25.700>none 349 00:17:27.400 --> 00:17:30.100 <00:17:27.400>instead <00:17:27.750>of <00:17:28.100>opacity <00:17:28.450>zero <00:17:28.800>and 350 00:17:30.100 --> 00:17:33.300 <00:17:30.100>therefore <00:17:30.300>not <00:17:30.500>accessible <00:17:30.699>to <00:17:30.899>keyboard <00:17:31.100>users <00:17:31.300>that's <00:17:31.500>already 351 00:17:33.300 --> 00:17:36.600 <00:17:33.300>a <00:17:33.500>great <00:17:33.700>Improvement <00:17:33.899>every <00:17:34.100>little <00:17:34.300>step <00:17:34.500>counts <00:17:34.700>and 352 00:17:36.600 --> 00:17:39.300 <00:17:36.600>eventually <00:17:36.879>your <00:17:37.159>website <00:17:37.439>will <00:17:37.719>become <00:17:38.000>more 353 00:17:39.300 --> 00:17:40.200 <00:17:39.300>and <00:17:39.705>more <00:17:40.110>accessible. 354 00:17:43.300 --> 00:17:43.600 Okay. 355 00:17:44.800 --> 00:17:47.900 <00:17:44.800>So <00:17:45.000>this <00:17:45.200>is <00:17:45.399>you <00:17:45.600>on <00:17:45.800>the <00:17:46.000>accessibility <00:17:46.200>Beach 356 00:17:47.900 --> 00:17:50.500 <00:17:47.900>and <00:17:48.250>there's <00:17:48.600>a <00:17:48.950>lot <00:17:49.300>of 357 00:17:50.500 --> 00:17:52.000 <00:17:50.500>facts <00:17:50.950>being <00:17:51.400>thrown <00:17:51.850>around. 358 00:17:53.100 --> 00:17:56.500 <00:17:53.100>And <00:17:53.379>I'd <00:17:53.659>like <00:17:53.939>to <00:17:54.219>change <00:17:54.500>things 359 00:17:56.500 --> 00:17:59.700 <00:17:56.500>up <00:17:56.700>and <00:17:56.900>come <00:17:57.100>to <00:17:57.300>the <00:17:57.500>actionable <00:17:57.700>part <00:17:57.900>real 360 00:17:59.700 --> 00:18:02.700 <00:17:59.700>tips <00:17:59.875>and <00:18:00.050>tricks <00:18:00.225>that <00:18:00.400>you <00:18:00.575>can <00:18:00.750>use <00:18:00.925>starting <00:18:01.100>today 361 00:18:02.700 --> 00:18:05.800 <00:18:02.700>to <00:18:02.980>make <00:18:03.260>your <00:18:03.540>website <00:18:03.820>more <00:18:04.100>accessible. 362 00:18:06.500 --> 00:18:09.900 <00:18:06.500>But <00:18:06.700>first <00:18:06.900>there's <00:18:07.100>one <00:18:07.300>more <00:18:07.500>topic <00:18:07.700>while <00:18:07.900>we're 363 00:18:09.900 --> 00:18:12.000 <00:18:09.900>on <00:18:10.055>the <00:18:10.211>question <00:18:10.366>of <00:18:10.522>who <00:18:10.677>that <00:18:10.833>I <00:18:10.988>want <00:18:11.144>to <00:18:11.300>address. 364 00:18:15.000 --> 00:18:15.200 so 365 00:18:16.900 --> 00:18:17.300 <00:18:16.900>and <00:18:17.080>that <00:18:17.260>is 366 00:18:18.500 --> 00:18:21.300 <00:18:18.500>Who <00:18:18.640>should <00:18:18.780>be <00:18:18.920>responsible <00:18:19.060>for <00:18:19.200>it? <00:18:19.340>So <00:18:19.480>we <00:18:19.620>learned <00:18:19.760>who <00:18:19.900>defined 367 00:18:21.300 --> 00:18:24.500 <00:18:21.300>it, <00:18:21.475>but <00:18:21.649>who <00:18:21.825>is <00:18:22.000>responsible <00:18:22.175>and <00:18:22.350>here <00:18:22.524>I <00:18:22.700>would 368 00:18:24.500 --> 00:18:26.300 <00:18:24.500>argue <00:18:25.200>it's <00:18:25.900>everyone. 369 00:18:27.500 --> 00:18:27.700 so 370 00:18:28.800 --> 00:18:31.400 <00:18:28.800>from <00:18:29.080>designers <00:18:29.360>to <00:18:29.639>product <00:18:29.919>managers <00:18:30.200>to 371 00:18:31.400 --> 00:18:33.900 <00:18:31.400>people <00:18:31.680>and <00:18:31.960>customer <00:18:32.240>support <00:18:32.520>to <00:18:32.800>engineers. 372 00:18:35.500 --> 00:18:38.800 <00:18:35.500>The <00:18:35.675>most <00:18:35.850>inconvenient <00:18:36.025>thing <00:18:36.200>that <00:18:36.375>can <00:18:36.550>happen <00:18:36.725>is <00:18:36.900>that 373 00:18:38.800 --> 00:18:42.200 <00:18:38.800>an <00:18:39.080>accessibility <00:18:39.360>issue <00:18:39.639>is <00:18:39.919>raised <00:18:40.200>once 374 00:18:41.200 --> 00:18:44.200 <00:18:41.200>it's <00:18:41.433>already <00:18:41.666>the <00:18:41.900>design <00:18:42.133>is <00:18:42.366>already <00:18:42.600>on 375 00:18:44.200 --> 00:18:46.800 <00:18:44.200>the <00:18:44.340>table <00:18:44.480>of <00:18:44.620>the <00:18:44.760>person <00:18:44.900>who <00:18:45.040>is <00:18:45.180>going <00:18:45.320>to <00:18:45.460>implement <00:18:45.600>it. 376 00:18:47.500 --> 00:18:51.400 <00:18:47.500>We <00:18:47.675>need <00:18:47.850>to <00:18:48.025>there's <00:18:48.200>the <00:18:48.375>notion <00:18:48.550>of <00:18:48.725>Shifting <00:18:48.900>accessibility 377 00:18:50.400 --> 00:18:53.700 <00:18:50.400>left <00:18:50.750>in <00:18:51.100>the <00:18:51.450>product <00:18:51.800>development 378 00:18:53.700 --> 00:18:56.600 <00:18:53.700>process. <00:18:53.933>So <00:18:54.166>from <00:18:54.400>the <00:18:54.633>first <00:18:54.866>drafts, <00:18:55.100>the 379 00:18:56.600 --> 00:18:59.700 <00:18:56.600>first <00:18:56.755>idea <00:18:56.911>is <00:18:57.066>the <00:18:57.222>first <00:18:57.377>mock-ups <00:18:57.533>think <00:18:57.688>about <00:18:57.844>how <00:18:58.000>can 380 00:18:59.700 --> 00:19:01.000 <00:18:59.700>we <00:19:00.090>make <00:19:00.480>this <00:19:00.870>accessible? 381 00:19:02.700 --> 00:19:05.700 <00:19:02.700>Especially <00:19:02.933>one <00:19:03.166>thing <00:19:03.400>that <00:19:03.633>I <00:19:03.866>that <00:19:04.100>I 382 00:19:05.700 --> 00:19:08.900 <00:19:05.700>encounter <00:19:05.875>many <00:19:06.050>times <00:19:06.225>if <00:19:06.400>you're <00:19:06.575>going <00:19:06.750>to <00:19:06.925>design <00:19:07.100>a 383 00:19:08.900 --> 00:19:12.100 <00:19:08.900>user <00:19:09.027>interface <00:19:09.154>that <00:19:09.281>has <00:19:09.409>a <00:19:09.536>lot <00:19:09.663>of <00:19:09.790>drag <00:19:09.918>and <00:19:10.045>drop <00:19:10.172>interactions. <00:19:10.300>Think 384 00:19:11.100 --> 00:19:13.800 <00:19:11.100>about <00:19:11.800>keyboard <00:19:12.500>users. 385 00:19:15.300 --> 00:19:16.700 <00:19:15.300>Just <00:19:15.720>a <00:19:16.140>personal <00:19:16.560>anecdote. 386 00:19:17.300 --> 00:19:20.000 <00:19:17.300>All <00:19:17.500>right. <00:19:17.700>Now <00:19:17.899>that's <00:19:18.100>out <00:19:18.300>of <00:19:18.500>the <00:19:18.700>way. 387 00:19:20.300 --> 00:19:23.700 <00:19:20.300>I <00:19:20.407>hope <00:19:20.515>I <00:19:20.623>didn't <00:19:20.730>scare <00:19:20.838>you <00:19:20.946>off <00:19:21.053>too <00:19:21.161>too <00:19:21.269>much. <00:19:21.376>I <00:19:21.484>I <00:19:21.592>appreciate <00:19:21.700>I 388 00:19:23.700 --> 00:19:26.400 <00:19:23.700>think <00:19:23.875>you're <00:19:24.050>on <00:19:24.225>a <00:19:24.400>great <00:19:24.575>path <00:19:24.750>by <00:19:24.925>already <00:19:25.100>being 389 00:19:26.400 --> 00:19:28.600 <00:19:26.400>here. <00:19:26.866>So <00:19:27.333>great <00:19:27.800>job. 390 00:19:30.400 --> 00:19:31.300 <00:19:30.400>And <00:19:30.805>as <00:19:31.210>promised. 391 00:19:32.100 --> 00:19:33.800 <00:19:32.100>we'll <00:19:32.449>jump <00:19:32.800>into <00:19:33.149>the <00:19:33.500>how 392 00:19:36.200 --> 00:19:39.900 <00:19:36.200>one <00:19:36.480>very <00:19:36.760>easy <00:19:37.040>trick <00:19:37.320>that <00:19:37.600>you 393 00:19:39.900 --> 00:19:42.600 <00:19:39.900>can <00:19:40.133>apply <00:19:40.366>is <00:19:40.600>to <00:19:40.833>use <00:19:41.066>semantic <00:19:41.300>HTML 394 00:19:42.600 --> 00:19:42.900 elements. 395 00:19:43.900 --> 00:19:46.100 <00:19:43.900>I <00:19:44.075>talked <00:19:44.250>about <00:19:44.425>how <00:19:44.600>bad <00:19:44.775>it <00:19:44.950>is <00:19:45.125>to <00:19:45.300>use 396 00:19:46.100 --> 00:19:49.400 <00:19:46.100>divs <00:19:46.379>as <00:19:46.659>buttons <00:19:46.939>same <00:19:47.219>goes <00:19:47.500>for 397 00:19:49.400 --> 00:19:52.800 <00:19:49.400>if <00:19:49.540>some <00:19:49.680>if <00:19:49.820>you <00:19:49.960>have <00:19:50.100>a <00:19:50.240>list <00:19:50.380>on <00:19:50.520>your <00:19:50.660>website <00:19:50.800>make 398 00:19:52.800 --> 00:19:55.100 <00:19:52.800>it <00:19:52.975>a <00:19:53.149>UL <00:19:53.325>or <00:19:53.500>an <00:19:53.675>ol <00:19:53.850>don't <00:19:54.024>make <00:19:54.200>it 399 00:19:55.100 --> 00:19:58.400 <00:19:55.100>a <00:19:55.379>bunch <00:19:55.659>of <00:19:55.939>divs <00:19:56.219>you <00:19:56.500>could 400 00:19:58.400 --> 00:20:01.400 <00:19:58.400>but <00:19:58.575>you <00:19:58.750>get <00:19:58.925>a <00:19:59.100>lot <00:19:59.275>of <00:19:59.450>accessibility <00:19:59.625>out <00:19:59.800>of 401 00:20:01.400 --> 00:20:04.400 <00:20:01.400>the <00:20:01.516>box <00:20:01.633>if <00:20:01.750>you <00:20:01.866>use <00:20:01.983>divs <00:20:02.100>for <00:20:02.216>this <00:20:02.333>stuff, <00:20:02.450>make <00:20:02.566>sure <00:20:02.683>you <00:20:02.800>visit 402 00:20:04.400 --> 00:20:07.700 <00:20:04.400>the <00:20:04.633>Aria <00:20:04.866>website <00:20:05.100>and <00:20:05.333>Implement <00:20:05.566>their <00:20:05.800>patterns, 403 00:20:07.700 --> 00:20:12.700 <00:20:07.700>but <00:20:08.050>generally <00:20:08.400>the <00:20:08.750>native <00:20:09.100>HTML 404 00:20:10.700 --> 00:20:13.500 <00:20:10.700>semantic <00:20:12.100>elements 405 00:20:13.500 --> 00:20:17.000 <00:20:13.500>do <00:20:13.733>a <00:20:13.966>great <00:20:14.200>job <00:20:14.433>also <00:20:14.666>for <00:20:14.900>mobile 406 00:20:16.400 --> 00:20:20.000 <00:20:16.400>users. <00:20:16.633>For <00:20:16.866>example, <00:20:17.100>I <00:20:17.333>personally <00:20:17.566>much <00:20:17.800>prefer 407 00:20:19.500 --> 00:20:22.500 <00:20:19.500>the <00:20:19.966>native <00:20:20.433>dropdowns <00:20:20.900>of 408 00:20:22.500 --> 00:20:26.100 <00:20:22.500>HTML <00:20:22.780>over <00:20:23.060>some <00:20:23.340>JavaScript <00:20:23.620>semantic <00:20:23.900>UI 409 00:20:25.100 --> 00:20:29.400 <00:20:25.100>not <00:20:25.566>not <00:20:26.033>but <00:20:26.500>any 410 00:20:28.400 --> 00:20:32.100 <00:20:28.400>component <00:20:28.866>Library <00:20:29.333>where <00:20:29.800>as 411 00:20:31.100 --> 00:20:34.200 <00:20:31.100>an <00:20:31.333>mobile <00:20:31.566>user <00:20:31.800>I <00:20:32.033>have <00:20:32.266>to <00:20:32.500>use 412 00:20:34.200 --> 00:20:37.400 <00:20:34.200>these <00:20:34.355>same <00:20:34.511>kind <00:20:34.666>of <00:20:34.822>drop-down <00:20:34.977>as <00:20:35.133>desktop <00:20:35.288>users. <00:20:35.444>Do <00:20:35.600>you 413 00:20:37.400 --> 00:20:41.200 <00:20:37.400>try <00:20:37.600>it <00:20:37.800>out <00:20:38.000>compare <00:20:38.200>a <00:20:38.400>native <00:20:38.600>HTML <00:20:38.800>select 414 00:20:40.200 --> 00:20:43.500 <00:20:40.200>on <00:20:40.480>your <00:20:40.760>phone <00:20:41.040>with <00:20:41.320>one <00:20:41.600>that 415 00:20:43.800 --> 00:20:47.400 <00:20:43.800>World <00:20:44.033>with <00:20:44.266>a <00:20:44.500>JavaScript <00:20:44.733>component <00:20:44.966>and <00:20:45.200>I 416 00:20:46.400 --> 00:20:49.600 <00:20:46.400>guarantee <00:20:46.600>you <00:20:46.800>you <00:20:47.000>will <00:20:47.200>enjoy <00:20:47.400>the <00:20:47.600>native <00:20:47.800>one 417 00:20:49.600 --> 00:20:50.100 <00:20:49.600>a <00:20:49.824>lot <00:20:50.050>more. 418 00:20:52.600 --> 00:20:55.900 <00:20:52.600>Now <00:20:52.833>that's <00:20:53.066>scratching <00:20:53.300>the <00:20:53.533>surface. <00:20:53.766>Let's <00:20:54.000>jump 419 00:20:55.900 --> 00:20:59.100 <00:20:55.900>to <00:20:56.366>another <00:20:56.833>short <00:20:57.300>thing. 420 00:20:58.100 --> 00:20:59.900 <00:20:58.100>That's <00:20:58.566>easy <00:20:59.033>to <00:20:59.500>remember. 421 00:21:01.400 --> 00:21:04.500 <00:21:01.400>Any <00:21:01.600>action <00:21:01.800>that <00:21:02.000>can <00:21:02.200>be <00:21:02.400>done <00:21:02.600>using <00:21:02.800>a 422 00:21:04.500 --> 00:21:07.400 <00:21:04.500>mouse <00:21:04.733>should <00:21:04.966>also <00:21:05.200>be <00:21:05.433>possible <00:21:05.666>using <00:21:05.900>a 423 00:21:07.400 --> 00:21:07.700 keyboard. 424 00:21:08.500 --> 00:21:10.000 <00:21:08.500>if <00:21:08.837>you <00:21:09.175>adhere <00:21:09.512>to <00:21:09.850>this 425 00:21:11.100 --> 00:21:14.500 <00:21:11.100>you'll <00:21:11.300>also <00:21:11.500>be <00:21:11.699>one <00:21:11.899>step <00:21:12.100>closer <00:21:12.300>to <00:21:12.500>having 426 00:21:14.500 --> 00:21:17.800 <00:21:14.500>a <00:21:14.780>pretty <00:21:15.060>good <00:21:15.340>experience <00:21:15.620>for <00:21:15.900>many 427 00:21:17.800 --> 00:21:20.700 <00:21:17.800>devices <00:21:18.080>that <00:21:18.360>users <00:21:18.639>use <00:21:18.919>to <00:21:19.200>browse 428 00:21:20.700 --> 00:21:21.300 <00:21:20.700>your <00:21:21.240>websites. 429 00:21:23.600 --> 00:21:26.200 <00:21:23.600>And <00:21:23.949>let's <00:21:24.300>get <00:21:24.649>a <00:21:25.000>little 430 00:21:26.200 --> 00:21:29.600 <00:21:26.200>more <00:21:26.355>comprehensive. <00:21:26.511>Let's <00:21:26.666>say <00:21:26.822>maybe <00:21:26.977>you <00:21:27.133>actually <00:21:27.288>do <00:21:27.444>want <00:21:27.600>to 431 00:21:29.600 --> 00:21:33.100 <00:21:29.600>have <00:21:29.800>these <00:21:30.000>public <00:21:30.199>agencies <00:21:30.399>as <00:21:30.600>your <00:21:30.800>customers <00:21:31.000>and 432 00:21:32.100 --> 00:21:35.100 <00:21:32.100>get <00:21:32.379>all <00:21:32.659>the <00:21:32.939>money <00:21:33.219>in <00:21:33.500>the 433 00:21:35.100 --> 00:21:38.800 <00:21:35.100>world. <00:21:35.333>Then <00:21:35.566>you <00:21:35.800>will <00:21:36.033>probably <00:21:36.266>need <00:21:36.500>checklists. 434 00:21:39.400 --> 00:21:42.800 <00:21:39.400>And <00:21:39.555>I <00:21:39.711>talked <00:21:39.866>about <00:21:40.022>the <00:21:40.177>web <00:21:40.333>content <00:21:40.488>accessibility <00:21:40.644>guidelines. <00:21:40.800>This 435 00:21:42.800 --> 00:21:45.200 <00:21:42.800>is <00:21:43.149>a <00:21:43.500>video <00:21:43.850>of <00:21:44.200>the 436 00:21:45.200 --> 00:21:49.000 <00:21:45.200>website <00:21:45.550>the <00:21:45.900>accessibility <00:21:46.250>project. <00:21:46.600>They 437 00:21:48.300 --> 00:21:51.600 <00:21:48.300>have <00:21:48.766>a <00:21:49.233>neatly <00:21:49.700>designed. 438 00:21:54.400 --> 00:21:57.100 <00:21:54.400>Um, <00:21:54.633>yeah <00:21:54.866>checklist <00:21:55.100>that <00:21:55.333>I <00:21:55.566>like <00:21:55.800>to 439 00:21:57.100 --> 00:22:00.000 <00:21:57.100>use <00:21:57.274>when <00:21:57.449>I <00:21:57.625>really <00:21:57.800>want <00:21:57.975>to <00:21:58.149>check <00:21:58.324>all <00:21:58.500>the 440 00:22:00.400 --> 00:22:03.600 <00:22:00.400>boxes <00:22:00.750>and <00:22:01.100>they <00:22:01.450>use <00:22:01.800>the 441 00:22:03.600 --> 00:22:06.300 <00:22:03.600>web <00:22:03.833>content <00:22:04.066>accessibility <00:22:04.300>guidelines <00:22:04.533>as <00:22:04.766>a <00:22:05.000>base. 442 00:22:07.900 --> 00:22:10.200 <00:22:07.900>The <00:22:08.250>web <00:22:08.600>accessibility <00:22:08.950>initiative <00:22:09.300>also 443 00:22:10.200 --> 00:22:13.700 <00:22:10.200>publishes <00:22:10.375>their <00:22:10.550>own <00:22:10.725>dashboard <00:22:10.900>with <00:22:11.075>all <00:22:11.250>the <00:22:11.425>guidelines, <00:22:11.600>but 444 00:22:13.700 --> 00:22:16.900 <00:22:13.700>it <00:22:13.900>can <00:22:14.100>be <00:22:14.300>a <00:22:14.500>little <00:22:14.700>overwhelming <00:22:14.900>still <00:22:15.100>I 445 00:22:16.900 --> 00:22:19.800 <00:22:16.900>do <00:22:17.133>recommend <00:22:17.366>checking <00:22:17.600>it <00:22:17.833>out. <00:22:18.066>It's <00:22:18.300>called 446 00:22:19.800 --> 00:22:22.000 <00:22:19.800>the <00:22:20.266>wikag <00:22:20.733>quick <00:22:21.200>graph. 447 00:22:23.500 --> 00:22:27.200 <00:22:23.500>Okay, <00:22:23.700>so <00:22:23.900>checklists <00:22:24.100>are <00:22:24.300>great <00:22:24.500>tool. <00:22:24.700>I'm <00:22:24.900>now 448 00:22:26.200 --> 00:22:29.000 <00:22:26.200>going <00:22:26.433>to <00:22:26.666>present <00:22:26.900>you <00:22:27.133>with <00:22:27.366>my <00:22:27.600>own. 449 00:22:30.400 --> 00:22:32.700 <00:22:30.400>no <00:22:30.680>in <00:22:30.960>your <00:22:31.240>sleep <00:22:31.520>checklist, <00:22:31.800>so 450 00:22:33.700 --> 00:22:36.400 <00:22:33.700>if <00:22:33.933>I'm <00:22:34.166>going <00:22:34.400>to <00:22:34.633>break <00:22:34.866>into <00:22:35.100>your 451 00:22:36.400 --> 00:22:39.400 <00:22:36.400>home <00:22:36.555>and <00:22:36.711>wake <00:22:36.866>you <00:22:37.022>up <00:22:37.177>and <00:22:37.333>ask <00:22:37.488>you <00:22:37.644>tell <00:22:37.800>me 452 00:22:39.400 --> 00:22:43.000 <00:22:39.400>the <00:22:39.600>accessibility <00:22:39.800>checklist, <00:22:40.000>then <00:22:40.200>you <00:22:40.400>should <00:22:40.600>name <00:22:40.800>these 453 00:22:42.800 --> 00:22:44.200 <00:22:42.800>following <00:22:44.060>things. 454 00:22:47.300 --> 00:22:50.300 <00:22:47.300>Form <00:22:47.455>inputs <00:22:47.611>must <00:22:47.766>have <00:22:47.922>a <00:22:48.077>label. <00:22:48.233>This <00:22:48.388>one <00:22:48.544>is <00:22:48.700>a 455 00:22:50.300 --> 00:22:51.900 <00:22:50.300>pretty <00:22:50.649>bad <00:22:51.000>form <00:22:51.350>input <00:22:51.700>the 456 00:22:52.900 --> 00:22:56.500 <00:22:52.900>Screen <00:22:53.075>reader <00:22:53.250>would <00:22:53.425>not <00:22:53.600>be <00:22:53.775>able <00:22:53.950>to <00:22:54.125>associate <00:22:54.300>the 457 00:22:55.500 --> 00:22:58.500 <00:22:55.500>paragraph <00:22:55.966>text <00:22:56.433>about <00:22:56.900>the 458 00:22:58.500 --> 00:23:00.400 <00:22:58.500>input <00:22:58.850>with <00:22:59.200>the <00:22:59.550>input <00:22:59.900>itself. 459 00:23:01.200 --> 00:23:04.900 <00:23:01.200>the <00:23:01.355>right <00:23:01.511>way <00:23:01.666>to <00:23:01.822>do <00:23:01.977>this <00:23:02.133>is <00:23:02.288>to <00:23:02.444>either <00:23:02.600>wrap 460 00:23:04.900 --> 00:23:08.900 <00:23:04.900>the <00:23:05.100>input <00:23:05.300>in <00:23:05.500>the <00:23:05.700>label <00:23:05.900>element <00:23:06.100>or <00:23:06.300>you 461 00:23:07.900 --> 00:23:10.400 <00:23:07.900>give <00:23:08.250>the <00:23:08.600>input <00:23:08.950>and <00:23:09.300>ID 462 00:23:10.400 --> 00:23:13.400 <00:23:10.400>and <00:23:10.575>use <00:23:10.750>the <00:23:10.925>four <00:23:11.100>attribute <00:23:11.275>with <00:23:11.450>that <00:23:11.625>ID <00:23:11.800>on 463 00:23:13.400 --> 00:23:16.600 <00:23:13.400>the <00:23:13.633>label <00:23:13.866>and <00:23:14.100>then <00:23:14.333>when <00:23:14.566>screen <00:23:14.800>reader 464 00:23:16.600 --> 00:23:19.300 <00:23:16.600>users <00:23:16.800>actually <00:23:17.000>focus <00:23:17.199>on <00:23:17.399>your <00:23:17.600>input, <00:23:17.800>the <00:23:18.000>screen 465 00:23:19.300 --> 00:23:22.600 <00:23:19.300>reader <00:23:19.407>will <00:23:19.515>be <00:23:19.623>able <00:23:19.730>to <00:23:19.838>tell <00:23:19.946>them <00:23:20.053>that <00:23:20.161>it's <00:23:20.269>not <00:23:20.376>just <00:23:20.484>some <00:23:20.592>input <00:23:20.700>but 466 00:23:22.600 --> 00:23:23.900 <00:23:22.600>it's <00:23:22.990>an <00:23:23.380>input <00:23:23.770>that 467 00:23:25.400 --> 00:23:27.900 <00:23:25.400>asks <00:23:25.555>you <00:23:25.711>to <00:23:25.866>enter <00:23:26.022>your <00:23:26.177>age. <00:23:26.333>This <00:23:26.488>is <00:23:26.644>really <00:23:26.800>crucial. 468 00:23:29.300 --> 00:23:31.300 <00:23:29.300>Yeah <00:23:29.649>and <00:23:30.000>simple <00:23:30.350>to <00:23:30.700>do. 469 00:23:34.400 --> 00:23:37.200 <00:23:34.400>Images <00:23:34.680>must <00:23:34.960>have <00:23:35.240>an <00:23:35.520>ALT <00:23:35.800>attribute. 470 00:23:38.700 --> 00:23:39.800 <00:23:38.700>So <00:23:38.898>that <00:23:39.096>one <00:23:39.294>doesn't <00:23:39.492>have <00:23:39.690>one. 471 00:23:40.800 --> 00:23:44.500 <00:23:40.800>Here <00:23:41.033>are <00:23:41.266>two <00:23:41.500>examples <00:23:41.733>of <00:23:41.966>valid, <00:23:42.200>alt 472 00:23:43.500 --> 00:23:46.900 <00:23:43.500>attributes. <00:23:43.780>The <00:23:44.060>first <00:23:44.340>one <00:23:44.620>actually <00:23:44.900>describes. 473 00:23:46.900 --> 00:23:49.600 <00:23:46.900>What's <00:23:47.180>in <00:23:47.460>the <00:23:47.740>image. <00:23:48.020>The <00:23:48.300>second 474 00:23:49.600 --> 00:23:52.200 <00:23:49.600>one <00:23:49.833>is <00:23:50.066>just <00:23:50.300>empty <00:23:50.533>now. <00:23:50.766>Why <00:23:51.000>is 475 00:23:52.200 --> 00:23:55.400 <00:23:52.200>that? <00:23:52.433>That's <00:23:52.666>because <00:23:52.900>the <00:23:53.133>background <00:23:53.366>puppies <00:23:53.600>picture 476 00:23:56.300 --> 00:23:59.400 <00:23:56.300>is <00:23:56.500>only <00:23:56.700>presentational <00:23:56.899>it <00:23:57.100>does <00:23:57.300>not <00:23:57.500>convey <00:23:57.700>any 477 00:23:59.400 --> 00:24:01.000 <00:23:59.400>meaning <00:23:59.750>on <00:24:00.100>my <00:24:00.450>website <00:24:00.800>and 478 00:24:02.700 --> 00:24:05.700 <00:24:02.700>While <00:24:02.900>one <00:24:03.100>might <00:24:03.300>think <00:24:03.500>well, <00:24:03.700>then <00:24:03.900>I <00:24:04.100>kind 479 00:24:05.700 --> 00:24:08.500 <00:24:05.700>of <00:24:05.855>Meet <00:24:06.011>the <00:24:06.166>alt <00:24:06.322>attribute <00:24:06.477>altogether. <00:24:06.633>You <00:24:06.788>should <00:24:06.944>actually <00:24:07.100>set 480 00:24:08.500 --> 00:24:11.300 <00:24:08.500>it <00:24:08.655>to <00:24:08.811>an <00:24:08.966>empty <00:24:09.122>string. <00:24:09.277>So <00:24:09.433>that <00:24:09.588>is <00:24:09.744>also <00:24:09.900>a 481 00:24:11.300 --> 00:24:12.000 <00:24:11.300>common <00:24:11.930>pitfall. 482 00:24:15.500 --> 00:24:18.700 <00:24:15.500>Buttons <00:24:15.733>must <00:24:15.966>have <00:24:16.200>a <00:24:16.433>meaningful <00:24:16.666>label. <00:24:16.900>I 483 00:24:18.700 --> 00:24:22.000 <00:24:18.700>think <00:24:18.875>guilty <00:24:19.050>of <00:24:19.225>this <00:24:19.400>myself <00:24:19.575>many <00:24:19.750>times <00:24:19.925>when <00:24:20.100>you 484 00:24:21.400 --> 00:24:24.500 <00:24:21.400>build <00:24:21.680>some <00:24:21.960>blog <00:24:22.240>website <00:24:22.520>and <00:24:22.800>you 485 00:24:24.500 --> 00:24:27.900 <00:24:24.500>have <00:24:24.733>a <00:24:24.966>small <00:24:25.200>read <00:24:25.433>button <00:24:25.666>in <00:24:25.900>the 486 00:24:27.900 --> 00:24:30.400 <00:24:27.900>low <00:24:28.250>each <00:24:28.600>list <00:24:28.950>item <00:24:29.300>on 487 00:24:30.400 --> 00:24:31.000 <00:24:30.400>your <00:24:30.670>main <00:24:30.940>page. 488 00:24:32.200 --> 00:24:35.700 <00:24:32.200>Screen <00:24:32.375>reader <00:24:32.550>users, <00:24:32.725>they <00:24:32.900>skim <00:24:33.075>through <00:24:33.250>the <00:24:33.425>links <00:24:33.600>and 489 00:24:35.700 --> 00:24:38.200 <00:24:35.700>then <00:24:35.900>after <00:24:36.100>every <00:24:36.300>list <00:24:36.500>item <00:24:36.700>they <00:24:36.900>get <00:24:37.100>another 490 00:24:38.200 --> 00:24:40.600 <00:24:38.200>link <00:24:38.666>that <00:24:39.133>says <00:24:39.600>read. 491 00:24:41.600 --> 00:24:43.600 <00:24:41.600>or <00:24:43.000>well 492 00:24:44.300 --> 00:24:47.500 <00:24:44.300>links <00:24:44.500>shouldn't <00:24:44.700>be <00:24:44.899>buttons. <00:24:45.100>That's <00:24:45.300>I <00:24:45.500>also <00:24:45.700>make 493 00:24:47.500 --> 00:24:48.500 <00:24:47.500>something <00:24:47.800>up <00:24:48.100>there <00:24:48.400>but 494 00:24:49.800 --> 00:24:52.400 <00:24:49.800>There's <00:24:50.033>there's <00:24:50.266>two <00:24:50.500>ways. <00:24:50.733>This <00:24:50.966>is <00:24:51.200>an 495 00:24:52.400 --> 00:24:53.600 <00:24:52.400>icon <00:24:52.670>button <00:24:52.940>icon <00:24:53.210>button. <00:24:53.480>So 496 00:24:54.600 --> 00:24:57.300 <00:24:54.600>If <00:24:54.774>not <00:24:54.949>use <00:24:55.125>properly <00:24:55.300>horrible <00:24:55.475>for <00:24:55.649>accessibility <00:24:55.824>because <00:24:56.000>you 497 00:24:57.300 --> 00:25:00.600 <00:24:57.300>have <00:24:57.399>a <00:24:57.500>button <00:24:57.600>it <00:24:57.700>has <00:24:57.800>no <00:24:57.899>text <00:24:58.000>content. <00:24:58.100>It <00:24:58.200>only <00:24:58.300>has <00:24:58.399>some <00:24:58.500>image <00:24:58.600>and <00:24:58.700>the 498 00:25:00.600 --> 00:25:03.500 <00:25:00.600>screen <00:25:00.774>reader <00:25:00.949>will <00:25:01.125>just <00:25:01.300>say <00:25:01.475>well <00:25:01.649>it's <00:25:01.824>some <00:25:02.000>icon. 499 00:25:03.500 --> 00:25:06.900 <00:25:03.500>I <00:25:03.607>don't <00:25:03.715>know <00:25:03.823>what <00:25:03.930>that <00:25:04.038>is. <00:25:04.146>There's <00:25:04.253>no <00:25:04.361>semantic <00:25:04.469>meaning <00:25:04.576>to <00:25:04.684>it <00:25:04.792>whatsoever. <00:25:04.900>And 500 00:25:06.900 --> 00:25:09.300 <00:25:06.900>there's <00:25:07.040>two <00:25:07.180>ways <00:25:07.320>you <00:25:07.460>can <00:25:07.600>fix <00:25:07.740>that. <00:25:07.880>You <00:25:08.020>can <00:25:08.160>either <00:25:08.300>use 501 00:25:09.300 --> 00:25:12.500 <00:25:09.300>the <00:25:09.475>Aria <00:25:09.649>label <00:25:09.825>attribute <00:25:10.000>which <00:25:10.175>will <00:25:10.350>be <00:25:10.524>read <00:25:10.700>out 502 00:25:12.500 --> 00:25:15.300 <00:25:12.500>by <00:25:12.640>the <00:25:12.780>screen <00:25:12.920>reader <00:25:13.060>and <00:25:13.200>then <00:25:13.340>you <00:25:13.480>would <00:25:13.620>put <00:25:13.760>Alia <00:25:13.900>hidden 503 00:25:15.300 --> 00:25:18.300 <00:25:15.300>on <00:25:15.455>the <00:25:15.611>icon <00:25:15.766>because <00:25:15.922>the <00:25:16.077>screen <00:25:16.233>reader <00:25:16.388>really <00:25:16.544>doesn't <00:25:16.700>care 504 00:25:18.300 --> 00:25:21.300 <00:25:18.300>about <00:25:18.580>the <00:25:18.860>icon <00:25:19.139>or <00:25:19.419>alternatively <00:25:19.700>and 505 00:25:21.300 --> 00:25:24.300 <00:25:21.300>that <00:25:21.440>is <00:25:21.580>for <00:25:21.720>example <00:25:21.860>important <00:25:22.000>if <00:25:22.139>you <00:25:22.280>have <00:25:22.419>a <00:25:22.560>multi-language <00:25:22.700>website 506 00:25:24.300 --> 00:25:27.200 <00:25:24.300>because <00:25:24.766>HTML <00:25:25.233>attributes <00:25:25.700>will 507 00:25:27.200 --> 00:25:30.300 <00:25:27.200>not <00:25:27.355>be <00:25:27.511>translated. <00:25:27.666>You <00:25:27.822>will <00:25:27.977>use <00:25:28.133>a <00:25:28.288>screen <00:25:28.444>reader <00:25:28.600>only 508 00:25:30.300 --> 00:25:33.600 <00:25:30.300>CSS <00:25:30.500>class <00:25:30.700>to <00:25:30.899>visually <00:25:31.100>hide <00:25:31.300>this <00:25:31.500>element <00:25:31.700>from 509 00:25:33.600 --> 00:25:36.200 <00:25:33.600>the <00:25:33.833>user <00:25:34.066>from <00:25:34.300>sighted <00:25:34.533>users, <00:25:34.766>but <00:25:35.000>it 510 00:25:36.200 --> 00:25:39.500 <00:25:36.200>will <00:25:36.375>still <00:25:36.550>be <00:25:36.725>accessible <00:25:36.900>to <00:25:37.075>screen <00:25:37.250>readers. <00:25:37.425>So <00:25:37.600>that's 511 00:25:39.500 --> 00:25:40.700 <00:25:39.500>two <00:25:39.770>ways <00:25:40.040>to <00:25:40.310>do <00:25:40.580>that. 512 00:25:43.400 --> 00:25:46.900 <00:25:43.400>Another <00:25:43.600>very <00:25:43.800>important <00:25:44.000>one <00:25:44.200>respect <00:25:44.400>heading <00:25:44.600>hierarchy. <00:25:44.800>It's 513 00:25:46.900 --> 00:25:50.200 <00:25:46.900>often <00:25:47.366>broken <00:25:47.833>and <00:25:48.300>what 514 00:25:49.200 --> 00:25:52.400 <00:25:49.200>you <00:25:49.355>should <00:25:49.511>watch <00:25:49.666>out <00:25:49.822>for <00:25:49.977>here <00:25:50.133>is <00:25:50.288>that <00:25:50.444>every <00:25:50.600>page 515 00:25:52.400 --> 00:25:56.300 <00:25:52.400>should <00:25:52.600>only <00:25:52.800>have <00:25:53.000>one <00:25:53.200>H1 <00:25:53.400>element <00:25:53.600>and <00:25:53.800>you 516 00:25:55.300 --> 00:25:58.800 <00:25:55.300>should <00:25:55.649>not <00:25:56.000>break <00:25:56.350>the <00:25:56.700>hierarchies 517 00:25:58.800 --> 00:26:01.200 <00:25:58.800>if <00:25:58.940>you <00:25:59.080>have <00:25:59.220>an <00:25:59.360>H1 <00:25:59.500>that's <00:25:59.639>followed <00:25:59.780>by <00:25:59.919>an <00:26:00.060>H2. <00:26:00.200>That's 518 00:26:01.200 --> 00:26:04.700 <00:26:01.200>followed <00:26:01.433>by <00:26:01.666>an <00:26:01.900>H <00:26:02.133>H4. <00:26:02.366>Then <00:26:02.600>that's 519 00:26:04.700 --> 00:26:05.900 <00:26:04.700>bad. <00:26:05.060>Where's <00:26:05.420>the <00:26:05.780>H3? 520 00:26:06.900 --> 00:26:09.300 <00:26:06.900>And <00:26:07.366>also <00:26:07.833>give <00:26:08.300>them 521 00:26:09.300 --> 00:26:11.500 <00:26:09.300>a <00:26:09.766>good <00:26:10.233>semantic <00:26:10.700>structure. 522 00:26:12.100 --> 00:26:15.200 <00:26:12.100>Here <00:26:12.300>we <00:26:12.500>see <00:26:12.699>two <00:26:12.899>H <00:26:13.100>ones <00:26:13.300>that's <00:26:13.500>bad 523 00:26:15.200 --> 00:26:19.000 <00:26:15.200>and <00:26:15.433>the <00:26:15.666>one <00:26:15.900>afterwards <00:26:16.133>is <00:26:16.366>an <00:26:16.600>H3. 524 00:26:20.600 --> 00:26:24.000 <00:26:20.600>And <00:26:20.800>what <00:26:21.000>we <00:26:21.199>want <00:26:21.399>actually <00:26:21.600>is <00:26:21.800>one <00:26:22.000>H1 525 00:26:23.500 --> 00:26:26.800 <00:26:23.500>and <00:26:23.850>2 <00:26:24.200>H2S <00:26:24.550>because <00:26:24.900>how 526 00:26:26.800 --> 00:26:30.200 <00:26:26.800>to <00:26:26.955>get <00:26:27.111>to <00:26:27.266>the <00:26:27.422>conference <00:26:27.577>is <00:26:27.733>not <00:26:27.888>really <00:26:28.044>related <00:26:28.200>on 527 00:26:29.200 --> 00:26:33.100 <00:26:29.200>how <00:26:29.433>to <00:26:29.666>buy <00:26:29.900>the <00:26:30.133>tickets. <00:26:30.366>So <00:26:30.600>also 528 00:26:32.100 --> 00:26:33.600 <00:26:32.100>think <00:26:33.449>about 529 00:26:34.500 --> 00:26:35.300 <00:26:34.500>how <00:26:35.220>you 530 00:26:36.500 --> 00:26:38.200 <00:26:36.500>implement <00:26:36.780>the <00:26:37.060>hierarchy <00:26:37.340>of <00:26:37.620>your <00:26:37.900>headings 531 00:26:39.200 --> 00:26:40.200 <00:26:39.200>a <00:26:40.100>consciously 532 00:26:43.300 --> 00:26:46.300 <00:26:43.300>next <00:26:43.500>one <00:26:43.700>focused <00:26:43.899>the <00:26:44.100>focused <00:26:44.300>element <00:26:44.500>on <00:26:44.700>a 533 00:26:46.300 --> 00:26:50.000 <00:26:46.300>website <00:26:46.475>should <00:26:46.649>always <00:26:46.825>be <00:26:47.000>identifiable <00:26:47.175>as <00:26:47.350>such <00:26:47.524>this <00:26:47.700>CSS. 534 00:26:49.400 --> 00:26:52.400 <00:26:49.400>I <00:26:49.555>have <00:26:49.711>written <00:26:49.866>it <00:26:50.022>myself <00:26:50.177>in <00:26:50.333>the <00:26:50.488>past. <00:26:50.644>I'm <00:26:50.800>guilty 535 00:26:52.400 --> 00:26:55.100 <00:26:52.400>because <00:26:52.633>someone <00:26:52.866>said <00:26:53.100>the <00:26:53.333>focus <00:26:53.566>styles <00:26:53.800>are 536 00:26:55.600 --> 00:26:55.600 ugly. 537 00:26:56.600 --> 00:26:58.500 <00:26:56.600>Is <00:26:57.066>very <00:26:57.533>dangerous <00:26:58.000>for? 538 00:26:59.600 --> 00:27:02.300 <00:26:59.600>Keyboard <00:26:59.755>users <00:26:59.911>because <00:27:00.066>when <00:27:00.222>you <00:27:00.377>only <00:27:00.533>use <00:27:00.688>your <00:27:00.844>keyboard <00:27:01.000>to 539 00:27:02.300 --> 00:27:05.600 <00:27:02.300>navigate <00:27:02.533>the <00:27:02.766>website <00:27:03.000>and <00:27:03.233>you <00:27:03.466>look <00:27:03.700>away 540 00:27:05.600 --> 00:27:08.400 <00:27:05.600>because <00:27:05.716>somebody <00:27:05.833>asks <00:27:05.949>you <00:27:06.066>a <00:27:06.183>question <00:27:06.300>and <00:27:06.416>then <00:27:06.533>you <00:27:06.649>no <00:27:06.766>longer <00:27:06.883>know <00:27:07.000>where 541 00:27:08.400 --> 00:27:11.800 <00:27:08.400>you're <00:27:08.507>on <00:27:08.615>the <00:27:08.723>page <00:27:08.830>that <00:27:08.938>is <00:27:09.046>bad. <00:27:09.153>You <00:27:09.261>don't <00:27:09.369>need <00:27:09.476>to <00:27:09.584>use <00:27:09.692>the <00:27:09.800>native 542 00:27:11.800 --> 00:27:14.400 <00:27:11.800>browser <00:27:12.080>outlines. <00:27:12.360>They <00:27:12.639>actually <00:27:12.919>look <00:27:13.200>quite 543 00:27:14.400 --> 00:27:16.900 <00:27:14.400>different <00:27:14.600>depending <00:27:14.800>on <00:27:15.000>which <00:27:15.200>browser <00:27:15.400>you <00:27:15.600>use <00:27:15.800>but 544 00:27:19.100 --> 00:27:22.500 <00:27:19.100>they <00:27:19.255>do <00:27:19.411>a <00:27:19.566>decent <00:27:19.722>job. <00:27:19.877>You <00:27:20.033>can <00:27:20.188>also <00:27:20.344>Implement <00:27:20.500>your 545 00:27:22.500 --> 00:27:24.800 <00:27:22.500>own <00:27:22.850>custom <00:27:23.200>outlines. <00:27:23.550>No <00:27:23.900>problem. 546 00:27:25.600 --> 00:27:27.400 <00:27:25.600>Just <00:27:25.879>don't <00:27:26.159>hide <00:27:26.439>them <00:27:26.719>all <00:27:27.000>together. 547 00:27:30.300 --> 00:27:33.500 <00:27:30.300>Another <00:27:30.533>important <00:27:30.766>one <00:27:31.000>is <00:27:31.233>text <00:27:31.466>contrast <00:27:31.700>and 548 00:27:33.500 --> 00:27:36.800 <00:27:33.500>here <00:27:33.733>I <00:27:33.966>really <00:27:34.200>like <00:27:34.433>that <00:27:34.666>modern <00:27:34.900>browsers 549 00:27:36.800 --> 00:27:40.000 <00:27:36.800>make <00:27:37.000>it <00:27:37.200>quite <00:27:37.399>easy <00:27:37.600>to <00:27:37.800>quickly <00:27:38.000>find <00:27:38.200>issues 550 00:27:39.400 --> 00:27:43.500 <00:27:39.400>in <00:27:39.540>this <00:27:39.680>regard <00:27:39.820>so <00:27:39.960>you <00:27:40.100>can <00:27:40.240>see <00:27:40.380>here <00:27:40.520>that <00:27:40.660>Chrome <00:27:40.800>has 551 00:27:43.500 --> 00:27:47.300 <00:27:43.500>highlighted <00:27:43.733>the <00:27:43.966>contrast <00:27:44.200>here <00:27:44.433>as <00:27:44.666>1.98. <00:27:44.900>It 552 00:27:46.300 --> 00:27:50.100 <00:27:46.300>should <00:27:46.533>be <00:27:46.766>more <00:27:47.000>than <00:27:47.233>4.5. <00:27:47.466>So <00:27:47.700>we're 553 00:27:49.100 --> 00:27:51.700 <00:27:49.100>quite <00:27:49.566>far <00:27:50.033>away <00:27:50.500>here. 554 00:27:56.200 --> 00:27:56.500 Yeah. 555 00:27:58.800 --> 00:28:01.200 <00:27:58.800>Let's <00:27:59.080>get <00:27:59.360>into <00:27:59.639>the <00:27:59.919>so <00:28:00.200>that 556 00:28:01.200 --> 00:28:05.300 <00:28:01.200>was <00:28:01.375>my <00:28:01.550>personal <00:28:01.725>know <00:28:01.900>when <00:28:02.075>you <00:28:02.250>sleep <00:28:02.425>checklist. <00:28:02.600>It's 557 00:28:04.300 --> 00:28:07.300 <00:28:04.300>six <00:28:04.533>items. <00:28:04.766>I'm <00:28:05.000>going <00:28:05.233>to <00:28:05.466>show <00:28:05.700>it 558 00:28:07.300 --> 00:28:08.000 <00:28:07.300>again <00:28:07.510>and <00:28:07.720>the <00:28:07.930>end. 559 00:28:08.900 --> 00:28:11.700 <00:28:08.900>And <00:28:09.180>how <00:28:09.460>can <00:28:09.740>you <00:28:10.020>test <00:28:10.300>this 560 00:28:11.700 --> 00:28:14.300 <00:28:11.700>stuff? <00:28:11.933>So <00:28:12.166>there's <00:28:12.400>a <00:28:12.633>few <00:28:12.866>tools <00:28:13.100>you 561 00:28:14.300 --> 00:28:17.400 <00:28:14.300>have <00:28:14.475>available. <00:28:14.649>There's <00:28:14.825>your <00:28:15.000>keyboard. <00:28:15.175>Just <00:28:15.350>try <00:28:15.524>using <00:28:15.700>only 562 00:28:17.400 --> 00:28:20.800 <00:28:17.400>your <00:28:17.600>keyboard <00:28:17.800>navigating <00:28:18.000>the <00:28:18.200>page. <00:28:18.400>There's <00:28:18.600>screen <00:28:18.800>readers. 563 00:28:20.800 --> 00:28:24.400 <00:28:20.800>For <00:28:20.975>those <00:28:21.149>of <00:28:21.325>you <00:28:21.500>who <00:28:21.675>have <00:28:21.850>used <00:28:22.024>Macos <00:28:22.200>use 564 00:28:24.400 --> 00:28:28.200 <00:28:24.400>apple <00:28:24.540>voiceover. <00:28:24.680>You <00:28:24.820>can <00:28:24.960>activate <00:28:25.100>it <00:28:25.240>by <00:28:25.380>pressing <00:28:25.520>command <00:28:25.660>F5 <00:28:25.800>read 565 00:28:27.200 --> 00:28:30.100 <00:28:27.200>about <00:28:27.400>the <00:28:27.600>controls <00:28:27.800>and <00:28:28.000>give <00:28:28.200>it <00:28:28.400>a <00:28:28.600>try. 566 00:28:30.800 --> 00:28:33.400 <00:28:30.800>It's <00:28:31.266>fun. <00:28:31.733>You <00:28:32.200>can 567 00:28:33.400 --> 00:28:37.000 <00:28:33.400>contract <00:28:33.680>people <00:28:33.960>who <00:28:34.240>offer <00:28:34.520>testing <00:28:34.800>audits. 568 00:28:38.100 --> 00:28:41.700 <00:28:38.100>And <00:28:38.240>there's <00:28:38.379>really <00:28:38.520>nice <00:28:38.659>browser <00:28:38.800>extensions. <00:28:38.939>My <00:28:39.080>favorite <00:28:39.219>one <00:28:39.360>is <00:28:39.500>acts 569 00:28:41.700 --> 00:28:44.100 <00:28:41.700>devtools. <00:28:42.050>I <00:28:42.400>included <00:28:42.750>a <00:28:43.100>video 570 00:28:44.100 --> 00:28:47.100 <00:28:44.100>here <00:28:44.379>so <00:28:44.659>you <00:28:44.939>by <00:28:45.219>using <00:28:45.500>the 571 00:28:47.100 --> 00:28:50.400 <00:28:47.100>X <00:28:47.300>devtools <00:28:47.500>browser <00:28:47.699>extension. <00:28:47.899>It <00:28:48.100>will <00:28:48.300>scan <00:28:48.500>your 572 00:28:50.400 --> 00:28:53.400 <00:28:50.400>page <00:28:50.600>and <00:28:50.800>provide <00:28:51.000>you <00:28:51.200>with <00:28:51.400>all <00:28:51.600>the <00:28:51.800>issues 573 00:28:53.400 --> 00:28:54.800 <00:28:53.400>that <00:28:53.820>have <00:28:54.240>found <00:28:54.659>and 574 00:28:56.200 --> 00:28:59.300 <00:28:56.200>Yeah, <00:28:56.433>it's <00:28:56.666>just <00:28:56.900>super <00:28:57.133>convenient. <00:28:57.366>I <00:28:57.600>highly 575 00:28:59.300 --> 00:29:00.400 <00:28:59.300>recommend <00:29:00.290>it. 576 00:29:02.200 --> 00:29:06.200 <00:29:02.200>Finally, <00:29:02.480>here's <00:29:02.760>another <00:29:03.040>contraction. <00:29:03.320>I <00:29:03.600>need 577 00:29:05.200 --> 00:29:09.200 <00:29:05.200>you <00:29:05.400>to <00:29:05.600>spread <00:29:05.800>the <00:29:06.000>word <00:29:06.200>about <00:29:06.400>accessibility. <00:29:06.600>It 578 00:29:08.200 --> 00:29:11.400 <00:29:08.200>is <00:29:08.480>still <00:29:08.760>a <00:29:09.040>somewhat <00:29:09.320>underrepresented <00:29:09.600>Topic 579 00:29:11.400 --> 00:29:14.000 <00:29:11.400>in <00:29:11.866>the <00:29:12.333>scene <00:29:12.800>and 580 00:29:15.500 --> 00:29:18.700 <00:29:15.500>Yeah, <00:29:15.675>I <00:29:15.850>would <00:29:16.025>be <00:29:16.200>really <00:29:16.375>glad <00:29:16.550>if <00:29:16.725>you <00:29:16.900>feel 581 00:29:18.700 --> 00:29:22.100 <00:29:18.700>encouraged <00:29:18.933>to <00:29:19.166>start <00:29:19.400>your <00:29:19.633>accessibility <00:29:19.866>journey, <00:29:20.100>and 582 00:29:21.100 --> 00:29:24.200 <00:29:21.100>you <00:29:21.379>are <00:29:21.659>not <00:29:21.939>alone. <00:29:22.219>So <00:29:22.500>these 583 00:29:24.200 --> 00:29:27.400 <00:29:24.200>are <00:29:24.327>a <00:29:24.454>few <00:29:24.581>people <00:29:24.709>that <00:29:24.836>I <00:29:24.963>follow <00:29:25.090>on <00:29:25.218>Twitter. <00:29:25.345>I <00:29:25.472>highly <00:29:25.600>recommend 584 00:29:27.400 --> 00:29:30.600 <00:29:27.400>checking <00:29:27.680>them <00:29:27.960>out. <00:29:28.240>They <00:29:28.520>publish <00:29:28.800>some 585 00:29:30.600 --> 00:29:31.700 <00:29:30.600>really <00:29:30.847>nice <00:29:31.095>blogs <00:29:31.342>as <00:29:31.590>well. 586 00:29:32.700 --> 00:29:37.200 <00:29:32.700>And <00:29:33.050>yeah, <00:29:33.400>that's <00:29:33.750>it. <00:29:34.100>I 587 00:29:35.200 --> 00:29:39.000 <00:29:35.200>hope <00:29:35.900>you <00:29:36.600>enjoyed 588 00:29:38.400 --> 00:29:41.300 <00:29:38.400>this <00:29:38.633>trip <00:29:38.866>to <00:29:39.100>the <00:29:39.333>beach <00:29:39.566>a <00:29:39.800>small 589 00:29:41.300 --> 00:29:44.200 <00:29:41.300>Beach <00:29:41.649>cation <00:29:42.000>keep <00:29:42.350>expanding <00:29:42.700>your 590 00:29:44.200 --> 00:29:47.600 <00:29:44.200>accessibility <00:29:44.400>knowledge <00:29:44.600>by <00:29:44.800>asking <00:29:45.000>more <00:29:45.200>questions <00:29:45.400>come <00:29:45.600>chat 591 00:29:47.600 --> 00:29:50.800 <00:29:47.600>with <00:29:47.727>me <00:29:47.854>and <00:29:47.981>my <00:29:48.109>colleagues <00:29:48.236>right <00:29:48.363>in <00:29:48.490>front <00:29:48.618>of <00:29:48.745>stage <00:29:48.872>5. <00:29:49.000>And 592 00:29:50.800 --> 00:29:53.000 <00:29:50.800>yeah. <00:29:51.033>Thank <00:29:51.266>you <00:29:51.500>so <00:29:51.733>much <00:29:51.966>for <00:29:52.200>listening.