1 00:00:00,777 --> 00:00:02,706 Internet significa informação acessível. 2 00:00:02,714 --> 00:00:04,502 É uma liberdade humana fundamental 3 00:00:04,503 --> 00:00:07,272 sobre a qual só começamos a falar na última década. 4 00:00:08,764 --> 00:00:11,232 Assim, é importante que a liberdade seja para todos. 5 00:00:11,233 --> 00:00:14,431 Se é dada apenas a uns poucos, não é realmente uma liberdade. 6 00:00:14,645 --> 00:00:16,414 A internet tem a ver com informação. 7 00:00:17,842 --> 00:00:21,722 É importante que as pessoas possam acessar a informação que precisam 8 00:00:21,723 --> 00:00:25,508 para completar um fluxo de trabalho ou finalizar uma tarefa. 9 00:00:26,088 --> 00:00:29,421 Acho que a internet deve ser acessível a todos o tempo todo. 10 00:00:29,429 --> 00:00:32,278 Eu cresci com ela, podendo acessá-la fácilmente. 11 00:00:33,685 --> 00:00:36,010 Foi como aprendi informações com facilidade. 12 00:00:36,550 --> 00:00:40,796 Não consigo imaginar que alguém não possa pesquisar algo no Google 13 00:00:40,797 --> 00:00:41,929 e obter o que precisa. 14 00:00:42,915 --> 00:00:45,138 Acho que os sites deveriam ser acessíveis 15 00:00:45,773 --> 00:00:49,346 porque a internet foi criada com esse objetivo, 16 00:00:49,346 --> 00:00:52,286 compartilhar informações, e se você não pode fazer isso 17 00:00:52,286 --> 00:00:55,600 ou alguns não têm acesso, então não há um compartilhamento de verdade. 18 00:00:55,615 --> 00:01:00,834 (Música) 19 00:01:05,111 --> 00:01:10,060 Acessibilidade em TI: O que os desenvolvedores web têm a dizer 20 00:01:10,694 --> 00:01:13,031 Todos temos diferentes habilidades e deficiências, 21 00:01:13,032 --> 00:01:16,254 e se todos podemos receber o mesmo conteúdo 22 00:01:16,786 --> 00:01:18,987 e interpretá-lo de forma similar 23 00:01:18,993 --> 00:01:22,708 ele precisa ser fornecido de maneira acessível para que possamos compreendê-lo. 24 00:01:22,708 --> 00:01:26,040 A acessibilidade é importante por várias razões. 25 00:01:26,731 --> 00:01:29,373 Primeiro, existem leis que se aplicam. 26 00:01:30,016 --> 00:01:33,984 Outra razão está relacionada à nossa reputação. 27 00:01:34,769 --> 00:01:38,126 E a terceira é que dando atenção à acessibilidade, 28 00:01:38,134 --> 00:01:40,880 criamos um ambiente educativo mais inclusivo. 29 00:01:41,212 --> 00:01:44,227 Acho que somos muito bons como desenvolvedores 30 00:01:44,569 --> 00:01:48,367 focando em 80% dos casos. 31 00:01:48,549 --> 00:01:52,049 Concentrando-nos em como atender a quatro dentre cinco usuários. 32 00:01:52,049 --> 00:01:54,017 Como criamos para esse grupo de pessoas 33 00:01:54,018 --> 00:01:56,588 porque os últimos 20% são sempre difíceis. 34 00:01:57,934 --> 00:02:00,189 Mas digo que a internet é para os 100%. 35 00:02:00,736 --> 00:02:04,005 É para todos, que foi o que disse Tim Berners-Lee. 36 00:02:04,347 --> 00:02:07,608 Estou muito inspirado por essa noção de inclusividade 37 00:02:07,616 --> 00:02:10,687 Acho que para mim, é parte de quem sou... 38 00:02:10,925 --> 00:02:12,591 É importante para mim. 39 00:02:12,980 --> 00:02:15,916 Mas também tem... 40 00:02:18,091 --> 00:02:23,702 a ideia de ter contribuições de todo mundo 41 00:02:23,703 --> 00:02:25,114 para o conhecimento. 42 00:02:25,687 --> 00:02:28,962 É um grande desafio escapar do seu próprio ponto de vista. 43 00:02:28,962 --> 00:02:32,989 E não presumir que todos veem a internet da mesma forma que você, 44 00:02:32,989 --> 00:02:36,570 no dispositivo que você vê, da forma como o usa. 45 00:02:37,229 --> 00:02:40,664 Então esse é o grande desafio quando você cria páginas web. 46 00:02:41,164 --> 00:02:43,449 Sair da posição onde você está. 47 00:02:44,425 --> 00:02:47,355 O maior obstáculo à acessibilidade 48 00:02:47,355 --> 00:02:49,519 acho que é... o conhecimento. 49 00:02:49,765 --> 00:02:53,320 É se colocar na mente de uma pessoa com deficiência, 50 00:02:53,321 --> 00:02:56,686 uma pessoa com deficiência motora, 51 00:02:56,687 --> 00:03:00,615 que não tem mãos, que não pode enxergar, que não pode ouvir. 52 00:03:01,138 --> 00:03:03,416 Ela pode ter uma deficiência cognitiva. 53 00:03:03,417 --> 00:03:05,288 Ser capaz de se colocar no lugar delas 54 00:03:05,289 --> 00:03:09,479 e entender como elas usam aquilo que estou criando agora. 55 00:03:09,685 --> 00:03:10,986 Será que elas podem usá-lo? 56 00:03:11,517 --> 00:03:15,326 A alternativa é, você cria algo e alguém diz: 57 00:03:15,731 --> 00:03:17,302 "Ah, não é acessível!" 58 00:03:17,945 --> 00:03:19,945 E você volta e tenta consertar. 59 00:03:20,238 --> 00:03:23,491 Mas é provável que você tenha errado em vários lugares. 60 00:03:24,024 --> 00:03:27,597 Podem existir centenas de imagens sem "alt text". 61 00:03:27,606 --> 00:03:30,306 A navegação pode ser muito confusa 62 00:03:31,052 --> 00:03:32,972 ou está usando bibliotecas que... 63 00:03:34,119 --> 00:03:36,103 a tecnologia não vai compreender. 64 00:03:38,150 --> 00:03:39,840 E aí que alguém diz: 65 00:03:39,856 --> 00:03:42,181 "É demais, é muito caro, requer muito trabalho". 66 00:03:42,800 --> 00:03:44,896 Bom, é só fazer desde o começo 67 00:03:44,896 --> 00:03:47,496 e, provavelmente, você terá 68 00:03:47,506 --> 00:03:50,026 um produto de qualidade com menos trabalho. 69 00:03:50,894 --> 00:03:53,822 É importante incorporar a acessibilidade desde o começo 70 00:03:53,822 --> 00:03:56,528 porque se você não faz isso 71 00:03:56,529 --> 00:03:59,338 vai ter que incorporar mais tarde, a um custo maior 72 00:03:59,751 --> 00:04:02,748 usando tempo que você não tem 73 00:04:02,748 --> 00:04:05,692 gastando dinheiro que você não tem para tentar melhorar. 74 00:04:05,702 --> 00:04:09,127 Acessibilidade, assim como tudo em design e web design, 75 00:04:09,127 --> 00:04:10,801 tem que ser tratada desde o começo. 76 00:04:10,817 --> 00:04:13,126 Se você está criando para diferentes dispositivos 77 00:04:13,127 --> 00:04:16,935 ou diferentes tipos de habilidades humanas 78 00:04:17,156 --> 00:04:19,656 tudo isso precisa ser considerado desde o início 79 00:04:19,673 --> 00:04:22,419 e incorporado no conceito, no seu planejamento. 80 00:04:22,426 --> 00:04:24,592 Ninguém quer gastar mais tempo no final. 81 00:04:24,593 --> 00:04:28,220 Só queremos liberar o produto. Esse é o erro que muitos de nós cometemos. 82 00:04:28,370 --> 00:04:30,410 "Vamos liberar, depois consertamos". 83 00:04:30,767 --> 00:04:33,290 Isso nunca acontece. Sempre tem o próximo projeto. 84 00:04:33,500 --> 00:04:35,987 O primeiro passo para fazer um site acessível 85 00:04:36,584 --> 00:04:38,455 é trabalhar com a gerência 86 00:04:38,455 --> 00:04:41,337 para que entendam o valor da acessibilidade 87 00:04:41,853 --> 00:04:47,194 e também ajudá-los a entender que podemos fazer tudo o que querem 88 00:04:47,368 --> 00:04:48,680 e ser acessíveis. 89 00:04:48,684 --> 00:04:50,660 Se você apenas falar sobre acessibilidade 90 00:04:52,295 --> 00:04:55,874 pode não ser considerado de imediato como algo importante. 91 00:04:56,406 --> 00:04:59,755 Mas se você começar falando sobre qualidade 92 00:05:01,025 --> 00:05:04,342 e a sobreposição de otimização de buscas e acessibilidade 93 00:05:04,628 --> 00:05:08,121 e coisas dessa natureza, poderá captar mais a atenção das pessoas. 94 00:05:08,437 --> 00:05:10,937 Quando comecei, eu era um designer. 95 00:05:11,207 --> 00:05:12,666 Queria fazer coisas bonitas. 96 00:05:13,227 --> 00:05:16,870 Não pensava em nada além da estética. 97 00:05:17,695 --> 00:05:20,266 E logo me dei conta de que 98 00:05:20,893 --> 00:05:24,416 quando se tem algo que funciona, já está bom, não é? 99 00:05:24,750 --> 00:05:28,908 Foi então que passei a me concentrar primeiro na funcionalidade 100 00:05:29,503 --> 00:05:31,471 e a beleza veio em seguida. 101 00:05:32,780 --> 00:05:37,476 Não acho que fazer um site acessível inibe a criatividade. 102 00:05:37,477 --> 00:05:43,035 Na verdade, acho que promove a criatividade. 103 00:05:43,415 --> 00:05:47,407 Um bom design acessível geralmente tem boa usabilidade. 104 00:05:47,993 --> 00:05:51,120 E vemos uma relação muito estreita entre um bom design móvel 105 00:05:51,580 --> 00:05:53,533 um design para dispositivos móveis 106 00:05:53,533 --> 00:05:57,103 e a simplicidade e clareza de um bom design acessível. 107 00:05:57,532 --> 00:06:01,079 Voz do tablet: Safari, pular para o conteúdo principal no Pagelink. 108 00:06:02,222 --> 00:06:04,944 Alunos atuais. Alunos futuros. 109 00:06:04,952 --> 00:06:07,647 Item de menu. Tecnologia de acessibilidade. 110 00:06:07,797 --> 00:06:09,947 Rick Ells: Estão todos inter-relacionados. 111 00:06:10,511 --> 00:06:13,896 Se você está criando um site realmente complexo, com muitos itens 112 00:06:13,896 --> 00:06:16,015 usando diferentes métodos por toda parte, 113 00:06:16,491 --> 00:06:19,594 provavelmente, não está criando um site muito bom. 114 00:06:20,038 --> 00:06:22,303 A forma como criamos sites hoje em dia 115 00:06:22,304 --> 00:06:24,023 melhorou muito nos últimos dez anos. 116 00:06:24,259 --> 00:06:26,037 Não usamos estilos "in-line", 117 00:06:26,380 --> 00:06:29,703 não projetamos para apenas um tamanho de tela. 118 00:06:30,135 --> 00:06:33,627 Os desenvolvedores e designers são forçados a projetar 119 00:06:33,635 --> 00:06:36,761 para todas as pessoas e todos os dispositivos. 120 00:06:37,230 --> 00:06:40,878 Não podemos voltar atrás, não podemos ficar limitados novamente. 121 00:06:41,672 --> 00:06:44,592 Em primeiro lugar, o que um designer pode fazer 122 00:06:44,592 --> 00:06:46,132 para verificar a acessibilidade 123 00:06:46,149 --> 00:06:48,981 e garantir que tem bons cabeçalhos. 124 00:06:49,354 --> 00:06:51,957 Uma boa estrutura, com cabeçalhos adequados 125 00:06:51,965 --> 00:06:54,901 bons rótulos nos campos de entrada 126 00:06:54,902 --> 00:06:56,805 bons rótulos nos botões e links. 127 00:06:57,210 --> 00:06:59,257 Verificar que está usando as tags corretas. 128 00:06:59,269 --> 00:07:02,935 E diria que, em segundo lugar, ao menos é o que eu faço, 129 00:07:02,936 --> 00:07:06,792 verificar a navegação pelo teclado 130 00:07:06,793 --> 00:07:10,355 para verificar se o foco está funcionando bem, 131 00:07:10,355 --> 00:07:12,347 se não fica preso em nenhum lugar. 132 00:07:13,029 --> 00:07:16,232 O principal desafio 133 00:07:16,233 --> 00:07:19,439 na área de desenvolvimento é que muitos desenvolvedores 134 00:07:20,669 --> 00:07:24,065 acham muitas bibliotecas de código aberto com coisas muito legais. 135 00:07:24,629 --> 00:07:27,827 Então eles encontram formas de fazer coisas pularem pela tela 136 00:07:27,828 --> 00:07:29,859 ou diminuir e aumentar de tamanho, etc. 137 00:07:29,879 --> 00:07:33,161 E não pensam em validar a acessibilidade. 138 00:07:33,332 --> 00:07:35,340 Quando você vê uma biblioteca javascript 139 00:07:35,348 --> 00:07:38,340 ou um código de um sistema de gestão de conteúdo que quer usar 140 00:07:38,348 --> 00:07:42,086 tem que considerar se ele faz o que você quer 141 00:07:42,451 --> 00:07:44,451 e também se é acessível. 142 00:07:44,458 --> 00:07:46,595 Ou seja, se serve para você e para todos. 143 00:07:47,117 --> 00:07:50,743 Assim que você termina de construir algo, você testa, e testa novamente. 144 00:07:51,148 --> 00:07:54,116 Em múltiplos navegadores, em múltiplas máquinas. 145 00:07:54,687 --> 00:07:57,241 Eu até peço para outras pessoas: 146 00:07:57,267 --> 00:08:00,393 "Ei, você pode testar, está funcionando para você?" 147 00:08:01,124 --> 00:08:02,822 E agora existem ferramentas 148 00:08:02,822 --> 00:08:05,031 em que se pode testar em todos os navegadores. 149 00:08:05,627 --> 00:08:07,866 Isso era muito importante no passado, e ainda é. 150 00:08:07,869 --> 00:08:11,249 Usamos alguns navegadores, 151 00:08:11,250 --> 00:08:15,281 mas precisamos testar em todos os sistemas e plataformas. 152 00:08:15,694 --> 00:08:19,217 A melhor coisa que você pode fazer para testar o design 153 00:08:19,553 --> 00:08:21,696 seja para usabilidade ou acessibilidade 154 00:08:21,697 --> 00:08:24,649 é colocar na frente dos usuários e ver se eles conseguem usar. 155 00:08:24,816 --> 00:08:26,695 Você pode achar que o seu site é ótimo, 156 00:08:26,695 --> 00:08:28,679 que está seguindo todos os padrões, 157 00:08:28,687 --> 00:08:30,377 e daí você vê alguém usá-lo 158 00:08:30,385 --> 00:08:33,758 e pensa: "Não funcionou tão bem quanto eu esperava". 159 00:08:34,075 --> 00:08:38,289 Quando penso no que uma universidade faz, na essência 160 00:08:38,297 --> 00:08:44,670 não é pegar todo mundo com ideias similares 161 00:08:44,671 --> 00:08:47,385 e formar pessoas com essas mesmas ideias, 162 00:08:47,386 --> 00:08:54,218 mas tirar proveito de uma ampla variedade de habilidades e perspectivas. 163 00:08:54,694 --> 00:08:58,924 E vejo acessibilidade e deficiência como parte desse espectro. 164 00:08:59,090 --> 00:09:01,907 Acho que é preciso falar mais sobre acessibilidade 165 00:09:01,908 --> 00:09:04,168 é preciso ser ensinada nas escolas, 166 00:09:04,169 --> 00:09:08,288 é preciso ser cumprida nas instituições e ambientes comerciais. 167 00:09:08,303 --> 00:09:10,088 À medida que surgem novas tecnologias 168 00:09:10,093 --> 00:09:13,239 alguns vão desconsiderá-las completamente, 169 00:09:13,240 --> 00:09:14,962 e outros que irão defendê-las. 170 00:09:14,970 --> 00:09:18,624 E esses últimos vão ser mais fáceis de utilizar para todos 171 00:09:18,624 --> 00:09:20,343 e vão ganhar o mercado. 172 00:09:20,865 --> 00:09:22,746 Acho que o futuro da internet 173 00:09:23,191 --> 00:09:26,468 é fazer cada vez menos suposições sobre como as pessoas vão usá-la. 174 00:09:26,778 --> 00:09:31,595 Temos dispositivos móveis, temos leitores de tela. 175 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. 176 00:09:36,302 --> 00:09:40,127 Então acho que o futuro da internet é fazer cada vez menos suposições 177 00:09:40,127 --> 00:09:45,746 e ter mais conteúdo universal que não é restritivo ou exclusivo. 178 00:09:46,155 --> 00:09:48,626 Acho que pode ser muito desafiador 179 00:09:48,626 --> 00:09:53,502 para certos aplicativos atenderem a pessoas com deficiências. 180 00:09:54,085 --> 00:09:57,164 Mas é nessa hora que o engenheiro deve pensar: 181 00:09:57,537 --> 00:10:01,194 "Por que me tornei um engenheiro? Para tornar possível o impossível 182 00:10:01,836 --> 00:10:03,494 Para solucionar grandes problemas. 183 00:10:03,611 --> 00:10:06,309 Esse é um grande problema, então vamos solucioná-lo". 184 00:10:08,963 --> 00:10:12,274 Para mais informações sobre acessibilidade em TI, consulte 185 00:10:12,274 --> 00:10:17,777 www.uw.edu/accessibility 186 00:10:19,514 --> 00:10:24,309 Este vídeo foi patrocinado por UW Information Technology 187 00:10:24,310 --> 00:10:26,387 da Universidade de Washington. 188 00:10:27,766 --> 00:10:30,997 Copyright © 2013 Universidade de Washington 189 00:10:31,465 --> 00:10:36,420 É permitida a cópia deste material para propósito educacional e não comercial 190 00:10:36,420 --> 00:10:38,367 desde que a fonte seja reconhecida.