{"id":2254,"date":"2018-10-23T13:12:50","date_gmt":"2018-10-23T16:12:50","guid":{"rendered":"http:\/\/blog.handtalk.me\/?p=2254"},"modified":"2023-04-06T19:11:20","modified_gmt":"2023-04-06T22:11:20","slug":"como-construi-site-acessivel-do-zero","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/como-construi-site-acessivel-do-zero\/","title":{"rendered":"Como eu fiz um site acess\u00edvel sem conhecimento algum de programa\u00e7\u00e3o"},"content":{"rendered":"

Em 2017, o Grupo Museus e Centros de Ci\u00eancias Acess\u00edveis (MCCAC<\/a><\/span>), em parceria com Rede de Populariza\u00e7\u00e3o da Ci\u00eancia e da Tecnologia na Am\u00e9rica Latina e no Caribe (RedPop<\/a><\/span>) lan\u00e7ou o in\u00e9dito Guia de Museus e Centros de Ci\u00eancias Acess\u00edveis da Am\u00e9rica Latina e do Caribe<\/i><\/a><\/span> que re\u00fane informa\u00e7\u00f5es sobre as diversas estrat\u00e9gias de acessibilidade de 110 institui\u00e7\u00f5es da regi\u00e3o.<\/p>\n

O Guia, que tem como objetivo disseminar as informa\u00e7\u00f5es sobre acessibilidade desses espa\u00e7os<\/a><\/span>, possu\u00eda vers\u00f5es acess\u00edveis em Portugu\u00eas e Espanhol e poderia ser baixado gratuitamente na p\u00e1gina da RedPop e institui\u00e7\u00f5es parceiras.<\/p>\n

Entretanto, durante essa implanta\u00e7\u00e3o encontramos um desafio: as p\u00e1ginas em que o Guia seria disponibilizado eram pouco acess\u00edveis<\/strong>. Por essa raz\u00e3o, decidimos investir na cria\u00e7\u00e3o de um site para o MCCAC que fosse minimamente acess\u00edvel e que pudesse hospedar o Guia e outros materiais produzidos pelo grupo.<\/p>\n

Por si s\u00f3, criar um website para um grupo de pesquisa sem fins lucrativos, com profissionais de \u00e1reas diversas, mas nenhum de Tecnologia da Informa\u00e7\u00e3o ou Web Design, j\u00e1 seria um desafio grande. Somado a isso, ter\u00edamos que implementar estrat\u00e9gias de acessibilidade que pareciam, a princ\u00edpio, algo inating\u00edvel<\/strong>.<\/p>\n

Foi, ent\u00e3o, que me dispus a encarar essa demanda – por\u00e9m como muita ousadia, j\u00e1 que sou f\u00edsico de forma\u00e7\u00e3o e o mais pr\u00f3ximo da constru\u00e7\u00e3o de um website que eu j\u00e1 tinha feito era a manuten\u00e7\u00e3o de um \u201cFlog\u00e3o<\/a>\u201d no in\u00edcio dos anos 2000.<\/p>\n

\"Banner<\/p>\n

Erros, li\u00e7\u00f5es e persist\u00eancia: um bom planejamento pode te livrar de dores de cabe\u00e7a<\/h3>\n

Inicialmente, ap\u00f3s r\u00e1pidas pesquisas, descobrimos uma plataforma chamada Wix, que permitia a constru\u00e7\u00e3o de websites de forma amig\u00e1vel e gratuita. Como n\u00e3o possu\u00edamos muito conhecimento t\u00e9cnico e recursos financeiros, achamos que esta seria uma solu\u00e7\u00e3o. Com isso, constru\u00edmos a primeira vers\u00e3o do nosso site.<\/p>\n

Por\u00e9m, ap\u00f3s uma reuni\u00e3o com a equipe da Movimento Web para todos (WPT)<\/a><\/span> – que gentilmente fez a avalia\u00e7\u00e3o do site rec\u00e9m constru\u00eddo, recebemos um aviso: muita coisa poderia melhorar. Mas isto n\u00e3o foi o pior: descobrimos tarde demais que a plataforma Wix n\u00e3o era compat\u00edvel com tradutores de Libras (L\u00edngua Brasileira de Sinais), algo que \u00e9 crucial para um site que se prop\u00f5e a ser acess\u00edvel.<\/p>\n

Diante disso, ouvimos o conselho dado pelo pessoal do WPT: esquecer o primeiro site e construir outro do ZERO, em outra plataforma (WordPress).<\/p>\n

Pensar na acessibilidade desde o come\u00e7o facilita o trabalho<\/h3>\n

Construir um site no WordPress requer um grau um pouco maior de conhecimento t\u00e9cnico do que no Wix, e, al\u00e9m disso, a necessidade de contratar um dom\u00ednio e de uma empresa de hospedagem.<\/p>\n

Depois de muita pesquisas pela internet, descobri uma maneira de construir o site de forma \u201coffline\u201d no meu pr\u00f3prio PC enquanto os tr\u00e2mites de dom\u00ednio e hospedagem eram resolvidos. Lembrando que esse passo \u00e9 totalmente dispens\u00e1vel, j\u00e1 que muitas plataformas de hospedagem possuem ferramentas construtoras de sites embarcadas.<\/p>\n

Na constru\u00e7\u00e3o do site, escolhemos um dos temas gratuitos do WordPress. A plataforma oferece a op\u00e7\u00e3o de filtrar quais templates possuem recursos de acessibilidade, facilitando muito a vida de quem n\u00e3o entende de HTML (nosso caso). A partir disso, fomos incorporando <\/strong>plugins de acessibilidade<\/span><\/a> e nos guiando atrav\u00e9s de ferramentas que analisavam o site neste quesito, com a miss\u00e3o de deix\u00e1-lo o mais acess\u00edvel poss\u00edvel – dentro de nossa limita\u00e7\u00e3o t\u00e9cnica e financeira, \u00e9 claro.<\/p>\n

Uma das ferramentas que utilizamos neste processo foi o avaliador do Movimento Web para Todos<\/a><\/span>, que compara o n\u00edvel de acessibilidade do seu site com o de outros analisados. Outra ferramenta \u00e9 a WAVE<\/a><\/span>, que faz uma an\u00e1lise mais aprofundada, apontando onde existem erros e o que pode ser melhorado.<\/p>\n

Em paralelo, est\u00e1vamos buscando uma forma de tornar o site e o Guia acess\u00edveis em Libras. E ent\u00e3o, veio a grande conquista: conseguimos a parceria com a Hand Talk<\/a>,<\/span> que nos possibilitou realizar a tradu\u00e7\u00e3o do site para l\u00edngua de sinais atrav\u00e9s da simples instala\u00e7\u00e3o de um plugin.<\/i><\/p>\n

\"Imagem<\/a><\/p>\n

Um website nunca estar\u00e1 100% acess\u00edvel. Continue atento a modifica\u00e7\u00f5es e aberto a cr\u00edticas.<\/h3>\n

Fica a li\u00e7\u00e3o: \u00c9 poss\u00edvel construir um site minimamente acess\u00edvel com poucos recursos financeiros, SIM!<\/strong><\/a><\/span> Se tudo for feito com planejamento e com troca de experi\u00eancias ao longo do processo, voc\u00ea pode fazer o seu website com muito menos dificuldades do que a gente. Implementar a\u00e7\u00f5es de acessibilidade em um site j\u00e1 constru\u00eddo \u00e9 mais dif\u00edcil, por\u00e9m n\u00e3o \u00e9 imposs\u00edvel.<\/p>\n

A acessibilidade precisa ser incorporada \u00e0 miss\u00e3o e ao planejamento estrat\u00e9gico das institui\u00e7\u00f5es<\/strong>, assim como fazer parte da natureza do website, e n\u00e3o ser apenas um amontoado de implementa\u00e7\u00f5es soltas. Os dados do nosso pr\u00f3prio Guia mostram que ainda h\u00e1 uma estrada a ser percorrida, no caso dos museus e centros de ci\u00eancias, em prol da acessibilidade e inclus\u00e3o.<\/p>\n

E os desafios ainda s\u00e3o muitos: como dificuldades financeiras e comunicacionais com o setor respons\u00e1vel pela constru\u00e7\u00e3o das p\u00e1ginas – geralmente controlada pelo setor de TI -, ou pelo fato dos sites estarem associados a outras institui\u00e7\u00f5es maiores, em que o processo ainda n\u00e3o foi iniciado.<\/p>\n

Por fim, sabemos que h\u00e1 sempre espa\u00e7o para aperfei\u00e7oamento e que, portanto, \u00e9 fundamental que estejamos sempre atentos a novas modifica\u00e7\u00f5es e ferramentas que possam facilitar essas implementa\u00e7\u00f5es de acessibilidade. N\u00e3o h\u00e1 website perfeito, por isso esteja sempre aberto a receber feedback <\/i>e cr\u00edticas!<\/p>\n

Por: Willian Vieira de Abreu \u2013 Doutorando em Engenharia Nuclear (COPPE\/UFRJ) e membro do Grupo MCCAC<\/p>\n\n\n

\"Banner<\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"

Em 2017, o Grupo Museus e Centros de Ci\u00eancias Acess\u00edveis (MCCAC), em parceria com Rede de Populariza\u00e7\u00e3o da Ci\u00eancia e da Tecnologia na Am\u00e9rica Latina e no Caribe (RedPop) lan\u00e7ou o in\u00e9dito Guia de Museus e Centros de Ci\u00eancias Acess\u00edveis da Am\u00e9rica Latina e do Caribe que re\u00fane informa\u00e7\u00f5es sobre as diversas estrat\u00e9gias de acessibilidade […]<\/p>\n","protected":false},"author":6,"featured_media":2258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[52,91,269,154,92,93,87,160,450,283,285,267,136],"class_list":["post-2254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade-digital","tag-acessibilidade","tag-acessibilidade-digital","tag-acessibilidade-em-libras","tag-acessibilidade-em-museus","tag-acessibilidade-na-web","tag-acessibilidade-web","tag-acessivel","tag-museu-acessivel","tag-museus-acessiveis","tag-site-acessivel","tag-sites-acessiveis","tag-traducao","tag-tradutor-de-sites"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/2254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=2254"}],"version-history":[{"count":0,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/2254\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/2258"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=2254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=2254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=2254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}