WEBVTT 00:00:01.350 --> 00:00:03.240 >>Sheryl: Meu nome é Sheryl Burgstahler 00:00:03.240 --> 00:00:07.710 e dirijo Serviços de Tecnologia Acessíveis na Universidade de Washington, em Seattle. 00:00:07.710 --> 00:00:11.580 Nossos serviços também abrangem os campi em Bothell e Tacoma. 00:00:13.440 --> 00:00:14.920 >>Hadi: Meu nome é Hadi Rangin, NOTE Paragraph 00:00:15.060 --> 00:00:20.310 sou da Equipe de Acessibilidade de TI, na Universidade de Washington. 00:00:21.460 --> 00:00:24.600 Usando um Leitor de Tela 00:00:25.680 --> 00:00:31.200 >>Narrador: Perito em acessibilidade e usuário de tecnologia acessível, 00:00:31.290 --> 00:00:35.050 Hadi usa um dispositivo em Braille e um software de leitor de tela 00:00:35.050 --> 00:00:37.360 que lê tudo que está na tela. 00:00:38.020 --> 00:00:42.000 >>Hadi: Sou cego e uso um programa de leitor de tela 00:00:42.000 --> 00:00:44.590 em casa, aqui, em todo lugar. 00:00:46.030 --> 00:00:50.850 O leitor de tela é um software que se comunica com o sistema operacional 00:00:50.850 --> 00:00:53.800 e transmite a informação para mim. 00:00:54.080 --> 00:00:56.600 [leitor de tela lê rápido] 00:00:56.600 --> 00:01:00.440 >>Hadi: Mesmo que você leia como uma pessoa que não é cega 00:01:00.440 --> 00:01:04.060 você não lê todo o conteúdo com a mesma velocidade, certo? 00:01:04.350 --> 00:01:09.310 Às vezes é necessário pausar, revisar o que foi lido 00:01:09.310 --> 00:01:11.000 e então digerir a informação. 00:01:11.610 --> 00:01:13.179 Para nós é da mesma forma. 00:01:13.179 --> 00:01:15.250 Quando lemos, por exemplo... 00:01:15.670 --> 00:01:18.670 conversas normais, podemos ler bem rápido. 00:01:20.420 --> 00:01:24.000 Mas quando lemos conteúdo técnico, 00:01:25.200 --> 00:01:27.740 vamos mais devagar. Fazemos mais pausas. 00:01:28.159 --> 00:01:29.869 >>Leitor de tela: Universidade Acessível 1 00:01:29.869 --> 00:01:32.979 >>Hadi: Eu desacelerei meu programa de leitor de tela. 00:01:32.979 --> 00:01:34.210 >>Leitor de tela: Banner. 00:01:34.210 --> 00:01:35.570 Cabeçalho nível 1 gráfico Universidade Acessível. 00:01:35.570 --> 00:01:36.570 Fim do banner. 00:01:36.570 --> 00:01:39.579 >>Hadi: Mas se for, por exemplo, sobre e-mail, posso ir... 00:01:39.579 --> 00:01:41.410 >>Leitor de tela: Rápido rápido... 00:01:41.550 --> 00:01:44.990 [áudio rápido e incompreensível] 00:01:44.990 --> 00:01:46.510 >>Hadi: Posso ir rápido assim. 00:01:46.890 --> 00:01:49.899 >>Narrador: Mas não basta que Hadi tenha um leitor de tela. 00:01:50.079 --> 00:01:53.279 Sites devem ser projetados com acesso para o leitor de tela 00:01:53.279 --> 00:01:55.780 promover uma experiência completa da página. 00:01:56.580 --> 00:02:00.320 >>Hadi: Gostaria de mostrar a vocês duas páginas 00:02:01.049 --> 00:02:06.540 que são visualmente muito consistentes, idênticas. 00:02:07.630 --> 00:02:10.890 Só que uma delas é acessível e a outra não. 00:02:11.420 --> 00:02:17.110 Vocês verão na página inacessível como é difícil 00:02:17.110 --> 00:02:19.980 quando as características de acessibilidade não estão presentes. 00:02:20.740 --> 00:02:22.910 Um Site Acessível 00:02:24.720 --> 00:02:25.720 >>Hadi: Esta é... 00:02:25.720 --> 00:02:27.000 >>Leitor de tela: Universidade Acessível. 00:02:27.000 --> 00:02:29.840 >>Hadi: Esta é a versão acessível 00:02:29.860 --> 00:02:33.880 de uma universidade fictícia que desenvolvemos. 00:02:34.400 --> 00:02:36.800 Chamamos de Universidade Acessível. 00:02:37.970 --> 00:02:40.270 Aqui, por exemplo, nesta página acessível, 00:02:40.270 --> 00:02:45.580 posso pedir ao leitor de tela que mostre os componentes principais da página. 00:02:45.580 --> 00:02:47.760 >>Leitor de tela: Regiões do Documento. Vista da árvore de regiões. 00:02:47.860 --> 00:02:50.160 >>Hadi: Isso me diz que temos uma sessão de banner. 00:02:50.160 --> 00:02:51.160 >>Leitor de tela: Menu principal de navegação. 00:02:51.160 --> 00:02:53.150 >>Hadi: Temos uma seção de menu principal. 00:02:53.150 --> 00:02:54.150 >>Leitor de tela: Principal 00:02:54.150 --> 00:02:55.350 >>Hadi: E o corpo principal... 00:02:55.350 --> 00:02:56.350 >>Leitor de tela: Candidate-se agora! Formulário. 00:02:56.350 --> 00:02:57.780 >>Hadi: Há outra região... 00:02:57.780 --> 00:02:58.830 >>Leitor de tela: Informação do conteúdo. 00:02:58.830 --> 00:03:03.250 >>Hadi: E informação de conteúdo, que é o mesmo que rodapé. 00:03:04.080 --> 00:03:07.980 Presumindo que a página foi corretamente desenvolvida, 00:03:07.980 --> 00:03:12.980 eu tenho uma boa ideia sobre os componentes principais da página. 00:03:13.920 --> 00:03:16.520 Um Site Inacessível 00:03:17.740 --> 00:03:21.690 >>Hadi: Agora verei esta página, 00:03:21.690 --> 00:03:24.480 a versão inacessível. 00:03:24.480 --> 00:03:27.760 >>Leitor de tela: Página inicial Universidade Acessível. 00:03:27.760 --> 00:03:33.590 >>Hadi: Esta parece muito com a versão acessível, 00:03:34.050 --> 00:03:38.020 mas quando peço para o leitor de tela 00:03:38.020 --> 00:03:39.990 apresentar os componentes principais ... 00:03:39.990 --> 00:03:40.990 >>Leitor de tela: Região não encontrada. 00:03:40.990 --> 00:03:43.350 >>Hadi: É dito "região não encontrada." 00:03:43.350 --> 00:03:48.960 Então eu preciso praticamente ler do início ao fim. 00:03:49.080 --> 00:03:51.400 >>Leitor de tela: Universidade Acessível. 00:03:52.210 --> 00:03:57.490 Sem as características de acessibilidade, tudo tem o mesmo peso. 00:03:58.590 --> 00:04:01.430 Então não temos como dizer... 00:04:01.430 --> 00:04:06.650 Não há como sabermos quando uma seção principal começa, 00:04:06.650 --> 00:04:07.970 ou quando termina. 00:04:09.010 --> 00:04:13.070 Não é apenas sobre o fato de ler o conteúdo, 00:04:13.070 --> 00:04:15.060 é também sobre a navegação. 00:04:15.760 --> 00:04:20.549 Temos que descobrir a página, 00:04:20.549 --> 00:04:24.760 o que consome bastante tempo. 00:04:25.460 --> 00:04:26.500 Porque... NOTE Paragraph 00:04:26.630 --> 00:04:29.979 Uma vez que você sabe onde está e o que está lendo, 00:04:30.939 --> 00:04:32.979 então... 00:04:32.979 --> 00:04:36.610 Então geralmente está tudo bem. 00:04:36.720 --> 00:04:39.870 Mas o processo de descoberta ou de navegação 00:04:39.870 --> 00:04:44.080 é o processo mais complicado no campo da acessibilidade. 00:04:44.740 --> 00:04:48.689 Para descobrir, tenho que ler do início ao fim. 00:04:49.239 --> 00:04:51.570 Enquanto que na versão acessível 00:04:51.570 --> 00:04:55.460 eu poderia ver onde estão os componentes principais, 00:04:55.530 --> 00:04:58.390 selecionar os que quero 00:04:58.390 --> 00:05:01.880 e ir rapidamente para aquela seção. 00:05:02.180 --> 00:05:04.900 >>Leitor de tela: Saindo do menu. Caixa de Lista de cabeçalho. 00:05:04.920 --> 00:05:06.090 >>Hadi: Cabeçalhos 00:05:07.480 --> 00:05:13.300 também são um meio de obter informação 00:05:13.300 --> 00:05:18.790 sobre a estrutura do conteúdo. 00:05:20.640 --> 00:05:24.940 Isso me dá uma boa noção, uma boa visão geral. 00:05:24.949 --> 00:05:29.409 sobre os componentes principais ou secundários do conteúdo. 00:05:29.409 --> 00:05:30.510 Eu vejo que aqui... 00:05:30.510 --> 00:05:32.419 >>Leitor de tela: Bem-vindo 2. 00:05:32.419 --> 00:05:33.969 Apresentação de Histórias em Destaque 2. 00:05:33.969 --> 00:05:35.280 Universidade Acessível 1. 00:05:35.430 --> 00:05:41.380 >>Hadi: Universidade Acessível em si é o cabeçalho 1 e abaixo temos.... 00:05:41.400 --> 00:05:42.490 >>Leitor de tela: Histórias em Destaque. 00:05:42.490 --> 00:05:45.010 >>Hadi: Histórias em Destaque, que está no cabeçalho 2. 00:05:45.010 --> 00:05:48.360 Automaticamente transmite a informação 00:05:48.360 --> 00:05:53.049 que esta seção é uma subseção do cabeçalho acima. 00:05:54.009 --> 00:05:59.649 Você sabe que verá também uma visão geral da página 00:05:59.729 --> 00:06:02.330 e de suas principais seções. 00:06:02.990 --> 00:06:05.940 Essa é a diferença entre acessível e inacessível. 00:06:07.700 --> 00:06:11.560 >>Sheryl: O leitor de tela só pode acessar o texto presente na tela. 00:06:11.990 --> 00:06:16.849 Então, se alguém digitaliza um documento e coloca a imagem no site, 00:06:16.849 --> 00:06:19.550 o leitor de tela não será capaz de ler aquele conteúdo. 00:06:19.990 --> 00:06:25.449 O desenvolvedor da página nesse caso precisa saber criar seus materias 00:06:25.449 --> 00:06:28.089 de forma acessível para o leitor de tela, 00:06:28.089 --> 00:06:33.989 para que ele possa acessar o texto e ler em voz alta 00:06:33.989 --> 00:06:35.840 para uma pessoa cega. 00:06:35.920 --> 00:06:36.820 >>Leitor de tela: Enter. 00:06:36.830 --> 00:06:38.490 Menssagem de. Oi, All. 00:06:38.490 --> 00:06:40.389 >>Sheryl: É essencial que pessoas com deficiências 00:06:40.389 --> 00:06:44.280 tenham acesso à tecnologia assistiva, mas não para por aí. 00:06:44.680 --> 00:06:47.940 Para que eles possam ser usuários efetivos, 00:06:47.940 --> 00:06:49.979 a tecnologia que outras pessoas desenvolvem, 00:06:49.979 --> 00:06:54.969 como sites, software e arquivos PDF, entre outros, 00:06:54.969 --> 00:06:57.150 precisam ser projetados de uma forma que 00:06:57.150 --> 00:06:59.490 eles possam utilizar sua tecnologia assistiva. 00:07:00.713 --> 00:07:04.233 Para mais informações, sobre TI de acessibilidade, consulte: 00:07:04.455 --> 00:07:08.075 uw.edu/accessibility 00:07:09.552 --> 00:07:14.498 Esta apresentação foi criada com financiamento da UW-IT 00:07:16.473 --> 00:07:20.331 Quaisquer opiniões, descobertas, conclusões ou recomendações 00:07:20.331 --> 00:07:23.779 expressas neste vídeo são dos autores 00:07:23.809 --> 00:07:27.679 e não refletem nas visões da Fundação de Ciência Nacional. 00:07:28.096 --> 00:07:31.466 Copyright 2017 Universidade de Washington 00:07:33.986 --> 00:07:37.384 A permissão de cópia desses materiais é concedida para fins educacionais 00:07:37.384 --> 00:07:40.837 não comerciais, desde que a fonte seja reconhecida.