WEBVTT Kind: captions Language: en 00:00:00.480 --> 00:00:03.270 align:start position:0% a<00:00:00.640> web<00:00:00.880> accessibility<00:00:01.520> case<00:00:01.760> study<00:00:02.240> part<00:00:02.639> 4 00:00:03.270 --> 00:00:03.280 align:start position:0% a web accessibility case study part 4 00:00:03.280 --> 00:00:05.590 align:start position:0% a web accessibility case study part 4 guided<00:00:03.679> manual<00:00:04.160> testing<00:00:04.799> the<00:00:04.960> page<00:00:05.279> insights 00:00:05.590 --> 00:00:05.600 align:start position:0% guided manual testing the page insights 00:00:05.600 --> 00:00:07.430 align:start position:0% guided manual testing the page insights feature<00:00:05.920> in<00:00:06.000> the<00:00:06.080> dq<00:00:06.480> browser<00:00:06.799> extension 00:00:07.430 --> 00:00:07.440 align:start position:0% feature in the dq browser extension 00:00:07.440 --> 00:00:09.270 align:start position:0% feature in the dq browser extension is<00:00:07.520> a<00:00:07.680> guided<00:00:08.160> manual<00:00:08.480> test<00:00:08.880> tool<00:00:09.120> that 00:00:09.270 --> 00:00:09.280 align:start position:0% is a guided manual test tool that 00:00:09.280 --> 00:00:10.870 align:start position:0% is a guided manual test tool that supplements<00:00:09.760> the<00:00:09.920> browser<00:00:10.320> extension's 00:00:10.870 --> 00:00:10.880 align:start position:0% supplements the browser extension's 00:00:10.880 --> 00:00:12.070 align:start position:0% supplements the browser extension's automated<00:00:11.440> tests 00:00:12.070 --> 00:00:12.080 align:start position:0% automated tests 00:00:12.080 --> 00:00:13.990 align:start position:0% automated tests you<00:00:12.240> have<00:00:12.400> to<00:00:12.480> use<00:00:12.719> informed<00:00:13.200> human<00:00:13.599> judgment 00:00:13.990 --> 00:00:14.000 align:start position:0% you have to use informed human judgment 00:00:14.000 --> 00:00:15.749 align:start position:0% you have to use informed human judgment with<00:00:14.160> page<00:00:14.400> insights<00:00:14.960> meaning<00:00:15.280> that<00:00:15.360> you<00:00:15.519> need 00:00:15.749 --> 00:00:15.759 align:start position:0% with page insights meaning that you need 00:00:15.759 --> 00:00:17.510 align:start position:0% with page insights meaning that you need some<00:00:15.920> background<00:00:16.320> and<00:00:16.480> basic<00:00:16.880> accessibility 00:00:17.510 --> 00:00:17.520 align:start position:0% some background and basic accessibility 00:00:17.520 --> 00:00:18.230 align:start position:0% some background and basic accessibility principles 00:00:18.230 --> 00:00:18.240 align:start position:0% principles 00:00:18.240 --> 00:00:19.990 align:start position:0% principles and<00:00:18.480> you<00:00:18.560> need<00:00:18.720> to<00:00:18.800> know<00:00:19.039> how<00:00:19.199> the<00:00:19.359> tool<00:00:19.600> works 00:00:19.990 --> 00:00:20.000 align:start position:0% and you need to know how the tool works 00:00:20.000 --> 00:00:21.269 align:start position:0% and you need to know how the tool works so<00:00:20.160> let's<00:00:20.320> go<00:00:20.480> over<00:00:20.640> that<00:00:20.800> now 00:00:21.269 --> 00:00:21.279 align:start position:0% so let's go over that now 00:00:21.279 --> 00:00:23.349 align:start position:0% so let's go over that now the<00:00:21.439> first<00:00:21.680> set<00:00:21.840> of<00:00:22.000> tests<00:00:22.320> is<00:00:22.400> for<00:00:22.560> headings 00:00:23.349 --> 00:00:23.359 align:start position:0% the first set of tests is for headings 00:00:23.359 --> 00:00:25.349 align:start position:0% the first set of tests is for headings looking<00:00:23.680> at<00:00:23.760> the<00:00:23.840> webpage<00:00:24.400> itself<00:00:24.880> the<00:00:25.039> text 00:00:25.349 --> 00:00:25.359 align:start position:0% looking at the webpage itself the text 00:00:25.359 --> 00:00:26.950 align:start position:0% looking at the webpage itself the text on<00:00:25.519> the<00:00:25.599> screen<00:00:25.840> that<00:00:26.080> looks<00:00:26.320> like<00:00:26.480> headings 00:00:26.950 --> 00:00:26.960 align:start position:0% on the screen that looks like headings 00:00:26.960 --> 00:00:27.750 align:start position:0% on the screen that looks like headings includes 00:00:27.750 --> 00:00:27.760 align:start position:0% includes 00:00:27.760 --> 00:00:29.429 align:start position:0% includes buy<00:00:28.080> travel<00:00:28.400> packages<00:00:28.880> for<00:00:29.039> your<00:00:29.119> favorite 00:00:29.429 --> 00:00:29.439 align:start position:0% buy travel packages for your favorite 00:00:29.439 --> 00:00:30.950 align:start position:0% buy travel packages for your favorite destinations<00:00:30.160> today 00:00:30.950 --> 00:00:30.960 align:start position:0% destinations today 00:00:30.960 --> 00:00:33.670 align:start position:0% destinations today and<00:00:31.519> set<00:00:31.760> out<00:00:31.920> on<00:00:32.000> your<00:00:32.079> new<00:00:32.320> adventure<00:00:33.120> and 00:00:33.670 --> 00:00:33.680 align:start position:0% and set out on your new adventure and 00:00:33.680 --> 00:00:34.709 align:start position:0% and set out on your new adventure and popular<00:00:34.079> journeys 00:00:34.709 --> 00:00:34.719 align:start position:0% popular journeys 00:00:34.719 --> 00:00:36.470 align:start position:0% popular journeys looking<00:00:35.040> at<00:00:35.120> the<00:00:35.200> results<00:00:35.600> and<00:00:35.680> page<00:00:36.000> insights 00:00:36.470 --> 00:00:36.480 align:start position:0% looking at the results and page insights 00:00:36.480 --> 00:00:38.069 align:start position:0% looking at the results and page insights i<00:00:36.640> see<00:00:36.800> that<00:00:36.960> all<00:00:37.200> three<00:00:37.360> of<00:00:37.440> these<00:00:37.680> are<00:00:37.840> marked 00:00:38.069 --> 00:00:38.079 align:start position:0% i see that all three of these are marked 00:00:38.079 --> 00:00:39.750 align:start position:0% i see that all three of these are marked as<00:00:38.160> headings<00:00:38.559> which<00:00:38.719> is<00:00:38.879> great<00:00:39.200> but<00:00:39.440> page 00:00:39.750 --> 00:00:39.760 align:start position:0% as headings which is great but page 00:00:39.760 --> 00:00:41.590 align:start position:0% as headings which is great but page insights<00:00:40.239> shows<00:00:40.480> that<00:00:40.640> a<00:00:40.719> few<00:00:40.960> other<00:00:41.120> phrases 00:00:41.590 --> 00:00:41.600 align:start position:0% insights shows that a few other phrases 00:00:41.600 --> 00:00:42.950 align:start position:0% insights shows that a few other phrases are<00:00:41.680> also<00:00:41.920> marked<00:00:42.160> as<00:00:42.320> headings<00:00:42.640> that<00:00:42.800> really 00:00:42.950 --> 00:00:42.960 align:start position:0% are also marked as headings that really 00:00:42.960 --> 00:00:43.670 align:start position:0% are also marked as headings that really shouldn't<00:00:43.280> be 00:00:43.670 --> 00:00:43.680 align:start position:0% shouldn't be 00:00:43.680 --> 00:00:45.350 align:start position:0% shouldn't be the<00:00:43.840> promotional<00:00:44.399> cards<00:00:44.879> such<00:00:45.120> as 00:00:45.350 --> 00:00:45.360 align:start position:0% the promotional cards such as 00:00:45.360 --> 00:00:47.110 align:start position:0% the promotional cards such as spectacular<00:00:46.000> mountain<00:00:46.320> vistas 00:00:47.110 --> 00:00:47.120 align:start position:0% spectacular mountain vistas 00:00:47.120 --> 00:00:49.270 align:start position:0% spectacular mountain vistas and<00:00:47.280> so<00:00:47.520> on<00:00:47.840> are<00:00:48.000> large<00:00:48.399> text<00:00:48.719> on<00:00:48.800> the<00:00:48.879> page 00:00:49.270 --> 00:00:49.280 align:start position:0% and so on are large text on the page 00:00:49.280 --> 00:00:50.549 align:start position:0% and so on are large text on the page which<00:00:49.440> sort<00:00:49.600> of<00:00:49.680> looks<00:00:49.920> like<00:00:50.079> headings<00:00:50.399> but 00:00:50.549 --> 00:00:50.559 align:start position:0% which sort of looks like headings but 00:00:50.559 --> 00:00:51.990 align:start position:0% which sort of looks like headings but they're<00:00:50.719> not<00:00:50.960> really<00:00:51.280> headings 00:00:51.990 --> 00:00:52.000 align:start position:0% they're not really headings 00:00:52.000 --> 00:00:53.750 align:start position:0% they're not really headings they<00:00:52.160> don't<00:00:52.399> serve<00:00:52.640> as<00:00:52.719> labels<00:00:53.120> for<00:00:53.360> sections 00:00:53.750 --> 00:00:53.760 align:start position:0% they don't serve as labels for sections 00:00:53.760 --> 00:00:55.910 align:start position:0% they don't serve as labels for sections of<00:00:53.920> content<00:00:54.480> those<00:00:54.719> phrases<00:00:55.120> of<00:00:55.199> text<00:00:55.600> exist 00:00:55.910 --> 00:00:55.920 align:start position:0% of content those phrases of text exist 00:00:55.920 --> 00:00:56.549 align:start position:0% of content those phrases of text exist on<00:00:56.000> their<00:00:56.239> own 00:00:56.549 --> 00:00:56.559 align:start position:0% on their own 00:00:56.559 --> 00:00:58.229 align:start position:0% on their own and<00:00:56.640> they're<00:00:56.800> not<00:00:56.960> labeling<00:00:57.520> anything<00:00:57.920> except 00:00:58.229 --> 00:00:58.239 align:start position:0% and they're not labeling anything except 00:00:58.239 --> 00:01:00.150 align:start position:0% and they're not labeling anything except themselves<00:00:59.039> so<00:00:59.199> these<00:00:59.440> really<00:00:59.680> should<00:00:59.840> not<00:01:00.000> be 00:01:00.150 --> 00:01:00.160 align:start position:0% themselves so these really should not be 00:01:00.160 --> 00:01:01.029 align:start position:0% themselves so these really should not be marked<00:01:00.399> as<00:01:00.480> headings 00:01:01.029 --> 00:01:01.039 align:start position:0% marked as headings 00:01:01.039 --> 00:01:02.950 align:start position:0% marked as headings we<00:01:01.199> can<00:01:01.359> use<00:01:01.520> the<00:01:01.680> highlight<00:01:02.160> all<00:01:02.320> button<00:01:02.800> in 00:01:02.950 --> 00:01:02.960 align:start position:0% we can use the highlight all button in 00:01:02.960 --> 00:01:04.469 align:start position:0% we can use the highlight all button in the<00:01:03.039> page<00:01:03.280> insights<00:01:03.680> if<00:01:03.760> we<00:01:03.920> scroll<00:01:04.159> down<00:01:04.400> a 00:01:04.469 --> 00:01:04.479 align:start position:0% the page insights if we scroll down a 00:01:04.479 --> 00:01:05.910 align:start position:0% the page insights if we scroll down a little<00:01:04.640> bit<00:01:04.879> to<00:01:05.040> show<00:01:05.280> the<00:01:05.360> headings<00:01:05.760> on<00:01:05.840> the 00:01:05.910 --> 00:01:05.920 align:start position:0% little bit to show the headings on the 00:01:05.920 --> 00:01:06.950 align:start position:0% little bit to show the headings on the page<00:01:06.320> if<00:01:06.400> we<00:01:06.479> want 00:01:06.950 --> 00:01:06.960 align:start position:0% page if we want 00:01:06.960 --> 00:01:08.710 align:start position:0% page if we want or<00:01:07.360> we<00:01:07.520> can<00:01:07.680> click<00:01:07.840> on<00:01:08.000> each<00:01:08.240> heading<00:01:08.479> in<00:01:08.640> the 00:01:08.710 --> 00:01:08.720 align:start position:0% or we can click on each heading in the 00:01:08.720 --> 00:01:10.070 align:start position:0% or we can click on each heading in the list<00:01:08.960> on<00:01:09.119> the<00:01:09.200> right<00:01:09.520> to<00:01:09.600> highlight<00:01:09.920> one 00:01:10.070 --> 00:01:10.080 align:start position:0% list on the right to highlight one 00:01:10.080 --> 00:01:11.190 align:start position:0% list on the right to highlight one heading<00:01:10.400> at<00:01:10.479> a<00:01:10.560> time 00:01:11.190 --> 00:01:11.200 align:start position:0% heading at a time 00:01:11.200 --> 00:01:12.870 align:start position:0% heading at a time in<00:01:11.280> terms<00:01:11.600> of<00:01:11.680> the<00:01:11.840> hierarchical<00:01:12.479> order<00:01:12.799> of 00:01:12.870 --> 00:01:12.880 align:start position:0% in terms of the hierarchical order of 00:01:12.880 --> 00:01:14.550 align:start position:0% in terms of the hierarchical order of the<00:01:12.960> headings<00:01:13.520> the<00:01:13.600> first<00:01:13.840> heading<00:01:14.159> is<00:01:14.320> level 00:01:14.550 --> 00:01:14.560 align:start position:0% the headings the first heading is level 00:01:14.560 --> 00:01:15.590 align:start position:0% the headings the first heading is level one<00:01:14.799> which<00:01:14.960> is<00:01:15.119> good 00:01:15.590 --> 00:01:15.600 align:start position:0% one which is good 00:01:15.600 --> 00:01:16.950 align:start position:0% one which is good usually<00:01:15.920> it's<00:01:16.080> best<00:01:16.240> to<00:01:16.320> have<00:01:16.479> just<00:01:16.720> one 00:01:16.950 --> 00:01:16.960 align:start position:0% usually it's best to have just one 00:01:16.960 --> 00:01:18.550 align:start position:0% usually it's best to have just one heading<00:01:17.200> level<00:01:17.520> one<00:01:17.759> but<00:01:17.920> on<00:01:18.080> this<00:01:18.159> page<00:01:18.400> there 00:01:18.550 --> 00:01:18.560 align:start position:0% heading level one but on this page there 00:01:18.560 --> 00:01:19.270 align:start position:0% heading level one but on this page there are<00:01:18.640> two<00:01:18.880> of<00:01:18.960> them 00:01:19.270 --> 00:01:19.280 align:start position:0% are two of them 00:01:19.280 --> 00:01:20.550 align:start position:0% are two of them the<00:01:19.439> fact<00:01:19.680> that<00:01:19.759> they<00:01:19.920> skipped<00:01:20.159> over<00:01:20.320> heading 00:01:20.550 --> 00:01:20.560 align:start position:0% the fact that they skipped over heading 00:01:20.560 --> 00:01:21.910 align:start position:0% the fact that they skipped over heading level<00:01:20.880> two<00:01:21.200> and<00:01:21.280> the<00:01:21.360> fact<00:01:21.600> that<00:01:21.680> they<00:01:21.759> have 00:01:21.910 --> 00:01:21.920 align:start position:0% level two and the fact that they have 00:01:21.920 --> 00:01:23.109 align:start position:0% level two and the fact that they have two<00:01:22.080> heading<00:01:22.400> level<00:01:22.640> one 00:01:23.109 --> 00:01:23.119 align:start position:0% two heading level one 00:01:23.119 --> 00:01:25.109 align:start position:0% two heading level one those<00:01:23.360> are<00:01:23.439> not<00:01:23.600> accessibility<00:01:24.159> violations 00:01:25.109 --> 00:01:25.119 align:start position:0% those are not accessibility violations 00:01:25.119 --> 00:01:26.390 align:start position:0% those are not accessibility violations but<00:01:25.280> they're<00:01:25.360> not<00:01:25.600> accessibility<00:01:26.159> best 00:01:26.390 --> 00:01:26.400 align:start position:0% but they're not accessibility best 00:01:26.400 --> 00:01:27.270 align:start position:0% but they're not accessibility best practices<00:01:26.880> either 00:01:27.270 --> 00:01:27.280 align:start position:0% practices either 00:01:27.280 --> 00:01:28.550 align:start position:0% practices either it<00:01:27.360> would<00:01:27.520> be<00:01:27.600> better<00:01:27.840> to<00:01:27.920> have<00:01:28.080> just<00:01:28.320> one 00:01:28.550 --> 00:01:28.560 align:start position:0% it would be better to have just one 00:01:28.560 --> 00:01:30.069 align:start position:0% it would be better to have just one heading<00:01:28.799> level<00:01:29.040> one<00:01:29.439> with<00:01:29.680> the<00:01:29.759> others<00:01:30.000> at 00:01:30.069 --> 00:01:30.079 align:start position:0% heading level one with the others at 00:01:30.079 --> 00:01:31.109 align:start position:0% heading level one with the others at heading<00:01:30.320> level<00:01:30.640> two 00:01:31.109 --> 00:01:31.119 align:start position:0% heading level two 00:01:31.119 --> 00:01:33.030 align:start position:0% heading level two and<00:01:31.280> if<00:01:31.360> there<00:01:31.520> were<00:01:31.759> any<00:01:32.159> subsections<00:01:32.799> beyond 00:01:33.030 --> 00:01:33.040 align:start position:0% and if there were any subsections beyond 00:01:33.040 --> 00:01:34.310 align:start position:0% and if there were any subsections beyond that<00:01:33.200> then<00:01:33.360> they<00:01:33.520> would<00:01:33.600> be<00:01:33.680> a<00:01:33.759> heading<00:01:34.079> level 00:01:34.310 --> 00:01:34.320 align:start position:0% that then they would be a heading level 00:01:34.320 --> 00:01:34.789 align:start position:0% that then they would be a heading level three 00:01:34.789 --> 00:01:34.799 align:start position:0% three 00:01:34.799 --> 00:01:36.950 align:start position:0% three and<00:01:34.880> then<00:01:35.119> four<00:01:35.439> and<00:01:35.600> so<00:01:35.759> on<00:01:36.240> now<00:01:36.479> i'm<00:01:36.640> going<00:01:36.799> to 00:01:36.950 --> 00:01:36.960 align:start position:0% and then four and so on now i'm going to 00:01:36.960 --> 00:01:38.789 align:start position:0% and then four and so on now i'm going to activate<00:01:37.360> a<00:01:37.439> few<00:01:37.680> hidden<00:01:38.000> parts<00:01:38.240> of<00:01:38.320> the<00:01:38.479> page 00:01:38.789 --> 00:01:38.799 align:start position:0% activate a few hidden parts of the page 00:01:38.799 --> 00:01:40.469 align:start position:0% activate a few hidden parts of the page to<00:01:38.960> retest<00:01:39.439> the<00:01:39.600> heading<00:01:39.920> structure 00:01:40.469 --> 00:01:40.479 align:start position:0% to retest the heading structure 00:01:40.479 --> 00:01:42.389 align:start position:0% to retest the heading structure i'll<00:01:40.720> first<00:01:41.040> activate<00:01:41.439> the<00:01:41.600> more<00:01:41.920> options 00:01:42.389 --> 00:01:42.399 align:start position:0% i'll first activate the more options 00:01:42.399 --> 00:01:43.990 align:start position:0% i'll first activate the more options link<00:01:42.720> which<00:01:42.960> opens<00:01:43.280> a<00:01:43.360> dialog 00:01:43.990 --> 00:01:44.000 align:start position:0% link which opens a dialog 00:01:44.000 --> 00:01:45.270 align:start position:0% link which opens a dialog and<00:01:44.159> then<00:01:44.320> i'll<00:01:44.399> go<00:01:44.560> down<00:01:44.720> to<00:01:44.799> the<00:01:44.960> browser 00:01:45.270 --> 00:01:45.280 align:start position:0% and then i'll go down to the browser 00:01:45.280 --> 00:01:47.190 align:start position:0% and then i'll go down to the browser extension<00:01:45.920> page<00:01:46.240> insights<00:01:46.640> doesn't<00:01:46.880> yet<00:01:47.040> have 00:01:47.190 --> 00:01:47.200 align:start position:0% extension page insights doesn't yet have 00:01:47.200 --> 00:01:48.230 align:start position:0% extension page insights doesn't yet have a<00:01:47.280> refresh<00:01:47.840> option 00:01:48.230 --> 00:01:48.240 align:start position:0% a refresh option 00:01:48.240 --> 00:01:50.149 align:start position:0% a refresh option at<00:01:48.320> least<00:01:48.560> when<00:01:48.720> this<00:01:48.880> video<00:01:49.119> was<00:01:49.280> created<00:01:49.840> so 00:01:50.149 --> 00:01:50.159 align:start position:0% at least when this video was created so 00:01:50.159 --> 00:01:51.670 align:start position:0% at least when this video was created so to<00:01:50.320> refresh<00:01:50.640> the<00:01:50.720> heading<00:01:51.040> list<00:01:51.280> i'm<00:01:51.439> going<00:01:51.600> to 00:01:51.670 --> 00:01:51.680 align:start position:0% to refresh the heading list i'm going to 00:01:51.680 --> 00:01:53.270 align:start position:0% to refresh the heading list i'm going to switch<00:01:52.000> away<00:01:52.240> from<00:01:52.399> the<00:01:52.479> headings<00:01:52.960> option 00:01:53.270 --> 00:01:53.280 align:start position:0% switch away from the headings option 00:01:53.280 --> 00:01:54.789 align:start position:0% switch away from the headings option briefly<00:01:53.920> over<00:01:54.159> to<00:01:54.320> links 00:01:54.789 --> 00:01:54.799 align:start position:0% briefly over to links 00:01:54.799 --> 00:01:56.709 align:start position:0% briefly over to links and<00:01:54.880> then<00:01:55.040> back<00:01:55.280> over<00:01:55.439> to<00:01:55.600> headings<00:01:56.399> now<00:01:56.560> with 00:01:56.709 --> 00:01:56.719 align:start position:0% and then back over to headings now with 00:01:56.719 --> 00:01:58.469 align:start position:0% and then back over to headings now with the<00:01:56.799> heading<00:01:57.040> list<00:01:57.360> refreshed<00:01:58.000> i<00:01:58.159> can<00:01:58.320> look 00:01:58.469 --> 00:01:58.479 align:start position:0% the heading list refreshed i can look 00:01:58.479 --> 00:02:00.230 align:start position:0% the heading list refreshed i can look back<00:01:58.719> at<00:01:58.799> the<00:01:58.880> web<00:01:59.119> page<00:01:59.439> and<00:01:59.600> see<00:01:59.840> that<00:02:00.079> the 00:02:00.230 --> 00:02:00.240 align:start position:0% back at the web page and see that the 00:02:00.240 --> 00:02:00.709 align:start position:0% back at the web page and see that the text 00:02:00.709 --> 00:02:00.719 align:start position:0% text 00:02:00.719 --> 00:02:02.870 align:start position:0% text more<00:02:01.040> search<00:02:01.360> options<00:02:02.000> is<00:02:02.159> visually<00:02:02.640> acting 00:02:02.870 --> 00:02:02.880 align:start position:0% more search options is visually acting 00:02:02.880 --> 00:02:04.149 align:start position:0% more search options is visually acting as<00:02:03.040> a<00:02:03.119> heading<00:02:03.360> in<00:02:03.439> the<00:02:03.520> dialog 00:02:04.149 --> 00:02:04.159 align:start position:0% as a heading in the dialog 00:02:04.159 --> 00:02:05.429 align:start position:0% as a heading in the dialog and<00:02:04.320> that<00:02:04.479> does<00:02:04.640> show<00:02:04.880> up<00:02:04.960> in<00:02:05.040> the<00:02:05.119> page 00:02:05.429 --> 00:02:05.439 align:start position:0% and that does show up in the page 00:02:05.439 --> 00:02:07.350 align:start position:0% and that does show up in the page insights<00:02:05.759> which<00:02:06.000> is<00:02:06.079> good<00:02:06.479> but<00:02:06.719> i<00:02:06.880> still<00:02:07.119> see 00:02:07.350 --> 00:02:07.360 align:start position:0% insights which is good but i still see 00:02:07.360 --> 00:02:08.389 align:start position:0% insights which is good but i still see all<00:02:07.520> the<00:02:07.600> other<00:02:07.840> headings<00:02:08.160> from<00:02:08.319> the 00:02:08.389 --> 00:02:08.399 align:start position:0% all the other headings from the 00:02:08.399 --> 00:02:09.830 align:start position:0% all the other headings from the background<00:02:08.879> behind<00:02:09.200> the<00:02:09.280> dialog 00:02:09.830 --> 00:02:09.840 align:start position:0% background behind the dialog 00:02:09.840 --> 00:02:11.350 align:start position:0% background behind the dialog and<00:02:09.920> that's<00:02:10.160> not<00:02:10.319> good<00:02:10.800> when<00:02:10.959> you're<00:02:11.200> in<00:02:11.280> a 00:02:11.350 --> 00:02:11.360 align:start position:0% and that's not good when you're in a 00:02:11.360 --> 00:02:12.869 align:start position:0% and that's not good when you're in a dialog<00:02:11.840> the<00:02:11.920> only<00:02:12.160> available<00:02:12.560> headings 00:02:12.869 --> 00:02:12.879 align:start position:0% dialog the only available headings 00:02:12.879 --> 00:02:14.630 align:start position:0% dialog the only available headings should<00:02:13.040> be<00:02:13.200> the<00:02:13.280> ones<00:02:13.520> in<00:02:13.599> the<00:02:13.680> dialog<00:02:14.160> itself 00:02:14.630 --> 00:02:14.640 align:start position:0% should be the ones in the dialog itself 00:02:14.640 --> 00:02:14.949 align:start position:0% should be the ones in the dialog itself so 00:02:14.949 --> 00:02:14.959 align:start position:0% so 00:02:14.959 --> 00:02:16.869 align:start position:0% so right<00:02:15.120> now<00:02:15.280> we<00:02:15.440> should<00:02:15.599> see<00:02:15.840> only<00:02:16.000> one<00:02:16.239> heading 00:02:16.869 --> 00:02:16.879 align:start position:0% right now we should see only one heading 00:02:16.879 --> 00:02:18.390 align:start position:0% right now we should see only one heading there<00:02:17.120> is<00:02:17.280> one<00:02:17.520> other<00:02:17.680> line<00:02:17.920> of<00:02:18.000> text<00:02:18.239> in<00:02:18.319> the 00:02:18.390 --> 00:02:18.400 align:start position:0% there is one other line of text in the 00:02:18.400 --> 00:02:20.070 align:start position:0% there is one other line of text in the dialog<00:02:18.879> that<00:02:19.040> we<00:02:19.120> could<00:02:19.360> argue<00:02:19.760> may<00:02:19.920> be 00:02:20.070 --> 00:02:20.080 align:start position:0% dialog that we could argue may be 00:02:20.080 --> 00:02:21.510 align:start position:0% dialog that we could argue may be appropriate<00:02:20.480> as<00:02:20.640> a<00:02:20.720> heading<00:02:21.040> it<00:02:21.200> says 00:02:21.510 --> 00:02:21.520 align:start position:0% appropriate as a heading it says 00:02:21.520 --> 00:02:22.150 align:start position:0% appropriate as a heading it says outbound 00:02:22.150 --> 00:02:22.160 align:start position:0% outbound 00:02:22.160 --> 00:02:24.070 align:start position:0% outbound stopover<00:02:22.640> duration<00:02:23.360> more<00:02:23.599> likely<00:02:23.920> though 00:02:24.070 --> 00:02:24.080 align:start position:0% stopover duration more likely though 00:02:24.080 --> 00:02:25.750 align:start position:0% stopover duration more likely though this<00:02:24.239> would<00:02:24.400> be<00:02:24.480> best<00:02:24.800> as<00:02:25.040> a<00:02:25.120> legend<00:02:25.520> of<00:02:25.680> a 00:02:25.750 --> 00:02:25.760 align:start position:0% this would be best as a legend of a 00:02:25.760 --> 00:02:26.390 align:start position:0% this would be best as a legend of a field<00:02:26.080> set 00:02:26.390 --> 00:02:26.400 align:start position:0% field set 00:02:26.400 --> 00:02:28.309 align:start position:0% field set which<00:02:26.640> is<00:02:26.720> a<00:02:26.800> way<00:02:26.959> to<00:02:27.120> group<00:02:27.440> labels<00:02:27.840> and<00:02:27.920> forms 00:02:28.309 --> 00:02:28.319 align:start position:0% which is a way to group labels and forms 00:02:28.319 --> 00:02:29.910 align:start position:0% which is a way to group labels and forms like<00:02:28.480> this<00:02:28.879> but<00:02:29.120> if<00:02:29.280> you<00:02:29.360> wanted<00:02:29.520> to<00:02:29.599> make<00:02:29.760> it<00:02:29.840> a 00:02:29.910 --> 00:02:29.920 align:start position:0% like this but if you wanted to make it a 00:02:29.920 --> 00:02:31.270 align:start position:0% like this but if you wanted to make it a heading<00:02:30.239> that's<00:02:30.400> not<00:02:30.560> really<00:02:30.879> wrong 00:02:31.270 --> 00:02:31.280 align:start position:0% heading that's not really wrong 00:02:31.280 --> 00:02:32.710 align:start position:0% heading that's not really wrong i<00:02:31.360> wouldn't<00:02:31.680> recommend<00:02:32.080> changing<00:02:32.400> it<00:02:32.480> to<00:02:32.640> a 00:02:32.710 --> 00:02:32.720 align:start position:0% i wouldn't recommend changing it to a 00:02:32.720 --> 00:02:34.710 align:start position:0% i wouldn't recommend changing it to a heading<00:02:33.040> but<00:02:33.200> you<00:02:33.360> could<00:02:34.080> let's<00:02:34.319> activate 00:02:34.710 --> 00:02:34.720 align:start position:0% heading but you could let's activate 00:02:34.720 --> 00:02:35.270 align:start position:0% heading but you could let's activate some<00:02:34.959> other 00:02:35.270 --> 00:02:35.280 align:start position:0% some other 00:02:35.280 --> 00:02:37.270 align:start position:0% some other hidden<00:02:35.599> elements<00:02:36.000> on<00:02:36.080> the<00:02:36.160> page<00:02:36.720> if<00:02:36.879> i<00:02:36.959> hover 00:02:37.270 --> 00:02:37.280 align:start position:0% hidden elements on the page if i hover 00:02:37.280 --> 00:02:38.949 align:start position:0% hidden elements on the page if i hover over<00:02:37.440> some<00:02:37.599> of<00:02:37.680> the<00:02:37.840> drop<00:02:38.000> down<00:02:38.239> menus<00:02:38.640> i<00:02:38.720> see 00:02:38.949 --> 00:02:38.959 align:start position:0% over some of the drop down menus i see 00:02:38.959 --> 00:02:40.710 align:start position:0% over some of the drop down menus i see text<00:02:39.280> that<00:02:39.440> could<00:02:39.760> possibly<00:02:40.160> be<00:02:40.319> marked<00:02:40.560> as<00:02:40.640> a 00:02:40.710 --> 00:02:40.720 align:start position:0% text that could possibly be marked as a 00:02:40.720 --> 00:02:41.670 align:start position:0% text that could possibly be marked as a heading<00:02:40.959> if<00:02:41.040> we<00:02:41.200> want 00:02:41.670 --> 00:02:41.680 align:start position:0% heading if we want 00:02:41.680 --> 00:02:43.509 align:start position:0% heading if we want because<00:02:41.920> the<00:02:42.080> text<00:02:42.480> acts<00:02:42.720> as<00:02:42.800> a<00:02:42.879> label<00:02:43.200> for<00:02:43.360> the 00:02:43.509 --> 00:02:43.519 align:start position:0% because the text acts as a label for the 00:02:43.519 --> 00:02:45.430 align:start position:0% because the text acts as a label for the sections<00:02:43.920> below<00:02:44.480> though<00:02:44.800> here<00:02:44.959> again<00:02:45.280> i'd 00:02:45.430 --> 00:02:45.440 align:start position:0% sections below though here again i'd 00:02:45.440 --> 00:02:47.110 align:start position:0% sections below though here again i'd probably<00:02:45.840> make<00:02:46.000> them<00:02:46.239> field<00:02:46.480> set<00:02:46.720> legends 00:02:47.110 --> 00:02:47.120 align:start position:0% probably make them field set legends 00:02:47.120 --> 00:02:48.710 align:start position:0% probably make them field set legends instead<00:02:47.360> of<00:02:47.519> headings<00:02:48.000> but<00:02:48.160> that's<00:02:48.480> just<00:02:48.640> a 00:02:48.710 --> 00:02:48.720 align:start position:0% instead of headings but that's just a 00:02:48.720 --> 00:02:49.589 align:start position:0% instead of headings but that's just a judgment<00:02:49.120> call 00:02:49.589 --> 00:02:49.599 align:start position:0% judgment call 00:02:49.599 --> 00:02:51.190 align:start position:0% judgment call we<00:02:49.760> can<00:02:49.920> go<00:02:50.080> on<00:02:50.239> to<00:02:50.319> the<00:02:50.400> next<00:02:50.640> category<00:02:51.120> of 00:02:51.190 --> 00:02:51.200 align:start position:0% we can go on to the next category of 00:02:51.200 --> 00:02:52.630 align:start position:0% we can go on to the next category of test<00:02:51.519> which<00:02:51.760> is<00:02:51.840> links 00:02:52.630 --> 00:02:52.640 align:start position:0% test which is links 00:02:52.640 --> 00:02:53.910 align:start position:0% test which is links the<00:02:52.800> first<00:02:52.959> thing<00:02:53.200> i'm<00:02:53.280> going<00:02:53.440> to<00:02:53.599> look<00:02:53.760> for 00:02:53.910 --> 00:02:53.920 align:start position:0% the first thing i'm going to look for 00:02:53.920 --> 00:02:55.589 align:start position:0% the first thing i'm going to look for with<00:02:54.160> links<00:02:54.480> is<00:02:54.640> if<00:02:54.720> there<00:02:54.879> are<00:02:55.040> any<00:02:55.280> empty 00:02:55.589 --> 00:02:55.599 align:start position:0% with links is if there are any empty 00:02:55.599 --> 00:02:56.150 align:start position:0% with links is if there are any empty links 00:02:56.150 --> 00:02:56.160 align:start position:0% links 00:02:56.160 --> 00:02:57.589 align:start position:0% links meaning<00:02:56.400> links<00:02:56.720> that<00:02:56.800> don't<00:02:56.959> have<00:02:57.200> text<00:02:57.519> in 00:02:57.589 --> 00:02:57.599 align:start position:0% meaning links that don't have text in 00:02:57.599 --> 00:02:59.270 align:start position:0% meaning links that don't have text in them<00:02:57.840> or<00:02:58.239> they<00:02:58.400> don't<00:02:58.560> have<00:02:58.720> an<00:02:58.800> accessible 00:02:59.270 --> 00:02:59.280 align:start position:0% them or they don't have an accessible 00:02:59.280 --> 00:02:59.670 align:start position:0% them or they don't have an accessible name 00:02:59.670 --> 00:02:59.680 align:start position:0% name 00:02:59.680 --> 00:03:01.190 align:start position:0% name none<00:02:59.920> of<00:03:00.000> them<00:03:00.159> are<00:03:00.319> empty<00:03:00.560> on<00:03:00.640> this<00:03:00.800> page<00:03:01.040> so 00:03:01.190 --> 00:03:01.200 align:start position:0% none of them are empty on this page so 00:03:01.200 --> 00:03:02.869 align:start position:0% none of them are empty on this page so that's<00:03:01.360> a<00:03:01.440> good<00:03:01.519> start<00:03:02.159> next<00:03:02.480> i'm<00:03:02.640> going<00:03:02.800> to 00:03:02.869 --> 00:03:02.879 align:start position:0% that's a good start next i'm going to 00:03:02.879 --> 00:03:04.390 align:start position:0% that's a good start next i'm going to see<00:03:03.040> if<00:03:03.120> the<00:03:03.200> link<00:03:03.440> text<00:03:03.760> is<00:03:03.840> descriptive 00:03:04.390 --> 00:03:04.400 align:start position:0% see if the link text is descriptive 00:03:04.400 --> 00:03:04.949 align:start position:0% see if the link text is descriptive enough 00:03:04.949 --> 00:03:04.959 align:start position:0% enough 00:03:04.959 --> 00:03:06.790 align:start position:0% enough i'm<00:03:05.200> on<00:03:05.360> the<00:03:05.440> lookout<00:03:05.760> for<00:03:05.920> phrases<00:03:06.400> like 00:03:06.790 --> 00:03:06.800 align:start position:0% i'm on the lookout for phrases like 00:03:06.800 --> 00:03:08.070 align:start position:0% i'm on the lookout for phrases like click<00:03:07.040> here<00:03:07.599> or 00:03:08.070 --> 00:03:08.080 align:start position:0% click here or 00:03:08.080 --> 00:03:10.949 align:start position:0% click here or here<00:03:08.560> or<00:03:08.800> more<00:03:09.280> or<00:03:09.519> read<00:03:09.760> more<00:03:10.239> or<00:03:10.560> any<00:03:10.800> other 00:03:10.949 --> 00:03:10.959 align:start position:0% here or more or read more or any other 00:03:10.959 --> 00:03:12.149 align:start position:0% here or more or read more or any other phrase<00:03:11.280> that<00:03:11.360> doesn't<00:03:11.599> describe<00:03:12.000> the 00:03:12.149 --> 00:03:12.159 align:start position:0% phrase that doesn't describe the 00:03:12.159 --> 00:03:13.430 align:start position:0% phrase that doesn't describe the destination<00:03:12.720> well<00:03:12.959> enough 00:03:13.430 --> 00:03:13.440 align:start position:0% destination well enough 00:03:13.440 --> 00:03:15.270 align:start position:0% destination well enough the<00:03:13.519> link<00:03:13.760> text<00:03:14.159> on<00:03:14.239> this<00:03:14.400> page<00:03:14.879> for<00:03:15.040> all<00:03:15.120> the 00:03:15.270 --> 00:03:15.280 align:start position:0% the link text on this page for all the 00:03:15.280 --> 00:03:16.710 align:start position:0% the link text on this page for all the links<00:03:15.599> actually<00:03:15.840> looks<00:03:16.000> pretty<00:03:16.239> good 00:03:16.710 --> 00:03:16.720 align:start position:0% links actually looks pretty good 00:03:16.720 --> 00:03:18.550 align:start position:0% links actually looks pretty good if<00:03:16.879> we<00:03:16.959> did<00:03:17.200> have<00:03:17.360> non-descriptive<00:03:18.080> phrases 00:03:18.550 --> 00:03:18.560 align:start position:0% if we did have non-descriptive phrases 00:03:18.560 --> 00:03:20.390 align:start position:0% if we did have non-descriptive phrases that<00:03:18.720> would<00:03:18.879> be<00:03:18.959> a<00:03:19.040> violation<00:03:19.680> of<00:03:19.840> the 00:03:20.390 --> 00:03:20.400 align:start position:0% that would be a violation of the 00:03:20.400 --> 00:03:21.750 align:start position:0% that would be a violation of the aaa<00:03:20.560> level<00:03:20.879> of<00:03:20.959> the<00:03:21.120> web<00:03:21.360> content 00:03:21.750 --> 00:03:21.760 align:start position:0% aaa level of the web content 00:03:21.760 --> 00:03:23.270 align:start position:0% aaa level of the web content accessibility<00:03:22.319> guidelines<00:03:22.959> but<00:03:23.120> not 00:03:23.270 --> 00:03:23.280 align:start position:0% accessibility guidelines but not 00:03:23.280 --> 00:03:24.949 align:start position:0% accessibility guidelines but not necessarily<00:03:23.840> at<00:03:23.920> the<00:03:24.000> double<00:03:24.239> a<00:03:24.400> level<00:03:24.720> or<00:03:24.799> the 00:03:24.949 --> 00:03:24.959 align:start position:0% necessarily at the double a level or the 00:03:24.959 --> 00:03:25.830 align:start position:0% necessarily at the double a level or the single<00:03:25.280> a<00:03:25.360> level 00:03:25.830 --> 00:03:25.840 align:start position:0% single a level 00:03:25.840 --> 00:03:27.350 align:start position:0% single a level as<00:03:26.000> long<00:03:26.159> as<00:03:26.319> the<00:03:26.400> surrounding<00:03:26.879> text<00:03:27.200> in<00:03:27.280> the 00:03:27.350 --> 00:03:27.360 align:start position:0% as long as the surrounding text in the 00:03:27.360 --> 00:03:29.190 align:start position:0% as long as the surrounding text in the context<00:03:27.840> of<00:03:27.920> the<00:03:28.080> page<00:03:28.480> allows<00:03:28.799> the<00:03:28.879> user<00:03:29.120> to 00:03:29.190 --> 00:03:29.200 align:start position:0% context of the page allows the user to 00:03:29.200 --> 00:03:30.710 align:start position:0% context of the page allows the user to understand<00:03:29.599> the<00:03:29.760> purpose<00:03:30.080> of<00:03:30.159> the<00:03:30.319> link 00:03:30.710 --> 00:03:30.720 align:start position:0% understand the purpose of the link 00:03:30.720 --> 00:03:32.149 align:start position:0% understand the purpose of the link no<00:03:30.879> matter<00:03:31.120> which<00:03:31.360> level<00:03:31.599> of<00:03:31.680> conformance 00:03:32.149 --> 00:03:32.159 align:start position:0% no matter which level of conformance 00:03:32.159 --> 00:03:33.990 align:start position:0% no matter which level of conformance you're<00:03:32.319> aiming<00:03:32.640> for<00:03:32.879> though<00:03:33.280> i<00:03:33.440> still<00:03:33.680> highly 00:03:33.990 --> 00:03:34.000 align:start position:0% you're aiming for though i still highly 00:03:34.000 --> 00:03:35.830 align:start position:0% you're aiming for though i still highly recommend<00:03:34.480> ensuring<00:03:34.879> that<00:03:34.959> the<00:03:35.120> link<00:03:35.360> text<00:03:35.680> is 00:03:35.830 --> 00:03:35.840 align:start position:0% recommend ensuring that the link text is 00:03:35.840 --> 00:03:37.509 align:start position:0% recommend ensuring that the link text is descriptive<00:03:36.400> on<00:03:36.560> its<00:03:36.720> own<00:03:36.959> when<00:03:37.200> viewed<00:03:37.440> in 00:03:37.509 --> 00:03:37.519 align:start position:0% descriptive on its own when viewed in 00:03:37.519 --> 00:03:39.030 align:start position:0% descriptive on its own when viewed in page<00:03:37.840> insights<00:03:38.239> like<00:03:38.400> this 00:03:39.030 --> 00:03:39.040 align:start position:0% page insights like this 00:03:39.040 --> 00:03:40.470 align:start position:0% page insights like this like<00:03:39.200> i<00:03:39.280> said<00:03:39.440> this<00:03:39.599> page<00:03:39.840> looks<00:03:40.080> good<00:03:40.239> so<00:03:40.400> it 00:03:40.470 --> 00:03:40.480 align:start position:0% like i said this page looks good so it 00:03:40.480 --> 00:03:42.630 align:start position:0% like i said this page looks good so it passes<00:03:40.799> on<00:03:40.959> that<00:03:41.040> criterion<00:03:41.920> i<00:03:42.080> do<00:03:42.239> see<00:03:42.400> some 00:03:42.630 --> 00:03:42.640 align:start position:0% passes on that criterion i do see some 00:03:42.640 --> 00:03:44.309 align:start position:0% passes on that criterion i do see some links<00:03:42.959> that<00:03:43.040> are<00:03:43.200> quite<00:03:43.440> long<00:03:43.760> though 00:03:44.309 --> 00:03:44.319 align:start position:0% links that are quite long though 00:03:44.319 --> 00:03:45.990 align:start position:0% links that are quite long though that's<00:03:44.560> not<00:03:44.720> really<00:03:44.959> a<00:03:45.040> violation<00:03:45.840> since 00:03:45.990 --> 00:03:46.000 align:start position:0% that's not really a violation since 00:03:46.000 --> 00:03:47.910 align:start position:0% that's not really a violation since there's<00:03:46.239> no<00:03:46.480> technical<00:03:46.959> or<00:03:47.200> formal<00:03:47.519> limit<00:03:47.840> on 00:03:47.910 --> 00:03:47.920 align:start position:0% there's no technical or formal limit on 00:03:47.920 --> 00:03:49.270 align:start position:0% there's no technical or formal limit on the<00:03:48.080> length<00:03:48.319> of<00:03:48.480> linked<00:03:48.720> text 00:03:49.270 --> 00:03:49.280 align:start position:0% the length of linked text 00:03:49.280 --> 00:03:50.949 align:start position:0% the length of linked text but<00:03:49.440> it's<00:03:49.599> best<00:03:49.920> practice<00:03:50.239> to<00:03:50.400> keep<00:03:50.560> the<00:03:50.720> links 00:03:50.949 --> 00:03:50.959 align:start position:0% but it's best practice to keep the links 00:03:50.959 --> 00:03:52.309 align:start position:0% but it's best practice to keep the links at<00:03:51.040> least<00:03:51.200> sort<00:03:51.440> of<00:03:51.519> brief<00:03:51.840> as<00:03:51.920> long<00:03:52.159> as<00:03:52.239> you 00:03:52.309 --> 00:03:52.319 align:start position:0% at least sort of brief as long as you 00:03:52.319 --> 00:03:54.229 align:start position:0% at least sort of brief as long as you don't<00:03:52.480> sacrifice<00:03:53.040> descriptiveness 00:03:54.229 --> 00:03:54.239 align:start position:0% don't sacrifice descriptiveness 00:03:54.239 --> 00:03:55.350 align:start position:0% don't sacrifice descriptiveness i've<00:03:54.400> gone<00:03:54.640> through<00:03:54.720> the<00:03:54.799> list<00:03:55.040> of<00:03:55.120> links 00:03:55.350 --> 00:03:55.360 align:start position:0% i've gone through the list of links 00:03:55.360 --> 00:03:56.949 align:start position:0% i've gone through the list of links showing<00:03:55.599> in<00:03:55.680> the<00:03:55.760> default<00:03:56.159> view<00:03:56.400> here<00:03:56.799> we 00:03:56.949 --> 00:03:56.959 align:start position:0% showing in the default view here we 00:03:56.959 --> 00:03:58.070 align:start position:0% showing in the default view here we would<00:03:57.040> need<00:03:57.200> to<00:03:57.360> activate<00:03:57.760> some<00:03:57.840> of<00:03:58.000> the 00:03:58.070 --> 00:03:58.080 align:start position:0% would need to activate some of the 00:03:58.080 --> 00:03:59.589 align:start position:0% would need to activate some of the hidden<00:03:58.400> elements<00:03:58.799> on<00:03:58.879> the<00:03:58.959> page<00:03:59.280> and<00:03:59.439> then 00:03:59.589 --> 00:03:59.599 align:start position:0% hidden elements on the page and then 00:03:59.599 --> 00:03:59.990 align:start position:0% hidden elements on the page and then evaluate 00:03:59.990 --> 00:04:00.000 align:start position:0% evaluate 00:04:00.000 --> 00:04:02.070 align:start position:0% evaluate the<00:04:00.159> links<00:04:00.400> there<00:04:00.720> in<00:04:00.959> dialogues<00:04:01.519> and<00:04:01.599> menus 00:04:02.070 --> 00:04:02.080 align:start position:0% the links there in dialogues and menus 00:04:02.080 --> 00:04:03.350 align:start position:0% the links there in dialogues and menus and<00:04:02.239> refreshing<00:04:02.720> the<00:04:02.799> link<00:04:02.959> list<00:04:03.200> and<00:04:03.280> the 00:04:03.350 --> 00:04:03.360 align:start position:0% and refreshing the link list and the 00:04:03.360 --> 00:04:04.550 align:start position:0% and refreshing the link list and the page<00:04:03.599> insights<00:04:04.000> as<00:04:04.080> we<00:04:04.239> go 00:04:04.550 --> 00:04:04.560 align:start position:0% page insights as we go 00:04:04.560 --> 00:04:05.910 align:start position:0% page insights as we go but<00:04:04.720> for<00:04:04.879> the<00:04:04.959> sake<00:04:05.200> of<00:04:05.280> brevity<00:04:05.680> in<00:04:05.760> this 00:04:05.910 --> 00:04:05.920 align:start position:0% but for the sake of brevity in this 00:04:05.920 --> 00:04:07.990 align:start position:0% but for the sake of brevity in this video<00:04:06.239> i'll<00:04:06.400> move<00:04:06.640> on<00:04:06.799> to<00:04:06.959> the<00:04:07.040> next<00:04:07.200> topic 00:04:07.990 --> 00:04:08.000 align:start position:0% video i'll move on to the next topic 00:04:08.000 --> 00:04:10.309 align:start position:0% video i'll move on to the next topic and<00:04:08.080> that<00:04:08.239> topic<00:04:08.640> is<00:04:08.799> lists<00:04:09.840> with<00:04:10.080> page 00:04:10.309 --> 00:04:10.319 align:start position:0% and that topic is lists with page 00:04:10.319 --> 00:04:12.070 align:start position:0% and that topic is lists with page insights<00:04:10.720> showing<00:04:11.040> the<00:04:11.120> lists<00:04:11.599> i<00:04:11.760> can<00:04:11.920> see 00:04:12.070 --> 00:04:12.080 align:start position:0% insights showing the lists i can see 00:04:12.080 --> 00:04:13.990 align:start position:0% insights showing the lists i can see that<00:04:12.239> one<00:04:12.480> of<00:04:12.560> the<00:04:12.640> list<00:04:12.959> items<00:04:13.360> is<00:04:13.519> empty 00:04:13.990 --> 00:04:14.000 align:start position:0% that one of the list items is empty 00:04:14.000 --> 00:04:15.990 align:start position:0% that one of the list items is empty which<00:04:14.239> isn't<00:04:14.480> good<00:04:14.959> the<00:04:15.200> item<00:04:15.519> either<00:04:15.760> needs 00:04:15.990 --> 00:04:16.000 align:start position:0% which isn't good the item either needs 00:04:16.000 --> 00:04:17.349 align:start position:0% which isn't good the item either needs to<00:04:16.079> have<00:04:16.320> accessible<00:04:16.880> text 00:04:17.349 --> 00:04:17.359 align:start position:0% to have accessible text 00:04:17.359 --> 00:04:19.110 align:start position:0% to have accessible text if<00:04:17.440> it's<00:04:17.600> a<00:04:17.680> real<00:04:17.840> list<00:04:18.160> item<00:04:18.479> or<00:04:18.720> it<00:04:18.799> needs<00:04:19.040> to 00:04:19.110 --> 00:04:19.120 align:start position:0% if it's a real list item or it needs to 00:04:19.120 --> 00:04:21.030 align:start position:0% if it's a real list item or it needs to be<00:04:19.280> deleted<00:04:20.000> let's<00:04:20.160> see<00:04:20.400> which<00:04:20.639> fix<00:04:20.959> is 00:04:21.030 --> 00:04:21.040 align:start position:0% be deleted let's see which fix is 00:04:21.040 --> 00:04:21.749 align:start position:0% be deleted let's see which fix is appropriate 00:04:21.749 --> 00:04:21.759 align:start position:0% appropriate 00:04:21.759 --> 00:04:23.270 align:start position:0% appropriate when<00:04:22.000> i<00:04:22.079> click<00:04:22.240> on<00:04:22.400> that<00:04:22.560> item<00:04:22.800> in<00:04:22.960> page 00:04:23.270 --> 00:04:23.280 align:start position:0% when i click on that item in page 00:04:23.280 --> 00:04:25.189 align:start position:0% when i click on that item in page insights<00:04:23.840> it<00:04:24.000> highlights<00:04:24.479> nothing 00:04:25.189 --> 00:04:25.199 align:start position:0% insights it highlights nothing 00:04:25.199 --> 00:04:26.950 align:start position:0% insights it highlights nothing so<00:04:25.440> it<00:04:25.520> appears<00:04:25.919> that<00:04:26.000> that<00:04:26.240> extra<00:04:26.479> list<00:04:26.720> item 00:04:26.950 --> 00:04:26.960 align:start position:0% so it appears that that extra list item 00:04:26.960 --> 00:04:28.469 align:start position:0% so it appears that that extra list item should<00:04:27.280> simply<00:04:27.520> be<00:04:27.680> deleted 00:04:28.469 --> 00:04:28.479 align:start position:0% should simply be deleted 00:04:28.479 --> 00:04:30.310 align:start position:0% should simply be deleted comparing<00:04:28.880> the<00:04:29.040> lists<00:04:29.360> and<00:04:29.520> page<00:04:29.840> insights<00:04:30.240> to 00:04:30.310 --> 00:04:30.320 align:start position:0% comparing the lists and page insights to 00:04:30.320 --> 00:04:31.510 align:start position:0% comparing the lists and page insights to what<00:04:30.479> i<00:04:30.560> see<00:04:30.720> on<00:04:30.800> the<00:04:30.960> screen 00:04:31.510 --> 00:04:31.520 align:start position:0% what i see on the screen 00:04:31.520 --> 00:04:33.270 align:start position:0% what i see on the screen it<00:04:31.680> looks<00:04:31.919> like<00:04:32.080> they<00:04:32.240> did<00:04:32.479> a<00:04:32.639> reasonably<00:04:33.120> good 00:04:33.270 --> 00:04:33.280 align:start position:0% it looks like they did a reasonably good 00:04:33.280 --> 00:04:35.110 align:start position:0% it looks like they did a reasonably good job<00:04:33.520> of<00:04:33.680> designating<00:04:34.240> things<00:04:34.479> as<00:04:34.720> lists<00:04:34.960> that 00:04:35.110 --> 00:04:35.120 align:start position:0% job of designating things as lists that 00:04:35.120 --> 00:04:36.150 align:start position:0% job of designating things as lists that should<00:04:35.280> be<00:04:35.440> lists 00:04:36.150 --> 00:04:36.160 align:start position:0% should be lists 00:04:36.160 --> 00:04:37.590 align:start position:0% should be lists keep<00:04:36.400> in<00:04:36.479> mind<00:04:36.639> that<00:04:36.880> lists<00:04:37.120> don't<00:04:37.280> have<00:04:37.440> to 00:04:37.590 --> 00:04:37.600 align:start position:0% keep in mind that lists don't have to 00:04:37.600 --> 00:04:39.590 align:start position:0% keep in mind that lists don't have to appear<00:04:38.000> visually<00:04:38.560> stacked<00:04:38.960> on<00:04:39.040> top<00:04:39.280> of<00:04:39.440> each 00:04:39.590 --> 00:04:39.600 align:start position:0% appear visually stacked on top of each 00:04:39.600 --> 00:04:41.189 align:start position:0% appear visually stacked on top of each other<00:04:39.759> in<00:04:39.840> a<00:04:39.919> bulleted<00:04:40.320> list<00:04:40.560> fashion 00:04:41.189 --> 00:04:41.199 align:start position:0% other in a bulleted list fashion 00:04:41.199 --> 00:04:42.550 align:start position:0% other in a bulleted list fashion they<00:04:41.360> can<00:04:41.520> appear<00:04:41.759> horizontally<00:04:42.400> and<00:04:42.479> they 00:04:42.550 --> 00:04:42.560 align:start position:0% they can appear horizontally and they 00:04:42.560 --> 00:04:44.469 align:start position:0% they can appear horizontally and they can<00:04:42.720> appear<00:04:42.960> without<00:04:43.199> bullets<00:04:43.919> the<00:04:44.160> important 00:04:44.469 --> 00:04:44.479 align:start position:0% can appear without bullets the important 00:04:44.479 --> 00:04:46.150 align:start position:0% can appear without bullets the important thing<00:04:44.639> is<00:04:44.800> the<00:04:44.880> underlying<00:04:45.280> markup 00:04:46.150 --> 00:04:46.160 align:start position:0% thing is the underlying markup 00:04:46.160 --> 00:04:47.749 align:start position:0% thing is the underlying markup taking<00:04:46.479> another<00:04:46.720> look<00:04:46.880> at<00:04:46.960> the<00:04:47.120> page<00:04:47.440> i<00:04:47.600> could 00:04:47.749 --> 00:04:47.759 align:start position:0% taking another look at the page i could 00:04:47.759 --> 00:04:49.430 align:start position:0% taking another look at the page i could argue<00:04:48.080> that<00:04:48.240> the<00:04:48.320> items<00:04:48.720> under<00:04:48.960> popular 00:04:49.430 --> 00:04:49.440 align:start position:0% argue that the items under popular 00:04:49.440 --> 00:04:51.030 align:start position:0% argue that the items under popular journeys<00:04:49.840> should<00:04:50.000> be<00:04:50.160> marked<00:04:50.400> up<00:04:50.560> as<00:04:50.720> a<00:04:50.800> list 00:04:51.030 --> 00:04:51.040 align:start position:0% journeys should be marked up as a list 00:04:51.040 --> 00:04:52.629 align:start position:0% journeys should be marked up as a list and<00:04:51.120> that's<00:04:51.360> probably<00:04:51.759> what<00:04:51.840> i<00:04:51.919> would<00:04:52.080> do<00:04:52.240> here 00:04:52.629 --> 00:04:52.639 align:start position:0% and that's probably what i would do here 00:04:52.639 --> 00:04:53.990 align:start position:0% and that's probably what i would do here though<00:04:52.800> if<00:04:52.960> we<00:04:53.040> don't<00:04:53.120> mark<00:04:53.360> it<00:04:53.440> up<00:04:53.600> as<00:04:53.680> a<00:04:53.759> list 00:04:53.990 --> 00:04:54.000 align:start position:0% though if we don't mark it up as a list 00:04:54.000 --> 00:04:55.670 align:start position:0% though if we don't mark it up as a list that's<00:04:54.240> not<00:04:54.400> really<00:04:54.639> a<00:04:54.720> violation<00:04:55.360> it's<00:04:55.520> just 00:04:55.670 --> 00:04:55.680 align:start position:0% that's not really a violation it's just 00:04:55.680 --> 00:04:55.990 align:start position:0% that's not really a violation it's just best 00:04:55.990 --> 00:04:56.000 align:start position:0% best 00:04:56.000 --> 00:04:57.430 align:start position:0% best practice<00:04:56.639> we<00:04:56.800> should<00:04:56.960> activate<00:04:57.360> the 00:04:57.430 --> 00:04:57.440 align:start position:0% practice we should activate the 00:04:57.440 --> 00:04:59.270 align:start position:0% practice we should activate the sub-menus<00:04:58.000> to<00:04:58.080> evaluate<00:04:58.560> them<00:04:58.800> too 00:04:59.270 --> 00:04:59.280 align:start position:0% sub-menus to evaluate them too 00:04:59.280 --> 00:05:01.270 align:start position:0% sub-menus to evaluate them too since<00:04:59.600> most<00:04:59.840> sub-menus<00:05:00.479> have<00:05:00.720> lists<00:05:00.960> inside 00:05:01.270 --> 00:05:01.280 align:start position:0% since most sub-menus have lists inside 00:05:01.280 --> 00:05:03.590 align:start position:0% since most sub-menus have lists inside of<00:05:01.360> them<00:05:02.240> looking<00:05:02.560> at<00:05:02.639> how<00:05:02.800> this<00:05:02.960> page<00:05:03.280> works 00:05:03.590 --> 00:05:03.600 align:start position:0% of them looking at how this page works 00:05:03.600 --> 00:05:05.029 align:start position:0% of them looking at how this page works though<00:05:03.759> it's<00:05:03.919> complicated<00:05:04.400> by<00:05:04.560> the<00:05:04.720> fact<00:05:04.960> that 00:05:05.029 --> 00:05:05.039 align:start position:0% though it's complicated by the fact that 00:05:05.039 --> 00:05:06.950 align:start position:0% though it's complicated by the fact that they<00:05:05.199> are<00:05:05.360> active<00:05:05.759> only<00:05:06.000> on<00:05:06.160> hover 00:05:06.950 --> 00:05:06.960 align:start position:0% they are active only on hover 00:05:06.960 --> 00:05:08.790 align:start position:0% they are active only on hover i'll<00:05:07.199> need<00:05:07.360> to<00:05:07.440> go<00:05:07.680> into<00:05:07.840> the<00:05:08.000> inspector<00:05:08.639> and 00:05:08.790 --> 00:05:08.800 align:start position:0% i'll need to go into the inspector and 00:05:08.800 --> 00:05:10.230 align:start position:0% i'll need to go into the inspector and select<00:05:09.199> the<00:05:09.280> correct<00:05:09.759> node 00:05:10.230 --> 00:05:10.240 align:start position:0% select the correct node 00:05:10.240 --> 00:05:12.310 align:start position:0% select the correct node and<00:05:10.320> then<00:05:10.639> freeze<00:05:10.960> the<00:05:11.039> hover<00:05:11.360> state<00:05:12.080> and<00:05:12.160> then 00:05:12.310 --> 00:05:12.320 align:start position:0% and then freeze the hover state and then 00:05:12.320 --> 00:05:14.070 align:start position:0% and then freeze the hover state and then to<00:05:12.479> speed<00:05:12.720> up<00:05:12.800> the<00:05:12.880> evaluation<00:05:13.520> process<00:05:13.919> i'm 00:05:14.070 --> 00:05:14.080 align:start position:0% to speed up the evaluation process i'm 00:05:14.080 --> 00:05:15.590 align:start position:0% to speed up the evaluation process i'm actually<00:05:14.320> going<00:05:14.560> to<00:05:14.720> freeze<00:05:15.039> the<00:05:15.120> hover<00:05:15.360> state 00:05:15.590 --> 00:05:15.600 align:start position:0% actually going to freeze the hover state 00:05:15.600 --> 00:05:17.270 align:start position:0% actually going to freeze the hover state for<00:05:15.759> two<00:05:16.000> menus<00:05:16.320> at<00:05:16.400> the<00:05:16.479> same<00:05:16.800> time<00:05:17.039> even 00:05:17.270 --> 00:05:17.280 align:start position:0% for two menus at the same time even 00:05:17.280 --> 00:05:18.870 align:start position:0% for two menus at the same time even though<00:05:17.360> this<00:05:17.600> isn't<00:05:17.840> normal<00:05:18.160> behavior 00:05:18.870 --> 00:05:18.880 align:start position:0% though this isn't normal behavior 00:05:18.880 --> 00:05:20.710 align:start position:0% though this isn't normal behavior for<00:05:19.039> evaluation<00:05:19.600> purposes<00:05:20.160> i<00:05:20.240> just<00:05:20.400> need<00:05:20.560> to 00:05:20.710 --> 00:05:20.720 align:start position:0% for evaluation purposes i just need to 00:05:20.720 --> 00:05:23.430 align:start position:0% for evaluation purposes i just need to expose<00:05:21.120> those<00:05:21.360> menus<00:05:21.759> and<00:05:21.919> test<00:05:22.160> them 00:05:23.430 --> 00:05:23.440 align:start position:0% expose those menus and test them 00:05:23.440 --> 00:05:30.469 align:start position:0% expose those menus and test them okay<00:05:23.840> i've<00:05:24.000> frozen<00:05:24.400> the<00:05:24.560> first<00:05:24.880> one 00:05:30.469 --> 00:05:30.479 align:start position:0% 00:05:30.479 --> 00:05:33.590 align:start position:0% and<00:05:31.039> now<00:05:31.360> i've<00:05:31.520> frozen<00:05:31.919> the<00:05:32.000> second<00:05:32.320> one<00:05:33.440> now 00:05:33.590 --> 00:05:33.600 align:start position:0% and now i've frozen the second one now 00:05:33.600 --> 00:05:35.510 align:start position:0% and now i've frozen the second one now with<00:05:33.759> the<00:05:33.840> two<00:05:34.000> menus<00:05:34.400> open<00:05:34.720> i'll<00:05:35.039> refresh 00:05:35.510 --> 00:05:35.520 align:start position:0% with the two menus open i'll refresh 00:05:35.520 --> 00:05:37.110 align:start position:0% with the two menus open i'll refresh page<00:05:35.919> insights 00:05:37.110 --> 00:05:37.120 align:start position:0% page insights 00:05:37.120 --> 00:05:38.950 align:start position:0% page insights and<00:05:37.360> i<00:05:37.520> see<00:05:37.759> that<00:05:37.919> one<00:05:38.080> of<00:05:38.240> the<00:05:38.320> drop<00:05:38.560> down 00:05:38.950 --> 00:05:38.960 align:start position:0% and i see that one of the drop down 00:05:38.960 --> 00:05:41.189 align:start position:0% and i see that one of the drop down menus<00:05:39.600> has<00:05:39.840> a<00:05:40.000> great<00:05:40.320> list<00:05:40.560> structure 00:05:41.189 --> 00:05:41.199 align:start position:0% menus has a great list structure 00:05:41.199 --> 00:05:42.870 align:start position:0% menus has a great list structure and<00:05:41.280> the<00:05:41.440> other<00:05:41.680> one<00:05:41.919> throws<00:05:42.479> all<00:05:42.720> the 00:05:42.870 --> 00:05:42.880 align:start position:0% and the other one throws all the 00:05:42.880 --> 00:05:44.390 align:start position:0% and the other one throws all the language<00:05:43.280> options<00:05:43.680> into<00:05:44.000> one 00:05:44.390 --> 00:05:44.400 align:start position:0% language options into one 00:05:44.400 --> 00:05:46.790 align:start position:0% language options into one list<00:05:44.720> item<00:05:45.199> which<00:05:45.520> is<00:05:45.600> kind<00:05:45.759> of<00:05:45.840> terrible<00:05:46.639> it's 00:05:46.790 --> 00:05:46.800 align:start position:0% list item which is kind of terrible it's 00:05:46.800 --> 00:05:48.629 align:start position:0% list item which is kind of terrible it's not<00:05:47.039> really<00:05:47.360> a<00:05:47.440> technical<00:05:47.840> violation 00:05:48.629 --> 00:05:48.639 align:start position:0% not really a technical violation 00:05:48.639 --> 00:05:49.990 align:start position:0% not really a technical violation but<00:05:48.800> it<00:05:48.880> wouldn't<00:05:49.039> be<00:05:49.199> too<00:05:49.360> much<00:05:49.520> work<00:05:49.759> to<00:05:49.840> turn 00:05:49.990 --> 00:05:50.000 align:start position:0% but it wouldn't be too much work to turn 00:05:50.000 --> 00:05:51.590 align:start position:0% but it wouldn't be too much work to turn these<00:05:50.240> into<00:05:50.400> list<00:05:50.720> items<00:05:51.120> and<00:05:51.199> that's<00:05:51.440> what<00:05:51.520> i 00:05:51.590 --> 00:05:51.600 align:start position:0% these into list items and that's what i 00:05:51.600 --> 00:05:52.950 align:start position:0% these into list items and that's what i would<00:05:51.759> recommend<00:05:52.240> because<00:05:52.479> it<00:05:52.560> would<00:05:52.639> make<00:05:52.880> it 00:05:52.950 --> 00:05:52.960 align:start position:0% would recommend because it would make it 00:05:52.960 --> 00:05:54.070 align:start position:0% would recommend because it would make it more<00:05:53.120> understandable 00:05:54.070 --> 00:05:54.080 align:start position:0% more understandable 00:05:54.080 --> 00:05:56.550 align:start position:0% more understandable especially<00:05:54.560> for<00:05:54.720> screen<00:05:54.960> reader<00:05:55.280> users<00:05:56.240> and 00:05:56.550 --> 00:05:56.560 align:start position:0% especially for screen reader users and 00:05:56.560 --> 00:05:57.990 align:start position:0% especially for screen reader users and as<00:05:56.800> always<00:05:57.120> there<00:05:57.280> are<00:05:57.440> other<00:05:57.600> parts<00:05:57.840> of<00:05:57.919> the 00:05:57.990 --> 00:05:58.000 align:start position:0% as always there are other parts of the 00:05:58.000 --> 00:05:58.950 align:start position:0% as always there are other parts of the page<00:05:58.319> to<00:05:58.400> evaluate 00:05:58.950 --> 00:05:58.960 align:start position:0% page to evaluate 00:05:58.960 --> 00:06:00.550 align:start position:0% page to evaluate other<00:05:59.120> hidden<00:05:59.440> components<00:06:00.000> but<00:06:00.160> i<00:06:00.319> think<00:06:00.400> you 00:06:00.550 --> 00:06:00.560 align:start position:0% other hidden components but i think you 00:06:00.560 --> 00:06:02.230 align:start position:0% other hidden components but i think you get<00:06:00.720> the<00:06:00.800> idea<00:06:01.199> so<00:06:01.360> i'll<00:06:01.440> move<00:06:01.680> on<00:06:01.759> to<00:06:01.919> the<00:06:02.000> next 00:06:02.230 --> 00:06:02.240 align:start position:0% get the idea so i'll move on to the next 00:06:02.240 --> 00:06:03.430 align:start position:0% get the idea so i'll move on to the next topic 00:06:03.430 --> 00:06:03.440 align:start position:0% topic 00:06:03.440 --> 00:06:06.550 align:start position:0% topic images<00:06:04.479> ah<00:06:04.800> look<00:06:04.960> at<00:06:05.039> that<00:06:05.520> lots<00:06:06.000> and<00:06:06.160> lots<00:06:06.400> of 00:06:06.550 --> 00:06:06.560 align:start position:0% images ah look at that lots and lots of 00:06:06.560 --> 00:06:08.550 align:start position:0% images ah look at that lots and lots of images<00:06:06.960> with<00:06:07.199> empty<00:06:07.520> alt<00:06:07.759> text 00:06:08.550 --> 00:06:08.560 align:start position:0% images with empty alt text 00:06:08.560 --> 00:06:10.150 align:start position:0% images with empty alt text but<00:06:08.880> guess<00:06:09.120> what<00:06:09.600> these<00:06:09.840> are<00:06:10.000> not 00:06:10.150 --> 00:06:10.160 align:start position:0% but guess what these are not 00:06:10.160 --> 00:06:12.150 align:start position:0% but guess what these are not automatically<00:06:10.720> accessibility<00:06:11.360> violations 00:06:12.150 --> 00:06:12.160 align:start position:0% automatically accessibility violations 00:06:12.160 --> 00:06:13.830 align:start position:0% automatically accessibility violations they're<00:06:12.400> only<00:06:12.639> violations<00:06:13.280> if<00:06:13.360> the<00:06:13.520> images 00:06:13.830 --> 00:06:13.840 align:start position:0% they're only violations if the images 00:06:13.840 --> 00:06:15.590 align:start position:0% they're only violations if the images are<00:06:13.919> meaningful<00:06:14.720> and<00:06:14.960> if<00:06:15.039> they're<00:06:15.280> missing 00:06:15.590 --> 00:06:15.600 align:start position:0% are meaningful and if they're missing 00:06:15.600 --> 00:06:16.309 align:start position:0% are meaningful and if they're missing alt<00:06:15.759> text 00:06:16.309 --> 00:06:16.319 align:start position:0% alt text 00:06:16.319 --> 00:06:18.070 align:start position:0% alt text and<00:06:16.560> if<00:06:16.720> the<00:06:16.800> surrounding<00:06:17.280> context<00:06:17.759> doesn't 00:06:18.070 --> 00:06:18.080 align:start position:0% and if the surrounding context doesn't 00:06:18.080 --> 00:06:19.590 align:start position:0% and if the surrounding context doesn't provide<00:06:18.400> the<00:06:18.479> same<00:06:18.720> information 00:06:19.590 --> 00:06:19.600 align:start position:0% provide the same information 00:06:19.600 --> 00:06:20.870 align:start position:0% provide the same information let's<00:06:19.759> take<00:06:19.919> a<00:06:20.080> closer<00:06:20.400> look<00:06:20.560> so<00:06:20.720> you<00:06:20.800> know 00:06:20.870 --> 00:06:20.880 align:start position:0% let's take a closer look so you know 00:06:20.880 --> 00:06:22.870 align:start position:0% let's take a closer look so you know what<00:06:20.960> i<00:06:21.039> mean<00:06:21.600> if<00:06:21.759> we<00:06:21.919> highlight<00:06:22.240> the<00:06:22.400> images 00:06:22.870 --> 00:06:22.880 align:start position:0% what i mean if we highlight the images 00:06:22.880 --> 00:06:25.110 align:start position:0% what i mean if we highlight the images we<00:06:23.039> see<00:06:23.280> that<00:06:23.440> a<00:06:23.520> lot<00:06:23.680> of<00:06:23.840> them<00:06:24.080> are<00:06:24.319> icons<00:06:24.880> next 00:06:25.110 --> 00:06:25.120 align:start position:0% we see that a lot of them are icons next 00:06:25.120 --> 00:06:25.909 align:start position:0% we see that a lot of them are icons next to<00:06:25.280> text 00:06:25.909 --> 00:06:25.919 align:start position:0% to text 00:06:25.919 --> 00:06:27.830 align:start position:0% to text the<00:06:26.080> first<00:06:26.319> one<00:06:26.479> is<00:06:26.560> an<00:06:26.720> icon<00:06:27.440> basically 00:06:27.830 --> 00:06:27.840 align:start position:0% the first one is an icon basically 00:06:27.840 --> 00:06:29.029 align:start position:0% the first one is an icon basically showing<00:06:28.080> a<00:06:28.160> person's<00:06:28.639> head 00:06:29.029 --> 00:06:29.039 align:start position:0% showing a person's head 00:06:29.039 --> 00:06:31.430 align:start position:0% showing a person's head next<00:06:29.280> to<00:06:29.440> text<00:06:29.759> saying<00:06:30.080> login<00:06:30.720> the<00:06:30.880> icon<00:06:31.280> does 00:06:31.430 --> 00:06:31.440 align:start position:0% next to text saying login the icon does 00:06:31.440 --> 00:06:33.270 align:start position:0% next to text saying login the icon does not<00:06:31.680> visually<00:06:32.000> convey<00:06:32.400> information<00:06:32.960> beyond 00:06:33.270 --> 00:06:33.280 align:start position:0% not visually convey information beyond 00:06:33.280 --> 00:06:34.629 align:start position:0% not visually convey information beyond the<00:06:33.440> idea<00:06:33.759> of<00:06:33.919> logging<00:06:34.319> in 00:06:34.629 --> 00:06:34.639 align:start position:0% the idea of logging in 00:06:34.639 --> 00:06:36.230 align:start position:0% the idea of logging in the<00:06:34.800> icon<00:06:35.199> just<00:06:35.360> kind<00:06:35.440> of<00:06:35.600> represents<00:06:36.080> a 00:06:36.230 --> 00:06:36.240 align:start position:0% the icon just kind of represents a 00:06:36.240 --> 00:06:37.670 align:start position:0% the icon just kind of represents a person<00:06:36.720> in<00:06:36.800> the<00:06:36.960> abstract 00:06:37.670 --> 00:06:37.680 align:start position:0% person in the abstract 00:06:37.680 --> 00:06:39.749 align:start position:0% person in the abstract so<00:06:37.840> the<00:06:38.000> idea<00:06:38.400> of<00:06:38.560> logging<00:06:38.960> in<00:06:39.280> isn't<00:06:39.520> really 00:06:39.749 --> 00:06:39.759 align:start position:0% so the idea of logging in isn't really 00:06:39.759 --> 00:06:41.270 align:start position:0% so the idea of logging in isn't really enhanced<00:06:40.160> by<00:06:40.319> knowing<00:06:40.560> that<00:06:40.639> there's<00:06:40.880> an<00:06:40.960> icon 00:06:41.270 --> 00:06:41.280 align:start position:0% enhanced by knowing that there's an icon 00:06:41.280 --> 00:06:41.990 align:start position:0% enhanced by knowing that there's an icon next<00:06:41.520> to<00:06:41.680> it 00:06:41.990 --> 00:06:42.000 align:start position:0% next to it 00:06:42.000 --> 00:06:43.590 align:start position:0% next to it so<00:06:42.319> we<00:06:42.479> don't<00:06:42.639> really<00:06:42.960> need<00:06:43.120> to<00:06:43.199> have<00:06:43.440> an 00:06:43.590 --> 00:06:43.600 align:start position:0% so we don't really need to have an 00:06:43.600 --> 00:06:45.110 align:start position:0% so we don't really need to have an accessible<00:06:44.080> name<00:06:44.319> for<00:06:44.479> that<00:06:44.639> image 00:06:45.110 --> 00:06:45.120 align:start position:0% accessible name for that image 00:06:45.120 --> 00:06:46.790 align:start position:0% accessible name for that image we<00:06:45.280> just<00:06:45.440> need<00:06:45.600> the<00:06:45.759> link<00:06:46.000> itself<00:06:46.400> to<00:06:46.479> have<00:06:46.639> an 00:06:46.790 --> 00:06:46.800 align:start position:0% we just need the link itself to have an 00:06:46.800 --> 00:06:48.309 align:start position:0% we just need the link itself to have an accessible<00:06:47.199> name<00:06:47.440> which<00:06:47.680> it<00:06:47.759> does<00:06:48.080> in<00:06:48.240> the 00:06:48.309 --> 00:06:48.319 align:start position:0% accessible name which it does in the 00:06:48.319 --> 00:06:48.870 align:start position:0% accessible name which it does in the text 00:06:48.870 --> 00:06:48.880 align:start position:0% text 00:06:48.880 --> 00:06:50.390 align:start position:0% text so<00:06:49.039> from<00:06:49.199> the<00:06:49.360> perspective<00:06:49.840> of<00:06:50.000> testing 00:06:50.390 --> 00:06:50.400 align:start position:0% so from the perspective of testing 00:06:50.400 --> 00:06:53.110 align:start position:0% so from the perspective of testing things<00:06:50.720> in<00:06:50.880> page<00:06:51.199> insights<00:06:51.840> the<00:06:52.000> image<00:06:52.319> passes 00:06:53.110 --> 00:06:53.120 align:start position:0% things in page insights the image passes 00:06:53.120 --> 00:06:54.710 align:start position:0% things in page insights the image passes now<00:06:53.280> there<00:06:53.520> are<00:06:53.680> ways<00:06:54.000> that<00:06:54.080> this<00:06:54.319> image<00:06:54.560> can 00:06:54.710 --> 00:06:54.720 align:start position:0% now there are ways that this image can 00:06:54.720 --> 00:06:56.469 align:start position:0% now there are ways that this image can still<00:06:55.039> fail<00:06:55.360> on<00:06:55.520> a<00:06:55.599> technical<00:06:56.000> level 00:06:56.469 --> 00:06:56.479 align:start position:0% still fail on a technical level 00:06:56.479 --> 00:06:57.990 align:start position:0% still fail on a technical level but<00:06:56.639> the<00:06:56.800> automated<00:06:57.360> tests<00:06:57.680> in<00:06:57.759> the<00:06:57.840> other 00:06:57.990 --> 00:06:58.000 align:start position:0% but the automated tests in the other 00:06:58.000 --> 00:06:59.430 align:start position:0% but the automated tests in the other part<00:06:58.240> of<00:06:58.319> the<00:06:58.400> browser<00:06:58.720> extension<00:06:59.120> will<00:06:59.280> tell 00:06:59.430 --> 00:06:59.440 align:start position:0% part of the browser extension will tell 00:06:59.440 --> 00:07:00.070 align:start position:0% part of the browser extension will tell us<00:06:59.680> that 00:07:00.070 --> 00:07:00.080 align:start position:0% us that 00:07:00.080 --> 00:07:01.510 align:start position:0% us that we<00:07:00.240> don't<00:07:00.400> need<00:07:00.560> to<00:07:00.639> get<00:07:00.800> into<00:07:00.960> the<00:07:01.120> code<00:07:01.440> or 00:07:01.510 --> 00:07:01.520 align:start position:0% we don't need to get into the code or 00:07:01.520 --> 00:07:03.110 align:start position:0% we don't need to get into the code or the<00:07:01.680> technical<00:07:02.080> details<00:07:02.560> when<00:07:02.720> in<00:07:02.880> page 00:07:03.110 --> 00:07:03.120 align:start position:0% the technical details when in page 00:07:03.120 --> 00:07:04.390 align:start position:0% the technical details when in page insights<00:07:03.520> for<00:07:03.680> the<00:07:03.759> images 00:07:04.390 --> 00:07:04.400 align:start position:0% insights for the images 00:07:04.400 --> 00:07:06.150 align:start position:0% insights for the images all<00:07:04.560> we<00:07:04.639> need<00:07:04.800> to<00:07:04.880> do<00:07:05.039> here<00:07:05.280> is<00:07:05.440> decide<00:07:05.919> if<00:07:06.000> the 00:07:06.150 --> 00:07:06.160 align:start position:0% all we need to do here is decide if the 00:07:06.160 --> 00:07:07.990 align:start position:0% all we need to do here is decide if the alternative<00:07:06.720> text<00:07:07.039> is<00:07:07.199> necessary 00:07:07.990 --> 00:07:08.000 align:start position:0% alternative text is necessary 00:07:08.000 --> 00:07:09.749 align:start position:0% alternative text is necessary and<00:07:08.319> if<00:07:08.479> so<00:07:08.880> if<00:07:09.039> it's<00:07:09.199> accurate<00:07:09.680> and 00:07:09.749 --> 00:07:09.759 align:start position:0% and if so if it's accurate and 00:07:09.759 --> 00:07:11.270 align:start position:0% and if so if it's accurate and descriptive<00:07:10.240> enough<00:07:10.560> in<00:07:10.639> the<00:07:10.720> case<00:07:10.960> of<00:07:11.039> these 00:07:11.270 --> 00:07:11.280 align:start position:0% descriptive enough in the case of these 00:07:11.280 --> 00:07:12.870 align:start position:0% descriptive enough in the case of these icons<00:07:11.599> it's<00:07:11.840> not<00:07:12.000> necessary<00:07:12.479> at<00:07:12.639> all 00:07:12.870 --> 00:07:12.880 align:start position:0% icons it's not necessary at all 00:07:12.880 --> 00:07:15.110 align:start position:0% icons it's not necessary at all so<00:07:13.120> it<00:07:13.360> passes<00:07:14.080> it's<00:07:14.319> important<00:07:14.639> to<00:07:14.800> point<00:07:14.960> out 00:07:15.110 --> 00:07:15.120 align:start position:0% so it passes it's important to point out 00:07:15.120 --> 00:07:17.029 align:start position:0% so it passes it's important to point out though<00:07:15.360> that<00:07:15.520> if<00:07:15.680> these<00:07:15.919> icons<00:07:16.400> did<00:07:16.639> not<00:07:16.880> have 00:07:17.029 --> 00:07:17.039 align:start position:0% though that if these icons did not have 00:07:17.039 --> 00:07:17.589 align:start position:0% though that if these icons did not have the<00:07:17.199> text 00:07:17.589 --> 00:07:17.599 align:start position:0% the text 00:07:17.599 --> 00:07:19.430 align:start position:0% the text next<00:07:17.840> to<00:07:18.000> them<00:07:18.319> they<00:07:18.479> would<00:07:18.639> fail<00:07:19.120> because 00:07:19.430 --> 00:07:19.440 align:start position:0% next to them they would fail because 00:07:19.440 --> 00:07:21.029 align:start position:0% next to them they would fail because they<00:07:19.520> don't<00:07:19.759> have<00:07:20.000> alternative<00:07:20.479> text 00:07:21.029 --> 00:07:21.039 align:start position:0% they don't have alternative text 00:07:21.039 --> 00:07:22.629 align:start position:0% they don't have alternative text the<00:07:21.199> only<00:07:21.360> reason<00:07:21.599> they<00:07:21.840> pass<00:07:22.080> here<00:07:22.479> is 00:07:22.629 --> 00:07:22.639 align:start position:0% the only reason they pass here is 00:07:22.639 --> 00:07:24.469 align:start position:0% the only reason they pass here is because<00:07:22.880> of<00:07:23.039> the<00:07:23.120> text<00:07:23.440> next<00:07:23.680> to<00:07:23.840> them 00:07:24.469 --> 00:07:24.479 align:start position:0% because of the text next to them 00:07:24.479 --> 00:07:26.710 align:start position:0% because of the text next to them in<00:07:24.639> the<00:07:24.800> case<00:07:25.199> of<00:07:25.440> the<00:07:25.599> dream<00:07:26.000> destination 00:07:26.710 --> 00:07:26.720 align:start position:0% in the case of the dream destination 00:07:26.720 --> 00:07:27.990 align:start position:0% in the case of the dream destination logo<00:07:27.280> the<00:07:27.360> alt<00:07:27.599> text 00:07:27.990 --> 00:07:28.000 align:start position:0% logo the alt text 00:07:28.000 --> 00:07:30.070 align:start position:0% logo the alt text says<00:07:28.319> dream<00:07:28.639> destination<00:07:29.120> logo<00:07:29.599> which<00:07:29.919> is 00:07:30.070 --> 00:07:30.080 align:start position:0% says dream destination logo which is 00:07:30.080 --> 00:07:32.230 align:start position:0% says dream destination logo which is accurate<00:07:30.560> and<00:07:30.639> descriptive<00:07:31.199> so<00:07:31.440> it<00:07:31.599> passes 00:07:32.230 --> 00:07:32.240 align:start position:0% accurate and descriptive so it passes 00:07:32.240 --> 00:07:33.749 align:start position:0% accurate and descriptive so it passes you<00:07:32.400> could<00:07:32.720> argue<00:07:33.039> that<00:07:33.120> the<00:07:33.280> text<00:07:33.520> should 00:07:33.749 --> 00:07:33.759 align:start position:0% you could argue that the text should 00:07:33.759 --> 00:07:35.909 align:start position:0% you could argue that the text should just<00:07:33.919> say<00:07:34.160> dream<00:07:34.400> destination<00:07:35.199> or<00:07:35.520> perhaps 00:07:35.909 --> 00:07:35.919 align:start position:0% just say dream destination or perhaps 00:07:35.919 --> 00:07:37.749 align:start position:0% just say dream destination or perhaps stream<00:07:36.319> destination<00:07:36.960> home<00:07:37.199> page 00:07:37.749 --> 00:07:37.759 align:start position:0% stream destination home page 00:07:37.759 --> 00:07:39.589 align:start position:0% stream destination home page those<00:07:38.000> are<00:07:38.080> judgment<00:07:38.479> calls<00:07:38.880> and<00:07:39.120> each<00:07:39.280> can<00:07:39.440> be 00:07:39.589 --> 00:07:39.599 align:start position:0% those are judgment calls and each can be 00:07:39.599 --> 00:07:41.830 align:start position:0% those are judgment calls and each can be acceptable<00:07:40.400> my<00:07:40.639> preference<00:07:41.120> is<00:07:41.280> just<00:07:41.599> dream 00:07:41.830 --> 00:07:41.840 align:start position:0% acceptable my preference is just dream 00:07:41.840 --> 00:07:42.870 align:start position:0% acceptable my preference is just dream destination 00:07:42.870 --> 00:07:42.880 align:start position:0% destination 00:07:42.880 --> 00:07:44.869 align:start position:0% destination there<00:07:43.120> are<00:07:43.440> a<00:07:43.520> lot<00:07:43.680> of<00:07:43.919> images<00:07:44.240> on<00:07:44.400> this<00:07:44.560> page 00:07:44.869 --> 00:07:44.879 align:start position:0% there are a lot of images on this page 00:07:44.879 --> 00:07:46.710 align:start position:0% there are a lot of images on this page and<00:07:45.039> we<00:07:45.199> would<00:07:45.360> need<00:07:45.520> to<00:07:45.680> evaluate<00:07:46.160> the<00:07:46.240> images 00:07:46.710 --> 00:07:46.720 align:start position:0% and we would need to evaluate the images 00:07:46.720 --> 00:07:48.710 align:start position:0% and we would need to evaluate the images in<00:07:46.879> the<00:07:46.960> dialogs<00:07:47.520> and<00:07:47.599> the<00:07:47.759> menus<00:07:48.160> and<00:07:48.240> so<00:07:48.400> on 00:07:48.710 --> 00:07:48.720 align:start position:0% in the dialogs and the menus and so on 00:07:48.720 --> 00:07:50.150 align:start position:0% in the dialogs and the menus and so on as<00:07:48.879> i've<00:07:49.039> mentioned<00:07:49.360> before<00:07:49.680> with<00:07:49.840> the<00:07:50.000> other 00:07:50.150 --> 00:07:50.160 align:start position:0% as i've mentioned before with the other 00:07:50.160 --> 00:07:51.510 align:start position:0% as i've mentioned before with the other tests<00:07:50.479> and<00:07:50.639> page<00:07:50.879> insights 00:07:51.510 --> 00:07:51.520 align:start position:0% tests and page insights 00:07:51.520 --> 00:07:53.110 align:start position:0% tests and page insights that<00:07:51.680> would<00:07:51.840> take<00:07:52.080> quite<00:07:52.240> a<00:07:52.319> while<00:07:52.720> so<00:07:52.879> i<00:07:52.960> won't 00:07:53.110 --> 00:07:53.120 align:start position:0% that would take quite a while so i won't 00:07:53.120 --> 00:07:54.629 align:start position:0% that would take quite a while so i won't go<00:07:53.280> through<00:07:53.520> all<00:07:53.599> of<00:07:53.680> them<00:07:53.840> in<00:07:54.000> this<00:07:54.160> video 00:07:54.629 --> 00:07:54.639 align:start position:0% go through all of them in this video 00:07:54.639 --> 00:07:56.150 align:start position:0% go through all of them in this video i'll<00:07:54.800> just<00:07:54.960> quickly<00:07:55.280> point<00:07:55.520> out<00:07:55.599> that<00:07:55.759> the<00:07:55.919> alt 00:07:56.150 --> 00:07:56.160 align:start position:0% i'll just quickly point out that the alt 00:07:56.160 --> 00:07:57.670 align:start position:0% i'll just quickly point out that the alt text<00:07:56.479> on<00:07:56.560> some<00:07:56.720> of<00:07:56.800> these<00:07:56.960> images<00:07:57.360> is<00:07:57.520> quite 00:07:57.670 --> 00:07:57.680 align:start position:0% text on some of these images is quite 00:07:57.680 --> 00:07:58.309 align:start position:0% text on some of these images is quite long 00:07:58.309 --> 00:07:58.319 align:start position:0% long 00:07:58.319 --> 00:08:00.070 align:start position:0% long it's<00:07:58.479> actually<00:07:58.720> the<00:07:58.879> same<00:07:59.280> long<00:07:59.520> text<00:07:59.840> that<00:07:59.919> we 00:08:00.070 --> 00:08:00.080 align:start position:0% it's actually the same long text that we 00:08:00.080 --> 00:08:01.350 align:start position:0% it's actually the same long text that we saw<00:08:00.240> in<00:08:00.319> the<00:08:00.479> links<00:08:00.800> before 00:08:01.350 --> 00:08:01.360 align:start position:0% saw in the links before 00:08:01.360 --> 00:08:02.790 align:start position:0% saw in the links before because<00:08:01.599> these<00:08:01.840> images<00:08:02.160> are<00:08:02.319> inside<00:08:02.639> the 00:08:02.790 --> 00:08:02.800 align:start position:0% because these images are inside the 00:08:02.800 --> 00:08:04.309 align:start position:0% because these images are inside the links<00:08:03.120> so<00:08:03.280> the<00:08:03.440> accessible<00:08:03.919> name<00:08:04.160> of<00:08:04.240> the 00:08:04.309 --> 00:08:04.319 align:start position:0% links so the accessible name of the 00:08:04.319 --> 00:08:05.909 align:start position:0% links so the accessible name of the images<00:08:04.800> is<00:08:04.960> in<00:08:05.039> fact<00:08:05.280> the<00:08:05.440> same<00:08:05.680> as<00:08:05.840> the 00:08:05.909 --> 00:08:05.919 align:start position:0% images is in fact the same as the 00:08:05.919 --> 00:08:07.189 align:start position:0% images is in fact the same as the accessible<00:08:06.400> name<00:08:06.560> of<00:08:06.639> the<00:08:06.800> links 00:08:07.189 --> 00:08:07.199 align:start position:0% accessible name of the links 00:08:07.199 --> 00:08:08.790 align:start position:0% accessible name of the links i'll<00:08:07.360> just<00:08:07.599> reiterate<00:08:08.080> that<00:08:08.240> the<00:08:08.400> text<00:08:08.639> should 00:08:08.790 --> 00:08:08.800 align:start position:0% i'll just reiterate that the text should 00:08:08.800 --> 00:08:10.950 align:start position:0% i'll just reiterate that the text should be<00:08:08.960> shorter<00:08:09.680> moving<00:08:10.000> on<00:08:10.240> to<00:08:10.400> the<00:08:10.560> focus 00:08:10.950 --> 00:08:10.960 align:start position:0% be shorter moving on to the focus 00:08:10.960 --> 00:08:11.510 align:start position:0% be shorter moving on to the focus feature 00:08:11.510 --> 00:08:11.520 align:start position:0% feature 00:08:11.520 --> 00:08:13.189 align:start position:0% feature i<00:08:11.680> already<00:08:11.919> demonstrated<00:08:12.479> the<00:08:12.560> focus<00:08:12.879> feature 00:08:13.189 --> 00:08:13.199 align:start position:0% i already demonstrated the focus feature 00:08:13.199 --> 00:08:14.710 align:start position:0% i already demonstrated the focus feature in<00:08:13.280> part<00:08:13.520> one<00:08:13.759> of<00:08:13.840> this<00:08:14.000> case<00:08:14.240> study<00:08:14.560> in<00:08:14.639> a 00:08:14.710 --> 00:08:14.720 align:start position:0% in part one of this case study in a 00:08:14.720 --> 00:08:15.510 align:start position:0% in part one of this case study in a different<00:08:15.039> video 00:08:15.510 --> 00:08:15.520 align:start position:0% different video 00:08:15.520 --> 00:08:16.869 align:start position:0% different video so<00:08:15.680> i'll<00:08:15.840> just<00:08:16.000> briefly<00:08:16.319> mention<00:08:16.639> that<00:08:16.800> the 00:08:16.869 --> 00:08:16.879 align:start position:0% so i'll just briefly mention that the 00:08:16.879 --> 00:08:18.629 align:start position:0% so i'll just briefly mention that the way<00:08:17.039> that<00:08:17.199> you<00:08:17.360> use<00:08:17.599> this<00:08:17.919> is<00:08:18.160> once<00:08:18.479> you 00:08:18.629 --> 00:08:18.639 align:start position:0% way that you use this is once you 00:08:18.639 --> 00:08:20.390 align:start position:0% way that you use this is once you activate<00:08:19.039> the<00:08:19.120> focus<00:08:19.440> feature<00:08:19.919> you<00:08:20.080> go 00:08:20.390 --> 00:08:20.400 align:start position:0% activate the focus feature you go 00:08:20.400 --> 00:08:22.390 align:start position:0% activate the focus feature you go up<00:08:20.560> into<00:08:20.800> the<00:08:20.879> web<00:08:21.120> page<00:08:21.599> and<00:08:21.759> use<00:08:21.919> the<00:08:22.000> tab<00:08:22.240> key 00:08:22.390 --> 00:08:22.400 align:start position:0% up into the web page and use the tab key 00:08:22.400 --> 00:08:24.070 align:start position:0% up into the web page and use the tab key to<00:08:22.560> go<00:08:22.639> from<00:08:22.800> one<00:08:23.120> focusable<00:08:23.599> item<00:08:23.840> to<00:08:24.000> the 00:08:24.070 --> 00:08:24.080 align:start position:0% to go from one focusable item to the 00:08:24.080 --> 00:08:24.629 align:start position:0% to go from one focusable item to the next 00:08:24.629 --> 00:08:24.639 align:start position:0% next 00:08:24.639 --> 00:08:26.070 align:start position:0% next check<00:08:24.879> to<00:08:24.960> make<00:08:25.120> sure<00:08:25.280> that<00:08:25.440> the<00:08:25.599> order<00:08:25.919> is 00:08:26.070 --> 00:08:26.080 align:start position:0% check to make sure that the order is 00:08:26.080 --> 00:08:27.589 align:start position:0% check to make sure that the order is logical<00:08:26.400> when<00:08:26.560> you<00:08:26.639> tab<00:08:26.879> through<00:08:27.039> them<00:08:27.360> that 00:08:27.589 --> 00:08:27.599 align:start position:0% logical when you tab through them that 00:08:27.599 --> 00:08:27.909 align:start position:0% logical when you tab through them that all 00:08:27.909 --> 00:08:27.919 align:start position:0% all 00:08:27.919 --> 00:08:29.350 align:start position:0% all interactive<00:08:28.479> elements<00:08:28.879> are<00:08:29.039> indeed 00:08:29.350 --> 00:08:29.360 align:start position:0% interactive elements are indeed 00:08:29.360 --> 00:08:31.350 align:start position:0% interactive elements are indeed focusable<00:08:30.240> and<00:08:30.319> if<00:08:30.479> you<00:08:30.560> can't<00:08:30.800> tab<00:08:31.039> to<00:08:31.199> them 00:08:31.350 --> 00:08:31.360 align:start position:0% focusable and if you can't tab to them 00:08:31.360 --> 00:08:32.709 align:start position:0% focusable and if you can't tab to them they're<00:08:31.520> not<00:08:31.759> focusable 00:08:32.709 --> 00:08:32.719 align:start position:0% they're not focusable 00:08:32.719 --> 00:08:34.790 align:start position:0% they're not focusable and<00:08:32.959> on<00:08:33.120> the<00:08:33.200> flip<00:08:33.440> side<00:08:33.919> non-interactive 00:08:34.790 --> 00:08:34.800 align:start position:0% and on the flip side non-interactive 00:08:34.800 --> 00:08:36.310 align:start position:0% and on the flip side non-interactive elements<00:08:35.120> like<00:08:35.360> regular<00:08:35.680> paragraphs<00:08:36.240> or 00:08:36.310 --> 00:08:36.320 align:start position:0% elements like regular paragraphs or 00:08:36.320 --> 00:08:38.630 align:start position:0% elements like regular paragraphs or phrases<00:08:36.800> of<00:08:36.880> text<00:08:37.200> should<00:08:37.440> not<00:08:37.599> be<00:08:37.760> focusable 00:08:38.630 --> 00:08:38.640 align:start position:0% phrases of text should not be focusable 00:08:38.640 --> 00:08:40.389 align:start position:0% phrases of text should not be focusable this<00:08:38.880> page<00:08:39.200> does<00:08:39.360> in<00:08:39.440> fact<00:08:39.680> have<00:08:39.919> some<00:08:40.080> focus 00:08:40.389 --> 00:08:40.399 align:start position:0% this page does in fact have some focus 00:08:40.399 --> 00:08:41.990 align:start position:0% this page does in fact have some focus violations<00:08:40.959> that<00:08:41.039> do<00:08:41.200> need<00:08:41.360> to<00:08:41.440> be<00:08:41.599> fixed 00:08:41.990 --> 00:08:42.000 align:start position:0% violations that do need to be fixed 00:08:42.000 --> 00:08:43.589 align:start position:0% violations that do need to be fixed which<00:08:42.240> you<00:08:42.320> can<00:08:42.479> review<00:08:42.800> in<00:08:42.959> the<00:08:43.039> other<00:08:43.279> video 00:08:43.589 --> 00:08:43.599 align:start position:0% which you can review in the other video 00:08:43.599 --> 00:08:44.389 align:start position:0% which you can review in the other video part<00:08:43.839> 1. 00:08:44.389 --> 00:08:44.399 align:start position:0% part 1. 00:08:44.399 --> 00:08:46.870 align:start position:0% part 1. moving<00:08:44.800> on<00:08:45.040> to<00:08:45.360> frames<00:08:46.080> this<00:08:46.320> page<00:08:46.560> doesn't 00:08:46.870 --> 00:08:46.880 align:start position:0% moving on to frames this page doesn't 00:08:46.880 --> 00:08:48.070 align:start position:0% moving on to frames this page doesn't have<00:08:47.120> any<00:08:47.279> frames<00:08:47.760> but 00:08:48.070 --> 00:08:48.080 align:start position:0% have any frames but 00:08:48.080 --> 00:08:49.910 align:start position:0% have any frames but if<00:08:48.240> it<00:08:48.320> did<00:08:48.560> the<00:08:48.720> frame<00:08:49.040> titles<00:08:49.360> would<00:08:49.519> show<00:08:49.760> up 00:08:49.910 --> 00:08:49.920 align:start position:0% if it did the frame titles would show up 00:08:49.920 --> 00:08:51.990 align:start position:0% if it did the frame titles would show up in<00:08:50.160> page<00:08:50.480> insights<00:08:51.040> you'd<00:08:51.279> want<00:08:51.519> to<00:08:51.600> make<00:08:51.760> sure 00:08:51.990 --> 00:08:52.000 align:start position:0% in page insights you'd want to make sure 00:08:52.000 --> 00:08:53.269 align:start position:0% in page insights you'd want to make sure each<00:08:52.240> frame<00:08:52.560> has<00:08:52.720> a<00:08:52.880> title 00:08:53.269 --> 00:08:53.279 align:start position:0% each frame has a title 00:08:53.279 --> 00:08:55.110 align:start position:0% each frame has a title and<00:08:53.360> that<00:08:53.519> the<00:08:53.600> title<00:08:54.000> is<00:08:54.080> not<00:08:54.399> empty<00:08:54.800> and<00:08:54.959> that 00:08:55.110 --> 00:08:55.120 align:start position:0% and that the title is not empty and that 00:08:55.120 --> 00:08:56.790 align:start position:0% and that the title is not empty and that the<00:08:55.279> title<00:08:55.600> adequately<00:08:56.240> describes<00:08:56.720> the 00:08:56.790 --> 00:08:56.800 align:start position:0% the title adequately describes the 00:08:56.800 --> 00:08:58.870 align:start position:0% the title adequately describes the purpose<00:08:57.200> of<00:08:57.279> the<00:08:57.440> frame<00:08:57.760> and<00:08:57.839> that's<00:08:58.160> it 00:08:58.870 --> 00:08:58.880 align:start position:0% purpose of the frame and that's it 00:08:58.880 --> 00:09:00.710 align:start position:0% purpose of the frame and that's it the<00:08:59.120> objects<00:08:59.519> feature<00:08:59.839> in<00:09:00.000> page<00:09:00.240> insights 00:09:00.710 --> 00:09:00.720 align:start position:0% the objects feature in page insights 00:09:00.720 --> 00:09:03.110 align:start position:0% the objects feature in page insights shows<00:09:01.040> the<00:09:01.200> accessible<00:09:01.680> name<00:09:02.000> of<00:09:02.160> each<00:09:02.399> object 00:09:03.110 --> 00:09:03.120 align:start position:0% shows the accessible name of each object 00:09:03.120 --> 00:09:04.790 align:start position:0% shows the accessible name of each object on<00:09:03.279> this<00:09:03.440> particular<00:09:03.920> webpage<00:09:04.480> all<00:09:04.640> the 00:09:04.790 --> 00:09:04.800 align:start position:0% on this particular webpage all the 00:09:04.800 --> 00:09:06.949 align:start position:0% on this particular webpage all the objects<00:09:05.200> are<00:09:05.360> svg<00:09:06.000> elements<00:09:06.399> which<00:09:06.640> means 00:09:06.949 --> 00:09:06.959 align:start position:0% objects are svg elements which means 00:09:06.959 --> 00:09:07.990 align:start position:0% objects are svg elements which means they<00:09:07.120> also<00:09:07.360> happen<00:09:07.680> to<00:09:07.760> be 00:09:07.990 --> 00:09:08.000 align:start position:0% they also happen to be 00:09:08.000 --> 00:09:09.509 align:start position:0% they also happen to be images<00:09:08.560> and<00:09:08.720> we've<00:09:08.959> already<00:09:09.200> checked<00:09:09.440> the 00:09:09.509 --> 00:09:09.519 align:start position:0% images and we've already checked the 00:09:09.519 --> 00:09:10.949 align:start position:0% images and we've already checked the images<00:09:09.839> so<00:09:10.000> we<00:09:10.080> don't<00:09:10.160> need<00:09:10.320> to<00:09:10.480> spend<00:09:10.720> much 00:09:10.949 --> 00:09:10.959 align:start position:0% images so we don't need to spend much 00:09:10.959 --> 00:09:11.590 align:start position:0% images so we don't need to spend much time<00:09:11.120> here 00:09:11.590 --> 00:09:11.600 align:start position:0% time here 00:09:11.600 --> 00:09:13.269 align:start position:0% time here on<00:09:11.760> pages<00:09:12.160> with<00:09:12.399> other<00:09:12.560> types<00:09:12.800> of<00:09:12.959> objects 00:09:13.269 --> 00:09:13.279 align:start position:0% on pages with other types of objects 00:09:13.279 --> 00:09:14.790 align:start position:0% on pages with other types of objects you'd<00:09:13.519> want<00:09:13.760> to<00:09:13.839> evaluate<00:09:14.320> them<00:09:14.480> much<00:09:14.720> the 00:09:14.790 --> 00:09:14.800 align:start position:0% you'd want to evaluate them much the 00:09:14.800 --> 00:09:16.790 align:start position:0% you'd want to evaluate them much the same<00:09:15.040> way<00:09:15.200> that<00:09:15.360> you<00:09:15.440> would<00:09:15.680> evaluate<00:09:16.240> images 00:09:16.790 --> 00:09:16.800 align:start position:0% same way that you would evaluate images 00:09:16.800 --> 00:09:18.470 align:start position:0% same way that you would evaluate images if<00:09:16.959> the<00:09:17.040> object<00:09:17.440> is<00:09:17.519> meaningful<00:09:18.080> and<00:09:18.240> if<00:09:18.399> the 00:09:18.470 --> 00:09:18.480 align:start position:0% if the object is meaningful and if the 00:09:18.480 --> 00:09:20.230 align:start position:0% if the object is meaningful and if the surrounding<00:09:18.880> text<00:09:19.200> does<00:09:19.360> not<00:09:19.519> describe<00:09:19.920> it 00:09:20.230 --> 00:09:20.240 align:start position:0% surrounding text does not describe it 00:09:20.240 --> 00:09:22.070 align:start position:0% surrounding text does not describe it then<00:09:20.399> the<00:09:20.560> object<00:09:20.880> requires<00:09:21.360> meaningful<00:09:21.760> alt 00:09:22.070 --> 00:09:22.080 align:start position:0% then the object requires meaningful alt 00:09:22.080 --> 00:09:23.350 align:start position:0% then the object requires meaningful alt text<00:09:22.720> otherwise 00:09:23.350 --> 00:09:23.360 align:start position:0% text otherwise 00:09:23.360 --> 00:09:25.110 align:start position:0% text otherwise it<00:09:23.440> can<00:09:23.680> be<00:09:23.760> acceptable<00:09:24.399> for<00:09:24.560> it<00:09:24.640> to<00:09:24.800> show<00:09:24.959> as 00:09:25.110 --> 00:09:25.120 align:start position:0% it can be acceptable for it to show as 00:09:25.120 --> 00:09:26.389 align:start position:0% it can be acceptable for it to show as empty<00:09:25.440> here 00:09:26.389 --> 00:09:26.399 align:start position:0% empty here 00:09:26.399 --> 00:09:29.110 align:start position:0% empty here okay<00:09:27.040> on<00:09:27.360> to<00:09:27.600> the<00:09:27.839> landmarks<00:09:28.320> feature 00:09:29.110 --> 00:09:29.120 align:start position:0% okay on to the landmarks feature 00:09:29.120 --> 00:09:30.790 align:start position:0% okay on to the landmarks feature landmarks<00:09:29.600> are<00:09:29.760> supposed<00:09:30.080> to<00:09:30.240> designate 00:09:30.790 --> 00:09:30.800 align:start position:0% landmarks are supposed to designate 00:09:30.800 --> 00:09:32.949 align:start position:0% landmarks are supposed to designate sections<00:09:31.279> of<00:09:31.360> the<00:09:31.440> page's<00:09:31.920> overall<00:09:32.399> layout 00:09:32.949 --> 00:09:32.959 align:start position:0% sections of the page's overall layout 00:09:32.959 --> 00:09:34.630 align:start position:0% sections of the page's overall layout there's<00:09:33.200> not<00:09:33.360> just<00:09:33.600> one<00:09:33.839> right<00:09:34.080> way<00:09:34.320> to<00:09:34.399> use 00:09:34.630 --> 00:09:34.640 align:start position:0% there's not just one right way to use 00:09:34.640 --> 00:09:36.710 align:start position:0% there's not just one right way to use landmarks<00:09:35.279> but<00:09:35.440> a<00:09:35.519> good<00:09:35.760> practice<00:09:36.240> is<00:09:36.320> to<00:09:36.399> have 00:09:36.710 --> 00:09:36.720 align:start position:0% landmarks but a good practice is to have 00:09:36.720 --> 00:09:38.230 align:start position:0% landmarks but a good practice is to have one<00:09:36.959> banner<00:09:37.279> region<00:09:37.600> at<00:09:37.680> the<00:09:37.760> top 00:09:38.230 --> 00:09:38.240 align:start position:0% one banner region at the top 00:09:38.240 --> 00:09:39.990 align:start position:0% one banner region at the top possibly<00:09:38.640> with<00:09:38.800> a<00:09:38.880> search<00:09:39.200> region<00:09:39.519> if<00:09:39.680> a<00:09:39.760> site 00:09:39.990 --> 00:09:40.000 align:start position:0% possibly with a search region if a site 00:09:40.000 --> 00:09:41.829 align:start position:0% possibly with a search region if a site search<00:09:40.240> is<00:09:40.399> available<00:09:41.040> and<00:09:41.200> a<00:09:41.279> navigation 00:09:41.829 --> 00:09:41.839 align:start position:0% search is available and a navigation 00:09:41.839 --> 00:09:43.350 align:start position:0% search is available and a navigation region<00:09:42.240> you<00:09:42.399> also<00:09:42.560> want<00:09:42.720> to<00:09:42.880> have<00:09:42.959> a<00:09:43.040> main 00:09:43.350 --> 00:09:43.360 align:start position:0% region you also want to have a main 00:09:43.360 --> 00:09:44.230 align:start position:0% region you also want to have a main content<00:09:43.760> region 00:09:44.230 --> 00:09:44.240 align:start position:0% content region 00:09:44.240 --> 00:09:46.310 align:start position:0% content region and<00:09:44.480> most<00:09:44.720> sites<00:09:45.040> have<00:09:45.200> a<00:09:45.279> footer<00:09:45.839> also<00:09:46.080> known 00:09:46.310 --> 00:09:46.320 align:start position:0% and most sites have a footer also known 00:09:46.320 --> 00:09:48.070 align:start position:0% and most sites have a footer also known as<00:09:46.480> a<00:09:46.560> content<00:09:47.040> info<00:09:47.440> region 00:09:48.070 --> 00:09:48.080 align:start position:0% as a content info region 00:09:48.080 --> 00:09:50.150 align:start position:0% as a content info region so<00:09:48.560> if<00:09:48.720> a<00:09:48.880> site<00:09:49.120> has<00:09:49.360> these<00:09:49.519> landmarks<00:09:50.000> you're 00:09:50.150 --> 00:09:50.160 align:start position:0% so if a site has these landmarks you're 00:09:50.160 --> 00:09:51.910 align:start position:0% so if a site has these landmarks you're good<00:09:50.320> to<00:09:50.399> go<00:09:50.880> looking<00:09:51.200> at<00:09:51.279> the<00:09:51.519> list<00:09:51.760> of 00:09:51.910 --> 00:09:51.920 align:start position:0% good to go looking at the list of 00:09:51.920 --> 00:09:52.630 align:start position:0% good to go looking at the list of landmarks 00:09:52.630 --> 00:09:52.640 align:start position:0% landmarks 00:09:52.640 --> 00:09:54.949 align:start position:0% landmarks in<00:09:52.880> page<00:09:53.200> insights<00:09:53.760> it<00:09:53.920> shows<00:09:54.160> that<00:09:54.320> it<00:09:54.480> has<00:09:54.800> a 00:09:54.949 --> 00:09:54.959 align:start position:0% in page insights it shows that it has a 00:09:54.959 --> 00:09:56.310 align:start position:0% in page insights it shows that it has a banner<00:09:55.440> which<00:09:55.680> is<00:09:55.839> great 00:09:56.310 --> 00:09:56.320 align:start position:0% banner which is great 00:09:56.320 --> 00:09:58.470 align:start position:0% banner which is great and<00:09:56.640> a<00:09:56.720> navigation<00:09:57.279> region<00:09:57.600> which<00:09:57.839> is<00:09:57.920> great 00:09:58.470 --> 00:09:58.480 align:start position:0% and a navigation region which is great 00:09:58.480 --> 00:10:00.150 align:start position:0% and a navigation region which is great and<00:09:58.800> another<00:09:59.120> banner<00:09:59.519> which<00:09:59.760> is 00:10:00.150 --> 00:10:00.160 align:start position:0% and another banner which is 00:10:00.160 --> 00:10:02.630 align:start position:0% and another banner which is unexpected<00:10:01.200> when<00:10:01.360> i<00:10:01.519> highlight<00:10:01.920> that<00:10:02.240> banner 00:10:02.630 --> 00:10:02.640 align:start position:0% unexpected when i highlight that banner 00:10:02.640 --> 00:10:04.550 align:start position:0% unexpected when i highlight that banner it's<00:10:02.800> really<00:10:03.120> just<00:10:03.440> the<00:10:03.600> middle<00:10:03.839> of<00:10:03.920> the<00:10:04.160> page 00:10:04.550 --> 00:10:04.560 align:start position:0% it's really just the middle of the page 00:10:04.560 --> 00:10:05.829 align:start position:0% it's really just the middle of the page so<00:10:04.720> it's<00:10:04.959> using<00:10:05.279> the<00:10:05.440> wrong 00:10:05.829 --> 00:10:05.839 align:start position:0% so it's using the wrong 00:10:05.839 --> 00:10:07.750 align:start position:0% so it's using the wrong landmark<00:10:06.320> that's<00:10:06.480> not<00:10:06.640> really<00:10:06.800> correct<00:10:07.519> in 00:10:07.750 --> 00:10:07.760 align:start position:0% landmark that's not really correct in 00:10:07.760 --> 00:10:09.509 align:start position:0% landmark that's not really correct in fact<00:10:08.000> the<00:10:08.160> design<00:10:08.640> is<00:10:08.800> missing<00:10:09.120> a<00:10:09.200> main 00:10:09.509 --> 00:10:09.519 align:start position:0% fact the design is missing a main 00:10:09.519 --> 00:10:10.870 align:start position:0% fact the design is missing a main landmark<00:10:10.079> altogether 00:10:10.870 --> 00:10:10.880 align:start position:0% landmark altogether 00:10:10.880 --> 00:10:12.310 align:start position:0% landmark altogether and<00:10:11.040> that's<00:10:11.279> perhaps<00:10:11.600> the<00:10:11.760> most<00:10:12.000> important 00:10:12.310 --> 00:10:12.320 align:start position:0% and that's perhaps the most important 00:10:12.320 --> 00:10:14.150 align:start position:0% and that's perhaps the most important landmark<00:10:12.800> of<00:10:12.959> all<00:10:13.120> so<00:10:13.279> i'd<00:10:13.360> recommend<00:10:13.839> adding 00:10:14.150 --> 00:10:14.160 align:start position:0% landmark of all so i'd recommend adding 00:10:14.160 --> 00:10:15.990 align:start position:0% landmark of all so i'd recommend adding a<00:10:14.240> main<00:10:14.560> landmark<00:10:15.040> as<00:10:15.200> a<00:10:15.279> way<00:10:15.440> to<00:10:15.680> group<00:10:15.839> the 00:10:15.990 --> 00:10:16.000 align:start position:0% a main landmark as a way to group the 00:10:16.000 --> 00:10:16.949 align:start position:0% a main landmark as a way to group the main<00:10:16.320> content 00:10:16.949 --> 00:10:16.959 align:start position:0% main content 00:10:16.959 --> 00:10:19.030 align:start position:0% main content when<00:10:17.279> a<00:10:17.360> main<00:10:17.680> landmark<00:10:18.240> is<00:10:18.320> present<00:10:18.800> that 00:10:19.030 --> 00:10:19.040 align:start position:0% when a main landmark is present that 00:10:19.040 --> 00:10:21.190 align:start position:0% when a main landmark is present that allows<00:10:19.440> screen<00:10:19.760> reader<00:10:20.000> users<00:10:20.399> to<00:10:20.640> navigate 00:10:21.190 --> 00:10:21.200 align:start position:0% allows screen reader users to navigate 00:10:21.200 --> 00:10:22.630 align:start position:0% allows screen reader users to navigate directly<00:10:21.600> to<00:10:21.680> the<00:10:21.760> main<00:10:22.000> content 00:10:22.630 --> 00:10:22.640 align:start position:0% directly to the main content 00:10:22.640 --> 00:10:24.790 align:start position:0% directly to the main content skipping<00:10:23.120> over<00:10:23.519> the<00:10:23.680> banner<00:10:24.240> which<00:10:24.480> saves 00:10:24.790 --> 00:10:24.800 align:start position:0% skipping over the banner which saves 00:10:24.800 --> 00:10:25.829 align:start position:0% skipping over the banner which saves them<00:10:24.959> time 00:10:25.829 --> 00:10:25.839 align:start position:0% them time 00:10:25.839 --> 00:10:27.430 align:start position:0% them time there<00:10:26.079> are<00:10:26.240> a<00:10:26.320> couple<00:10:26.560> of<00:10:26.640> landmarks<00:10:27.200> here 00:10:27.430 --> 00:10:27.440 align:start position:0% there are a couple of landmarks here 00:10:27.440 --> 00:10:28.949 align:start position:0% there are a couple of landmarks here without<00:10:27.839> accessible<00:10:28.399> names 00:10:28.949 --> 00:10:28.959 align:start position:0% without accessible names 00:10:28.959 --> 00:10:31.350 align:start position:0% without accessible names the<00:10:29.120> first<00:10:29.360> one<00:10:29.519> appears<00:10:29.920> to<00:10:30.079> be<00:10:30.320> a<00:10:30.560> form<00:10:31.200> we 00:10:31.350 --> 00:10:31.360 align:start position:0% the first one appears to be a form we 00:10:31.360 --> 00:10:33.430 align:start position:0% the first one appears to be a form we can<00:10:31.519> go<00:10:31.680> into<00:10:31.839> the<00:10:32.000> inspector<00:10:32.640> to<00:10:32.800> confirm 00:10:33.430 --> 00:10:33.440 align:start position:0% can go into the inspector to confirm 00:10:33.440 --> 00:10:35.030 align:start position:0% can go into the inspector to confirm this 00:10:35.030 --> 00:10:35.040 align:start position:0% this 00:10:35.040 --> 00:10:37.590 align:start position:0% this yes<00:10:35.360> i<00:10:35.440> see<00:10:35.600> that<00:10:35.680> there's<00:10:35.920> a<00:10:36.079> form<00:10:36.399> here<00:10:37.279> and 00:10:37.590 --> 00:10:37.600 align:start position:0% yes i see that there's a form here and 00:10:37.600 --> 00:10:39.509 align:start position:0% yes i see that there's a form here and forms<00:10:38.000> don't<00:10:38.160> really<00:10:38.320> need<00:10:38.560> accessible<00:10:39.040> names 00:10:39.509 --> 00:10:39.519 align:start position:0% forms don't really need accessible names 00:10:39.519 --> 00:10:40.870 align:start position:0% forms don't really need accessible names so<00:10:39.760> that's<00:10:40.160> okay 00:10:40.870 --> 00:10:40.880 align:start position:0% so that's okay 00:10:40.880 --> 00:10:42.790 align:start position:0% so that's okay you<00:10:41.040> can<00:10:41.279> assign<00:10:41.760> an<00:10:41.920> accessible<00:10:42.320> name<00:10:42.560> if<00:10:42.720> you 00:10:42.790 --> 00:10:42.800 align:start position:0% you can assign an accessible name if you 00:10:42.800 --> 00:10:44.630 align:start position:0% you can assign an accessible name if you want<00:10:43.360> but<00:10:43.519> that's<00:10:43.760> optional 00:10:44.630 --> 00:10:44.640 align:start position:0% want but that's optional 00:10:44.640 --> 00:10:46.710 align:start position:0% want but that's optional the<00:10:44.800> second<00:10:45.200> empty<00:10:45.519> landmark<00:10:46.000> is<00:10:46.160> around<00:10:46.560> one 00:10:46.710 --> 00:10:46.720 align:start position:0% the second empty landmark is around one 00:10:46.720 --> 00:10:47.829 align:start position:0% the second empty landmark is around one of<00:10:46.800> the<00:10:46.959> headings 00:10:47.829 --> 00:10:47.839 align:start position:0% of the headings 00:10:47.839 --> 00:10:49.910 align:start position:0% of the headings i'm<00:10:48.079> going<00:10:48.320> to<00:10:48.480> inspect<00:10:48.959> that<00:10:49.200> area<00:10:49.519> to<00:10:49.680> see 00:10:49.910 --> 00:10:49.920 align:start position:0% i'm going to inspect that area to see 00:10:49.920 --> 00:10:52.150 align:start position:0% i'm going to inspect that area to see how<00:10:50.079> that's<00:10:50.399> constructed 00:10:52.150 --> 00:10:52.160 align:start position:0% how that's constructed 00:10:52.160 --> 00:10:53.990 align:start position:0% how that's constructed and<00:10:52.399> it<00:10:52.480> looks<00:10:52.800> like<00:10:53.040> it's<00:10:53.360> a<00:10:53.600> section 00:10:53.990 --> 00:10:54.000 align:start position:0% and it looks like it's a section 00:10:54.000 --> 00:10:55.350 align:start position:0% and it looks like it's a section landmark 00:10:55.350 --> 00:10:55.360 align:start position:0% landmark 00:10:55.360 --> 00:10:57.190 align:start position:0% landmark and<00:10:55.600> sections<00:10:56.079> are<00:10:56.240> not<00:10:56.480> the<00:10:56.560> most<00:10:56.800> important 00:10:57.190 --> 00:10:57.200 align:start position:0% and sections are not the most important 00:10:57.200 --> 00:10:59.190 align:start position:0% and sections are not the most important landmarks<00:10:57.760> and<00:10:58.000> in<00:10:58.160> fact<00:10:58.480> some<00:10:58.800> assistive 00:10:59.190 --> 00:10:59.200 align:start position:0% landmarks and in fact some assistive 00:10:59.200 --> 00:11:01.350 align:start position:0% landmarks and in fact some assistive technologies<00:10:59.839> ignore<00:11:00.079> them<00:11:00.320> completely<00:11:00.880> so 00:11:01.350 --> 00:11:01.360 align:start position:0% technologies ignore them completely so 00:11:01.360 --> 00:11:03.110 align:start position:0% technologies ignore them completely so it's<00:11:01.600> not<00:11:01.760> necessary<00:11:02.240> to<00:11:02.399> have<00:11:02.560> an<00:11:02.720> accessible 00:11:03.110 --> 00:11:03.120 align:start position:0% it's not necessary to have an accessible 00:11:03.120 --> 00:11:05.670 align:start position:0% it's not necessary to have an accessible name<00:11:03.360> for<00:11:03.519> them<00:11:04.000> but<00:11:04.160> again<00:11:04.480> that's<00:11:04.720> an<00:11:04.880> option 00:11:05.670 --> 00:11:05.680 align:start position:0% name for them but again that's an option 00:11:05.680 --> 00:11:07.350 align:start position:0% name for them but again that's an option in<00:11:05.760> this<00:11:05.920> case<00:11:06.240> though<00:11:06.399> the<00:11:06.560> section<00:11:06.959> includes 00:11:07.350 --> 00:11:07.360 align:start position:0% in this case though the section includes 00:11:07.360 --> 00:11:09.030 align:start position:0% in this case though the section includes nothing<00:11:07.760> but<00:11:07.920> the<00:11:08.000> heading<00:11:08.480> so 00:11:09.030 --> 00:11:09.040 align:start position:0% nothing but the heading so 00:11:09.040 --> 00:11:10.790 align:start position:0% nothing but the heading so that's<00:11:09.279> not<00:11:09.440> really<00:11:09.600> good<00:11:09.760> structure<00:11:10.480> i<00:11:10.640> would 00:11:10.790 --> 00:11:10.800 align:start position:0% that's not really good structure i would 00:11:10.800 --> 00:11:12.150 align:start position:0% that's not really good structure i would just<00:11:10.959> remove<00:11:11.279> the<00:11:11.360> section<00:11:11.680> landmark 00:11:12.150 --> 00:11:12.160 align:start position:0% just remove the section landmark 00:11:12.160 --> 00:11:12.870 align:start position:0% just remove the section landmark completely 00:11:12.870 --> 00:11:12.880 align:start position:0% completely 00:11:12.880 --> 00:11:15.030 align:start position:0% completely because<00:11:13.120> it's<00:11:13.279> not<00:11:13.519> actually<00:11:13.760> a<00:11:13.839> real<00:11:14.079> section 00:11:15.030 --> 00:11:15.040 align:start position:0% because it's not actually a real section 00:11:15.040 --> 00:11:16.389 align:start position:0% because it's not actually a real section moving<00:11:15.279> down<00:11:15.519> the<00:11:15.680> list 00:11:16.389 --> 00:11:16.399 align:start position:0% moving down the list 00:11:16.399 --> 00:11:18.870 align:start position:0% moving down the list the<00:11:16.640> page<00:11:17.040> has<00:11:17.279> a<00:11:17.360> content<00:11:17.920> info<00:11:18.240> landmark<00:11:18.640> or 00:11:18.870 --> 00:11:18.880 align:start position:0% the page has a content info landmark or 00:11:18.880 --> 00:11:20.069 align:start position:0% the page has a content info landmark or footer<00:11:19.279> which<00:11:19.519> is<00:11:19.680> great 00:11:20.069 --> 00:11:20.079 align:start position:0% footer which is great 00:11:20.079 --> 00:11:21.670 align:start position:0% footer which is great and<00:11:20.160> there's<00:11:20.399> also<00:11:20.640> a<00:11:20.720> navigation<00:11:21.200> landmark 00:11:21.670 --> 00:11:21.680 align:start position:0% and there's also a navigation landmark 00:11:21.680 --> 00:11:23.269 align:start position:0% and there's also a navigation landmark down<00:11:21.839> there<00:11:22.000> which<00:11:22.160> is<00:11:22.320> okay<00:11:22.880> if<00:11:22.959> you're<00:11:23.120> going 00:11:23.269 --> 00:11:23.279 align:start position:0% down there which is okay if you're going 00:11:23.279 --> 00:11:25.110 align:start position:0% down there which is okay if you're going to<00:11:23.360> have<00:11:23.600> multiple<00:11:24.000> navigation<00:11:24.480> landmarks<00:11:25.040> it 00:11:25.110 --> 00:11:25.120 align:start position:0% to have multiple navigation landmarks it 00:11:25.120 --> 00:11:26.949 align:start position:0% to have multiple navigation landmarks it can<00:11:25.360> be<00:11:25.519> a<00:11:25.600> good<00:11:25.760> idea<00:11:26.160> to<00:11:26.399> assign<00:11:26.720> them 00:11:26.949 --> 00:11:26.959 align:start position:0% can be a good idea to assign them 00:11:26.959 --> 00:11:27.350 align:start position:0% can be a good idea to assign them different 00:11:27.350 --> 00:11:27.360 align:start position:0% different 00:11:27.360 --> 00:11:29.590 align:start position:0% different accessible<00:11:27.839> names<00:11:28.320> so<00:11:28.560> users<00:11:28.880> know<00:11:29.040> that<00:11:29.279> one 00:11:29.590 --> 00:11:29.600 align:start position:0% accessible names so users know that one 00:11:29.600 --> 00:11:31.190 align:start position:0% accessible names so users know that one is<00:11:29.680> the<00:11:29.760> main<00:11:30.000> navigation<00:11:30.640> and<00:11:30.720> another<00:11:31.040> is 00:11:31.190 --> 00:11:31.200 align:start position:0% is the main navigation and another is 00:11:31.200 --> 00:11:32.790 align:start position:0% is the main navigation and another is the<00:11:31.279> footer<00:11:31.519> navigation<00:11:32.079> for<00:11:32.240> example 00:11:32.790 --> 00:11:32.800 align:start position:0% the footer navigation for example 00:11:32.800 --> 00:11:35.110 align:start position:0% the footer navigation for example but<00:11:32.959> it's<00:11:33.040> not<00:11:33.200> a<00:11:33.279> violation<00:11:33.760> as<00:11:33.920> it<00:11:34.079> is<00:11:34.160> now 00:11:35.110 --> 00:11:35.120 align:start position:0% but it's not a violation as it is now 00:11:35.120 --> 00:11:37.190 align:start position:0% but it's not a violation as it is now okay<00:11:35.600> on<00:11:35.839> to<00:11:36.000> the<00:11:36.079> final<00:11:36.399> category 00:11:37.190 --> 00:11:37.200 align:start position:0% okay on to the final category 00:11:37.200 --> 00:11:39.670 align:start position:0% okay on to the final category autocomplete<00:11:38.240> this<00:11:38.480> page<00:11:38.800> doesn't<00:11:39.040> have<00:11:39.200> any 00:11:39.670 --> 00:11:39.680 align:start position:0% autocomplete this page doesn't have any 00:11:39.680 --> 00:11:41.350 align:start position:0% autocomplete this page doesn't have any that<00:11:39.920> may<00:11:40.079> not<00:11:40.320> be<00:11:40.399> a<00:11:40.560> problem<00:11:40.880> depending<00:11:41.279> on 00:11:41.350 --> 00:11:41.360 align:start position:0% that may not be a problem depending on 00:11:41.360 --> 00:11:42.710 align:start position:0% that may not be a problem depending on what's<00:11:41.680> on<00:11:41.839> the<00:11:42.000> page 00:11:42.710 --> 00:11:42.720 align:start position:0% what's on the page 00:11:42.720 --> 00:11:44.550 align:start position:0% what's on the page it<00:11:42.959> only<00:11:43.120> applies<00:11:43.519> to<00:11:43.680> form<00:11:44.000> elements<00:11:44.399> and 00:11:44.550 --> 00:11:44.560 align:start position:0% it only applies to form elements and 00:11:44.560 --> 00:11:45.829 align:start position:0% it only applies to form elements and only<00:11:44.800> if<00:11:44.880> they<00:11:44.959> have<00:11:45.120> certain<00:11:45.440> types<00:11:45.760> of 00:11:45.829 --> 00:11:45.839 align:start position:0% only if they have certain types of 00:11:45.839 --> 00:11:46.470 align:start position:0% only if they have certain types of fields 00:11:46.470 --> 00:11:46.480 align:start position:0% fields 00:11:46.480 --> 00:11:48.069 align:start position:0% fields if<00:11:46.560> you<00:11:46.720> have<00:11:46.880> a<00:11:46.959> form<00:11:47.200> that<00:11:47.360> asks<00:11:47.600> users<00:11:47.920> to 00:11:48.069 --> 00:11:48.079 align:start position:0% if you have a form that asks users to 00:11:48.079 --> 00:11:49.829 align:start position:0% if you have a form that asks users to submit<00:11:48.399> common<00:11:48.800> information<00:11:49.440> like 00:11:49.829 --> 00:11:49.839 align:start position:0% submit common information like 00:11:49.839 --> 00:11:52.470 align:start position:0% submit common information like name<00:11:50.240> email<00:11:50.880> phone<00:11:51.200> and<00:11:51.360> so<00:11:51.600> on<00:11:51.920> then<00:11:52.160> the<00:11:52.240> web 00:11:52.470 --> 00:11:52.480 align:start position:0% name email phone and so on then the web 00:11:52.480 --> 00:11:53.910 align:start position:0% name email phone and so on then the web content<00:11:52.880> accessibility<00:11:53.360> guidelines 00:11:53.910 --> 00:11:53.920 align:start position:0% content accessibility guidelines 00:11:53.920 --> 00:11:56.550 align:start position:0% content accessibility guidelines starting<00:11:54.160> with<00:11:54.399> version<00:11:54.839> 2.1<00:11:55.920> in<00:11:56.160> success 00:11:56.550 --> 00:11:56.560 align:start position:0% starting with version 2.1 in success 00:11:56.560 --> 00:11:59.030 align:start position:0% starting with version 2.1 in success criterion<00:11:57.480> 1.3.5 00:11:59.030 --> 00:11:59.040 align:start position:0% criterion 1.3.5 00:11:59.040 --> 00:12:00.949 align:start position:0% criterion 1.3.5 requires<00:11:59.519> us<00:11:59.600> to<00:11:59.680> use<00:11:59.920> certain<00:12:00.240> predefined 00:12:00.949 --> 00:12:00.959 align:start position:0% requires us to use certain predefined 00:12:00.959 --> 00:12:03.110 align:start position:0% requires us to use certain predefined autocomplete<00:12:01.600> attributes<00:12:02.160> on<00:12:02.240> those<00:12:02.480> fields 00:12:03.110 --> 00:12:03.120 align:start position:0% autocomplete attributes on those fields 00:12:03.120 --> 00:12:04.629 align:start position:0% autocomplete attributes on those fields to<00:12:03.279> allow<00:12:03.600> browsers<00:12:04.079> to<00:12:04.240> fill<00:12:04.399> in<00:12:04.480> that 00:12:04.629 --> 00:12:04.639 align:start position:0% to allow browsers to fill in that 00:12:04.639 --> 00:12:06.230 align:start position:0% to allow browsers to fill in that information<00:12:05.120> automatically<00:12:05.839> and<00:12:06.000> the<00:12:06.079> whole 00:12:06.230 --> 00:12:06.240 align:start position:0% information automatically and the whole 00:12:06.240 --> 00:12:08.069 align:start position:0% information automatically and the whole purpose<00:12:06.639> is<00:12:06.800> to<00:12:06.880> reduce<00:12:07.279> the<00:12:07.440> need<00:12:07.680> to<00:12:07.760> type 00:12:08.069 --> 00:12:08.079 align:start position:0% purpose is to reduce the need to type 00:12:08.079 --> 00:12:08.870 align:start position:0% purpose is to reduce the need to type everything<00:12:08.480> out 00:12:08.870 --> 00:12:08.880 align:start position:0% everything out 00:12:08.880 --> 00:12:10.310 align:start position:0% everything out this<00:12:09.120> can<00:12:09.279> help<00:12:09.440> people<00:12:09.680> with<00:12:09.839> cognitive 00:12:10.310 --> 00:12:10.320 align:start position:0% this can help people with cognitive 00:12:10.320 --> 00:12:11.750 align:start position:0% this can help people with cognitive disabilities<00:12:10.959> or<00:12:11.120> people<00:12:11.360> with<00:12:11.519> motor 00:12:11.750 --> 00:12:11.760 align:start position:0% disabilities or people with motor 00:12:11.760 --> 00:12:13.430 align:start position:0% disabilities or people with motor disabilities<00:12:12.399> if<00:12:12.480> it's<00:12:12.720> difficult<00:12:13.120> for<00:12:13.279> them 00:12:13.430 --> 00:12:13.440 align:start position:0% disabilities if it's difficult for them 00:12:13.440 --> 00:12:14.310 align:start position:0% disabilities if it's difficult for them to<00:12:13.600> type 00:12:14.310 --> 00:12:14.320 align:start position:0% to type 00:12:14.320 --> 00:12:16.069 align:start position:0% to type keep<00:12:14.560> in<00:12:14.720> mind<00:12:15.040> that<00:12:15.200> these<00:12:15.440> autocomplete 00:12:16.069 --> 00:12:16.079 align:start position:0% keep in mind that these autocomplete 00:12:16.079 --> 00:12:17.590 align:start position:0% keep in mind that these autocomplete attributes<00:12:16.639> as<00:12:16.800> designated<00:12:17.440> in<00:12:17.519> the 00:12:17.590 --> 00:12:17.600 align:start position:0% attributes as designated in the 00:12:17.600 --> 00:12:19.350 align:start position:0% attributes as designated in the accessibility<00:12:18.240> guidelines<00:12:18.880> are<00:12:19.040> not<00:12:19.200> the 00:12:19.350 --> 00:12:19.360 align:start position:0% accessibility guidelines are not the 00:12:19.360 --> 00:12:20.069 align:start position:0% accessibility guidelines are not the same<00:12:19.600> thing 00:12:20.069 --> 00:12:20.079 align:start position:0% same thing 00:12:20.079 --> 00:12:22.389 align:start position:0% same thing as<00:12:20.639> the<00:12:20.800> custom<00:12:21.200> predictive<00:12:21.680> text<00:12:22.000> features 00:12:22.389 --> 00:12:22.399 align:start position:0% as the custom predictive text features 00:12:22.399 --> 00:12:24.069 align:start position:0% as the custom predictive text features that<00:12:22.480> you<00:12:22.639> might<00:12:22.800> see<00:12:23.040> on<00:12:23.120> some<00:12:23.360> websites 00:12:24.069 --> 00:12:24.079 align:start position:0% that you might see on some websites 00:12:24.079 --> 00:12:25.509 align:start position:0% that you might see on some websites the<00:12:24.240> guidelines<00:12:24.639> don't<00:12:24.800> require<00:12:25.120> predictive 00:12:25.509 --> 00:12:25.519 align:start position:0% the guidelines don't require predictive 00:12:25.519 --> 00:12:27.269 align:start position:0% the guidelines don't require predictive text<00:12:25.839> like<00:12:26.000> that<00:12:26.399> they<00:12:26.560> just<00:12:26.800> require<00:12:27.120> that 00:12:27.269 --> 00:12:27.279 align:start position:0% text like that they just require that 00:12:27.279 --> 00:12:28.550 align:start position:0% text like that they just require that the<00:12:27.440> input<00:12:27.680> be<00:12:27.839> designated<00:12:28.320> with<00:12:28.480> the 00:12:28.550 --> 00:12:28.560 align:start position:0% the input be designated with the 00:12:28.560 --> 00:12:30.310 align:start position:0% the input be designated with the appropriate<00:12:29.040> autocomplete<00:12:29.680> attribute<00:12:30.160> in 00:12:30.310 --> 00:12:30.320 align:start position:0% appropriate autocomplete attribute in 00:12:30.320 --> 00:12:30.870 align:start position:0% appropriate autocomplete attribute in the<00:12:30.399> code 00:12:30.870 --> 00:12:30.880 align:start position:0% the code 00:12:30.880 --> 00:12:32.870 align:start position:0% the code so<00:12:31.120> if<00:12:31.200> the<00:12:31.279> user<00:12:31.600> has<00:12:31.839> stored<00:12:32.240> personal<00:12:32.639> data 00:12:32.870 --> 00:12:32.880 align:start position:0% so if the user has stored personal data 00:12:32.880 --> 00:12:34.710 align:start position:0% so if the user has stored personal data in<00:12:32.959> the<00:12:33.120> browser<00:12:33.519> the<00:12:33.680> form<00:12:33.920> can<00:12:34.079> be<00:12:34.240> populated 00:12:34.710 --> 00:12:34.720 align:start position:0% in the browser the form can be populated 00:12:34.720 --> 00:12:35.670 align:start position:0% in the browser the form can be populated with<00:12:34.880> that<00:12:35.120> data 00:12:35.670 --> 00:12:35.680 align:start position:0% with that data 00:12:35.680 --> 00:12:37.430 align:start position:0% with that data not<00:12:35.920> all<00:12:36.079> browsers<00:12:36.560> support<00:12:36.800> this<00:12:37.040> feature 00:12:37.430 --> 00:12:37.440 align:start position:0% not all browsers support this feature 00:12:37.440 --> 00:12:38.870 align:start position:0% not all browsers support this feature and<00:12:37.519> not<00:12:37.680> all<00:12:37.839> users<00:12:38.240> have<00:12:38.480> put<00:12:38.639> that 00:12:38.870 --> 00:12:38.880 align:start position:0% and not all users have put that 00:12:38.880 --> 00:12:40.389 align:start position:0% and not all users have put that information<00:12:39.440> into<00:12:39.600> the<00:12:39.760> browser 00:12:40.389 --> 00:12:40.399 align:start position:0% information into the browser 00:12:40.399 --> 00:12:42.069 align:start position:0% information into the browser but<00:12:40.560> where<00:12:40.800> available<00:12:41.279> it's<00:12:41.440> a<00:12:41.519> nice<00:12:41.680> feature 00:12:42.069 --> 00:12:42.079 align:start position:0% but where available it's a nice feature 00:12:42.079 --> 00:12:44.230 align:start position:0% but where available it's a nice feature to<00:12:42.240> reduce<00:12:42.560> typing<00:12:43.200> here's<00:12:43.519> an<00:12:43.600> example<00:12:43.920> of<00:12:44.079> a 00:12:44.230 --> 00:12:44.240 align:start position:0% to reduce typing here's an example of a 00:12:44.240 --> 00:12:46.069 align:start position:0% to reduce typing here's an example of a page<00:12:44.639> on<00:12:44.800> another<00:12:45.120> website<00:12:45.519> that<00:12:45.680> does<00:12:45.920> have 00:12:46.069 --> 00:12:46.079 align:start position:0% page on another website that does have 00:12:46.079 --> 00:12:47.829 align:start position:0% page on another website that does have autocomplete<00:12:46.720> fields<00:12:47.120> and<00:12:47.279> they<00:12:47.360> are<00:12:47.519> marked 00:12:47.829 --> 00:12:47.839 align:start position:0% autocomplete fields and they are marked 00:12:47.839 --> 00:12:48.710 align:start position:0% autocomplete fields and they are marked up<00:12:47.920> correctly 00:12:48.710 --> 00:12:48.720 align:start position:0% up correctly 00:12:48.720 --> 00:12:50.310 align:start position:0% up correctly if<00:12:48.880> the<00:12:49.040> same<00:12:49.279> form<00:12:49.600> did<00:12:49.760> not<00:12:49.920> have<00:12:50.079> those 00:12:50.310 --> 00:12:50.320 align:start position:0% if the same form did not have those 00:12:50.320 --> 00:12:51.990 align:start position:0% if the same form did not have those autocomplete<00:12:50.880> attributes<00:12:51.519> it<00:12:51.600> would<00:12:51.760> be 00:12:51.990 --> 00:12:52.000 align:start position:0% autocomplete attributes it would be 00:12:52.000 --> 00:12:54.310 align:start position:0% autocomplete attributes it would be a<00:12:52.079> violation<00:12:52.880> at<00:12:52.959> least<00:12:53.200> a<00:12:53.279> version<00:12:53.680> 2.1<00:12:54.240> of 00:12:54.310 --> 00:12:54.320 align:start position:0% a violation at least a version 2.1 of 00:12:54.320 --> 00:12:55.190 align:start position:0% a violation at least a version 2.1 of the<00:12:54.399> guidelines 00:12:55.190 --> 00:12:55.200 align:start position:0% the guidelines 00:12:55.200 --> 00:12:56.470 align:start position:0% the guidelines because<00:12:55.440> the<00:12:55.600> form<00:12:55.839> is<00:12:56.000> asking<00:12:56.240> for 00:12:56.470 --> 00:12:56.480 align:start position:0% because the form is asking for 00:12:56.480 --> 00:12:58.550 align:start position:0% because the form is asking for predefined<00:12:57.040> data<00:12:57.279> types<00:12:57.600> that<00:12:57.839> autocomplete 00:12:58.550 --> 00:12:58.560 align:start position:0% predefined data types that autocomplete 00:12:58.560 --> 00:13:00.150 align:start position:0% predefined data types that autocomplete is<00:12:58.720> designed<00:12:58.959> to<00:12:59.120> fill 00:13:00.150 --> 00:13:00.160 align:start position:0% is designed to fill 00:13:00.160 --> 00:13:01.670 align:start position:0% is designed to fill all<00:13:00.320> right<00:13:00.560> we've<00:13:00.800> gone<00:13:01.040> through<00:13:01.360> all<00:13:01.519> the 00:13:01.670 --> 00:13:01.680 align:start position:0% all right we've gone through all the 00:13:01.680 --> 00:13:03.590 align:start position:0% all right we've gone through all the guided<00:13:02.000> manual<00:13:02.320> testing<00:13:02.639> features<00:13:03.040> and<00:13:03.200> page 00:13:03.590 --> 00:13:03.600 align:start position:0% guided manual testing features and page 00:13:03.600 --> 00:13:04.389 align:start position:0% guided manual testing features and page insights 00:13:04.389 --> 00:13:04.399 align:start position:0% insights 00:13:04.399 --> 00:13:06.389 align:start position:0% insights and<00:13:04.720> i<00:13:04.800> didn't<00:13:05.120> test<00:13:05.440> every<00:13:05.680> possible<00:13:06.079> state 00:13:06.389 --> 00:13:06.399 align:start position:0% and i didn't test every possible state 00:13:06.399 --> 00:13:07.750 align:start position:0% and i didn't test every possible state of<00:13:06.480> the<00:13:06.560> webpage<00:13:07.120> because<00:13:07.279> that<00:13:07.440> would<00:13:07.600> make 00:13:07.750 --> 00:13:07.760 align:start position:0% of the webpage because that would make 00:13:07.760 --> 00:13:09.030 align:start position:0% of the webpage because that would make the<00:13:07.920> video<00:13:08.320> too<00:13:08.480> long 00:13:09.030 --> 00:13:09.040 align:start position:0% the video too long 00:13:09.040 --> 00:13:10.629 align:start position:0% the video too long so<00:13:09.279> i'll<00:13:09.519> remind<00:13:09.839> you<00:13:09.920> again<00:13:10.240> that<00:13:10.399> you<00:13:10.480> do 00:13:10.629 --> 00:13:10.639 align:start position:0% so i'll remind you again that you do 00:13:10.639 --> 00:13:12.389 align:start position:0% so i'll remind you again that you do need<00:13:10.800> to<00:13:10.959> test<00:13:11.200> those<00:13:11.360> other<00:13:11.600> states<00:13:12.000> not<00:13:12.160> just 00:13:12.389 --> 00:13:12.399 align:start position:0% need to test those other states not just 00:13:12.399 --> 00:13:13.350 align:start position:0% need to test those other states not just the<00:13:12.480> default<00:13:12.880> state 00:13:13.350 --> 00:13:13.360 align:start position:0% the default state 00:13:13.360 --> 00:13:15.190 align:start position:0% the default state and<00:13:13.600> with<00:13:13.760> that<00:13:14.000> you<00:13:14.160> now<00:13:14.399> have<00:13:14.560> a<00:13:14.639> great<00:13:14.880> tool 00:13:15.190 --> 00:13:15.200 align:start position:0% and with that you now have a great tool 00:13:15.200 --> 00:13:16.870 align:start position:0% and with that you now have a great tool to<00:13:15.360> supplement<00:13:15.760> the<00:13:15.920> automated<00:13:16.399> tests<00:13:16.720> in<00:13:16.800> the 00:13:16.870 --> 00:13:16.880 align:start position:0% to supplement the automated tests in the 00:13:16.880 --> 00:13:18.550 align:start position:0% to supplement the automated tests in the browser<00:13:17.200> extension<00:13:17.760> to<00:13:17.920> give<00:13:18.079> you<00:13:18.240> a<00:13:18.320> more 00:13:18.550 --> 00:13:18.560 align:start position:0% browser extension to give you a more 00:13:18.560 --> 00:13:20.069 align:start position:0% browser extension to give you a more complete<00:13:18.959> sense<00:13:19.279> of<00:13:19.440> the<00:13:19.519> webpage's 00:13:20.069 --> 00:13:20.079 align:start position:0% complete sense of the webpage's 00:13:20.079 --> 00:13:22.880 align:start position:0% complete sense of the webpage's accessibility