WEBVTT 00:00:00.777 --> 00:00:02.706 Internet significa informação acessível. 00:00:02.714 --> 00:00:04.502 É uma liberdade humana fundamental 00:00:04.503 --> 00:00:07.272 sobre a qual só começamos a falar na última década. 00:00:08.764 --> 00:00:11.232 Assim, é importante que a liberdade seja para todos. 00:00:11.233 --> 00:00:14.431 Se é dada apenas a uns poucos, não é realmente uma liberdade. 00:00:14.645 --> 00:00:16.414 A internet tem a ver com informação. 00:00:17.842 --> 00:00:21.722 É importante que as pessoas possam acessar a informação que precisam 00:00:21.723 --> 00:00:25.508 para completar um fluxo de trabalho ou finalizar uma tarefa. 00:00:26.088 --> 00:00:29.421 Acho que a internet deve ser acessível a todos o tempo todo. 00:00:29.429 --> 00:00:32.278 Eu cresci com ela, podendo acessá-la fácilmente. 00:00:33.685 --> 00:00:36.010 Foi como aprendi informações com facilidade. 00:00:36.550 --> 00:00:40.796 Não consigo imaginar que alguém não possa pesquisar algo no Google 00:00:40.797 --> 00:00:41.929 e obter o que precisa. 00:00:42.915 --> 00:00:45.138 Acho que os sites deveriam ser acessíveis 00:00:45.773 --> 00:00:49.346 porque a internet foi criada com esse objetivo, 00:00:49.346 --> 00:00:52.286 compartilhar informações, e se você não pode fazer isso 00:00:52.286 --> 00:00:55.600 ou alguns não têm acesso, então não há um compartilhamento de verdade. 00:00:55.615 --> 00:01:00.834 (Música) 00:01:05.111 --> 00:01:10.060 Acessibilidade em TI: O que os desenvolvedores web têm a dizer 00:01:10.694 --> 00:01:13.031 Todos temos diferentes habilidades e deficiências, 00:01:13.032 --> 00:01:16.254 e se todos podemos receber o mesmo conteúdo 00:01:16.786 --> 00:01:18.987 e interpretá-lo de forma similar 00:01:18.993 --> 00:01:22.708 ele precisa ser fornecido de maneira acessível para que possamos compreendê-lo. 00:01:22.708 --> 00:01:26.040 A acessibilidade é importante por várias razões. 00:01:26.731 --> 00:01:29.373 Primeiro, existem leis que se aplicam. 00:01:30.016 --> 00:01:33.984 Outra razão está relacionada à nossa reputação. 00:01:34.769 --> 00:01:38.126 E a terceira é que dando atenção à acessibilidade, 00:01:38.134 --> 00:01:40.880 criamos um ambiente educativo mais inclusivo. 00:01:41.212 --> 00:01:44.227 Acho que somos muito bons como desenvolvedores 00:01:44.569 --> 00:01:48.367 focando em 80% dos casos. 00:01:48.549 --> 00:01:52.049 Concentrando-nos em como atender a quatro dentre cinco usuários. 00:01:52.049 --> 00:01:54.017 Como criamos para esse grupo de pessoas 00:01:54.018 --> 00:01:56.588 porque os últimos 20% são sempre difíceis. 00:01:57.934 --> 00:02:00.189 Mas digo que a internet é para os 100%. 00:02:00.736 --> 00:02:04.005 É para todos, que foi o que disse Tim Berners-Lee. 00:02:04.347 --> 00:02:07.608 Estou muito inspirado por essa noção de inclusividade 00:02:07.616 --> 00:02:10.687 Acho que para mim, é parte de quem sou... 00:02:10.925 --> 00:02:12.591 É importante para mim. 00:02:12.980 --> 00:02:15.916 Mas também tem... 00:02:18.091 --> 00:02:23.702 a ideia de ter contribuições de todo mundo 00:02:23.703 --> 00:02:25.114 para o conhecimento. 00:02:25.687 --> 00:02:28.962 É um grande desafio escapar do seu próprio ponto de vista. 00:02:28.962 --> 00:02:32.989 E não presumir que todos veem a internet da mesma forma que você, 00:02:32.989 --> 00:02:36.570 no dispositivo que você vê, da forma como o usa. 00:02:37.229 --> 00:02:40.664 Então esse é o grande desafio quando você cria páginas web. 00:02:41.164 --> 00:02:43.449 Sair da posição onde você está. 00:02:44.425 --> 00:02:47.355 O maior obstáculo à acessibilidade 00:02:47.355 --> 00:02:49.519 acho que é... o conhecimento. 00:02:49.765 --> 00:02:53.320 É se colocar na mente de uma pessoa com deficiência, 00:02:53.321 --> 00:02:56.686 uma pessoa com deficiência motora, 00:02:56.687 --> 00:03:00.615 que não tem mãos, que não pode enxergar, que não pode ouvir. 00:03:01.138 --> 00:03:03.416 Ela pode ter uma deficiência cognitiva. 00:03:03.417 --> 00:03:05.288 Ser capaz de se colocar no lugar delas 00:03:05.289 --> 00:03:09.479 e entender como elas usam aquilo que estou criando agora. 00:03:09.685 --> 00:03:10.986 Será que elas podem usá-lo? 00:03:11.517 --> 00:03:15.326 A alternativa é, você cria algo e alguém diz: 00:03:15.731 --> 00:03:17.302 "Ah, não é acessível!" 00:03:17.945 --> 00:03:19.945 E você volta e tenta consertar. 00:03:20.238 --> 00:03:23.491 Mas é provável que você tenha errado em vários lugares. 00:03:24.024 --> 00:03:27.597 Podem existir centenas de imagens sem "alt text". 00:03:27.606 --> 00:03:30.306 A navegação pode ser muito confusa 00:03:31.052 --> 00:03:32.972 ou está usando bibliotecas que... 00:03:34.119 --> 00:03:36.103 a tecnologia não vai compreender. 00:03:38.150 --> 00:03:39.840 E aí que alguém diz: 00:03:39.856 --> 00:03:42.181 "É demais, é muito caro, requer muito trabalho". 00:03:42.800 --> 00:03:44.896 Bom, é só fazer desde o começo 00:03:44.896 --> 00:03:47.496 e, provavelmente, você terá 00:03:47.506 --> 00:03:50.026 um produto de qualidade com menos trabalho. 00:03:50.894 --> 00:03:53.822 É importante incorporar a acessibilidade desde o começo 00:03:53.822 --> 00:03:56.528 porque se você não faz isso 00:03:56.529 --> 00:03:59.338 vai ter que incorporar mais tarde, a um custo maior 00:03:59.751 --> 00:04:02.748 usando tempo que você não tem 00:04:02.748 --> 00:04:05.692 gastando dinheiro que você não tem para tentar melhorar. 00:04:05.702 --> 00:04:09.127 Acessibilidade, assim como tudo em design e web design, 00:04:09.127 --> 00:04:10.801 tem que ser tratada desde o começo. 00:04:10.817 --> 00:04:13.126 Se você está criando para diferentes dispositivos 00:04:13.127 --> 00:04:16.935 ou diferentes tipos de habilidades humanas 00:04:17.156 --> 00:04:19.656 tudo isso precisa ser considerado desde o início 00:04:19.673 --> 00:04:22.419 e incorporado no conceito, no seu planejamento. 00:04:22.426 --> 00:04:24.592 Ninguém quer gastar mais tempo no final. 00:04:24.593 --> 00:04:28.220 Só queremos liberar o produto. Esse é o erro que muitos de nós cometemos. 00:04:28.370 --> 00:04:30.410 "Vamos liberar, depois consertamos". 00:04:30.767 --> 00:04:33.290 Isso nunca acontece. Sempre tem o próximo projeto. 00:04:33.500 --> 00:04:35.987 O primeiro passo para fazer um site acessível 00:04:36.584 --> 00:04:38.455 é trabalhar com a gerência 00:04:38.455 --> 00:04:41.337 para que entendam o valor da acessibilidade 00:04:41.853 --> 00:04:47.194 e também ajudá-los a entender que podemos fazer tudo o que querem 00:04:47.368 --> 00:04:48.680 e ser acessíveis. 00:04:48.684 --> 00:04:50.660 Se você apenas falar sobre acessibilidade 00:04:52.295 --> 00:04:55.874 pode não ser considerado de imediato como algo importante. 00:04:56.406 --> 00:04:59.755 Mas se você começar falando sobre qualidade 00:05:01.025 --> 00:05:04.342 e a sobreposição de otimização de buscas e acessibilidade 00:05:04.628 --> 00:05:08.121 e coisas dessa natureza, poderá captar mais a atenção das pessoas. 00:05:08.437 --> 00:05:10.937 Quando comecei, eu era um designer. 00:05:11.207 --> 00:05:12.666 Queria fazer coisas bonitas. 00:05:13.227 --> 00:05:16.870 Não pensava em nada além da estética. 00:05:17.695 --> 00:05:20.266 E logo me dei conta de que 00:05:20.893 --> 00:05:24.416 quando se tem algo que funciona, já está bom, não é? 00:05:24.750 --> 00:05:28.908 Foi então que passei a me concentrar primeiro na funcionalidade 00:05:29.503 --> 00:05:31.471 e a beleza veio em seguida. 00:05:32.780 --> 00:05:37.476 Não acho que fazer um site acessível inibe a criatividade. 00:05:37.477 --> 00:05:43.035 Na verdade, acho que promove a criatividade. 00:05:43.415 --> 00:05:47.407 Um bom design acessível geralmente tem boa usabilidade. 00:05:47.993 --> 00:05:51.120 E vemos uma relação muito estreita entre um bom design móvel 00:05:51.580 --> 00:05:53.533 um design para dispositivos móveis 00:05:53.533 --> 00:05:57.103 e a simplicidade e clareza de um bom design acessível. 00:05:57.532 --> 00:06:01.079 Voz do tablet: Safari, pular para o conteúdo principal no Pagelink. 00:06:02.222 --> 00:06:04.944 Alunos atuais. Alunos futuros. 00:06:04.952 --> 00:06:07.647 Item de menu. Tecnologia de acessibilidade. 00:06:07.797 --> 00:06:09.947 Rick Ells: Estão todos inter-relacionados. 00:06:10.511 --> 00:06:13.896 Se você está criando um site realmente complexo, com muitos itens 00:06:13.896 --> 00:06:16.015 usando diferentes métodos por toda parte, 00:06:16.491 --> 00:06:19.594 provavelmente, não está criando um site muito bom. 00:06:20.038 --> 00:06:22.303 A forma como criamos sites hoje em dia 00:06:22.304 --> 00:06:24.023 melhorou muito nos últimos dez anos. 00:06:24.259 --> 00:06:26.037 Não usamos estilos "in-line", 00:06:26.380 --> 00:06:29.703 não projetamos para apenas um tamanho de tela. 00:06:30.135 --> 00:06:33.627 Os desenvolvedores e designers são forçados a projetar 00:06:33.635 --> 00:06:36.761 para todas as pessoas e todos os dispositivos. 00:06:37.230 --> 00:06:40.878 Não podemos voltar atrás, não podemos ficar limitados novamente. 00:06:41.672 --> 00:06:44.592 Em primeiro lugar, o que um designer pode fazer 00:06:44.592 --> 00:06:46.132 para verificar a acessibilidade 00:06:46.149 --> 00:06:48.981 e garantir que tem bons cabeçalhos. 00:06:49.354 --> 00:06:51.957 Uma boa estrutura, com cabeçalhos adequados 00:06:51.965 --> 00:06:54.901 bons rótulos nos campos de entrada 00:06:54.902 --> 00:06:56.805 bons rótulos nos botões e links. 00:06:57.210 --> 00:06:59.257 Verificar que está usando as tags corretas. 00:06:59.269 --> 00:07:02.935 E diria que, em segundo lugar, ao menos é o que eu faço, 00:07:02.936 --> 00:07:06.792 verificar a navegação pelo teclado 00:07:06.793 --> 00:07:10.355 para verificar se o foco está funcionando bem, 00:07:10.355 --> 00:07:12.347 se não fica preso em nenhum lugar. 00:07:13.029 --> 00:07:16.232 O principal desafio 00:07:16.233 --> 00:07:19.439 na área de desenvolvimento é que muitos desenvolvedores 00:07:20.669 --> 00:07:24.065 acham muitas bibliotecas de código aberto com coisas muito legais. 00:07:24.629 --> 00:07:27.827 Então eles encontram formas de fazer coisas pularem pela tela 00:07:27.828 --> 00:07:29.859 ou diminuir e aumentar de tamanho, etc. 00:07:29.879 --> 00:07:33.161 E não pensam em validar a acessibilidade. 00:07:33.332 --> 00:07:35.340 Quando você vê uma biblioteca javascript 00:07:35.348 --> 00:07:38.340 ou um código de um sistema de gestão de conteúdo que quer usar 00:07:38.348 --> 00:07:42.086 tem que considerar se ele faz o que você quer 00:07:42.451 --> 00:07:44.451 e também se é acessível. 00:07:44.458 --> 00:07:46.595 Ou seja, se serve para você e para todos. 00:07:47.117 --> 00:07:50.743 Assim que você termina de construir algo, você testa, e testa novamente. 00:07:51.148 --> 00:07:54.116 Em múltiplos navegadores, em múltiplas máquinas. 00:07:54.687 --> 00:07:57.241 Eu até peço para outras pessoas: 00:07:57.267 --> 00:08:00.393 "Ei, você pode testar, está funcionando para você?" 00:08:01.124 --> 00:08:02.822 E agora existem ferramentas 00:08:02.822 --> 00:08:05.031 em que se pode testar em todos os navegadores. 00:08:05.627 --> 00:08:07.866 Isso era muito importante no passado, e ainda é. 00:08:07.869 --> 00:08:11.249 Usamos alguns navegadores, 00:08:11.250 --> 00:08:15.281 mas precisamos testar em todos os sistemas e plataformas. 00:08:15.694 --> 00:08:19.217 A melhor coisa que você pode fazer para testar o design 00:08:19.553 --> 00:08:21.696 seja para usabilidade ou acessibilidade 00:08:21.697 --> 00:08:24.649 é colocar na frente dos usuários e ver se eles conseguem usar. 00:08:24.816 --> 00:08:26.695 Você pode achar que o seu site é ótimo, 00:08:26.695 --> 00:08:28.679 que está seguindo todos os padrões, 00:08:28.687 --> 00:08:30.377 e daí você vê alguém usá-lo 00:08:30.385 --> 00:08:33.758 e pensa: "Não funcionou tão bem quanto eu esperava". 00:08:34.075 --> 00:08:38.289 Quando penso no que uma universidade faz, na essência 00:08:38.297 --> 00:08:44.670 não é pegar todo mundo com ideias similares 00:08:44.671 --> 00:08:47.385 e formar pessoas com essas mesmas ideias, 00:08:47.386 --> 00:08:54.218 mas tirar proveito de uma ampla variedade de habilidades e perspectivas. 00:08:54.694 --> 00:08:58.924 E vejo acessibilidade e deficiência como parte desse espectro. 00:08:59.090 --> 00:09:01.907 Acho que é preciso falar mais sobre acessibilidade 00:09:01.908 --> 00:09:04.168 é preciso ser ensinada nas escolas, 00:09:04.169 --> 00:09:08.288 é preciso ser cumprida nas instituições e ambientes comerciais. 00:09:08.303 --> 00:09:10.088 À medida que surgem novas tecnologias 00:09:10.093 --> 00:09:13.239 alguns vão desconsiderá-las completamente, 00:09:13.240 --> 00:09:14.962 e outros que irão defendê-las. 00:09:14.970 --> 00:09:18.624 E esses últimos vão ser mais fáceis de utilizar para todos 00:09:18.624 --> 00:09:20.343 e vão ganhar o mercado. 00:09:20.865 --> 00:09:22.746 Acho que o futuro da internet 00:09:23.191 --> 00:09:26.468 é fazer cada vez menos suposições sobre como as pessoas vão usá-la. 00:09:26.778 --> 00:09:31.595 Temos dispositivos móveis, temos leitores de tela. 00:09:31.603 --> 00:09:36.301 Até mesmo a sua página ou o seu conteúdo podem ser usados por outra máquina. 00:09:36.302 --> 00:09:40.127 Então acho que o futuro da internet é fazer cada vez menos suposições 00:09:40.127 --> 00:09:45.746 e ter mais conteúdo universal que não é restritivo ou exclusivo. 00:09:46.155 --> 00:09:48.626 Acho que pode ser muito desafiador 00:09:48.626 --> 00:09:53.502 para certos aplicativos atenderem a pessoas com deficiências. 00:09:54.085 --> 00:09:57.164 Mas é nessa hora que o engenheiro deve pensar: 00:09:57.537 --> 00:10:01.194 "Por que me tornei um engenheiro? Para tornar possível o impossível 00:10:01.836 --> 00:10:03.494 Para solucionar grandes problemas. 00:10:03.611 --> 00:10:06.309 Esse é um grande problema, então vamos solucioná-lo". 00:10:08.963 --> 00:10:12.274 Para mais informações sobre acessibilidade em TI, consulte 00:10:12.274 --> 00:10:17.777 www.uw.edu/accessibility 00:10:19.514 --> 00:10:24.309 Este vídeo foi patrocinado por UW Information Technology 00:10:24.310 --> 00:10:26.387 da Universidade de Washington. 00:10:27.766 --> 00:10:30.997 Copyright © 2013 Universidade de Washington 00:10:31.465 --> 00:10:36.420 É permitida a cópia deste material para propósito educacional e não comercial 00:10:36.420 --> 00:10:38.367 desde que a fonte seja reconhecida.