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