{"id":4607,"date":"2022-01-25T15:00:37","date_gmt":"2022-01-25T18:00:37","guid":{"rendered":"http:\/\/blog.handtalk.me\/?p=4607"},"modified":"2023-08-25T17:58:58","modified_gmt":"2023-08-25T20:58:58","slug":"acessibilidade-das-paginas-governamentais","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/acessibilidade-das-paginas-governamentais\/","title":{"rendered":"Conhe\u00e7a o projeto que verifica a acessibilidade das p\u00e1ginas governamentais"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">De acordo com o <\/span><span style=\"font-weight: 400;\">censo da Web Governamental realizado pelo Comit\u00ea de Gest\u00e3o da Internet no Brasil (CGI.br), em 2010 haviam 11.856 sites com o dom\u00ednio .gov.br, que totalizam mais de 6,33 milh\u00f5es de p\u00e1ginas. Isso representa uma m\u00e9dia de 534 p\u00e1ginas por site vinculado ao governo, envolvendo as esferas municipal, estadual ou federal. Desde ent\u00e3o n\u00e3o houve um novo censo, <a href=\"https:\/\/www.handtalk.me\/br\/blog\/especialistas-tendencias-de-acessibilidade\/\" target=\"_blank\" rel=\"noopener\">mas a tend\u00eancia \u00e9 que esses n\u00fameros<\/a> tenham aumentado com o passar dos anos.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Entendendo a grande quantidade de s\u00edtios governamentais e o crescimento da presen\u00e7a de <\/span><a title=\"A presen\u00e7a das Pessoas com Defici\u00eancia no mundo digital\" href=\"https:\/\/www.handtalk.me\/br\/blog\/pessoas-com-deficiencia-no-mundo-digital\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\"><span style=\"font-weight: 400;\">Pessoas com Defici\u00eancia no mundo digital<\/span><\/span><\/a><span style=\"font-weight: 400;\">, <\/span><b>um ponto importante tem sido muito observado e exigido que eles ofere\u00e7am: a acessibilidade digital.<\/b><span style=\"font-weight: 400;\"> O Minist\u00e9rio P\u00fablico inclusive lan\u00e7ou, em agosto de 2020, um edital <\/span><a title=\"Minist\u00e9rio P\u00fablico adverte: estamos de olho na acessibilidade do seu site!\" href=\"https:\/\/www.handtalk.me\/br\/blog\/ministerio-publico-acessibilidade\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">p<span style=\"text-decoration: underline;\">ara propostas de projetos de monitoramento de acessibilidade<\/span><\/span><\/a><span style=\"font-weight: 400;\">, que gerassem relat\u00f3rios com diagn\u00f3sticos e recomenda\u00e7\u00f5es para as adapta\u00e7\u00f5es necess\u00e1rias em sites mantidos pelos \u00f3rg\u00e3os p\u00fablicos, os de empresas com maiores faturamentos e os e-commerces mais visitados. Isso s\u00f3 comprova que a <\/span><b>acessibilidade digital \u00e9 um fator imprescind\u00edvel e esperado por todos, n\u00e3o um diferencial que as organiza\u00e7\u00f5es devem oferecer para se destacar. <\/b><span style=\"font-weight: 400;\">Al\u00e9m disso, \u00e9 importante lembrar que o artigo 63 <\/span><a title=\"https:\/\/www.handtalk.me\/br\/blog\/lei-brasileira-de-inclusao\/\" href=\"https:\/\/www.handtalk.me\/br\/blog\/lei-brasileira-de-inclusao\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\"><span style=\"font-weight: 400;\">Lei Brasileira de Inclus\u00e3o (<\/span><span style=\"font-weight: 400;\">LBI<\/span><span style=\"font-weight: 400;\">)<\/span><\/span><\/a><span style=\"font-weight: 400;\"> torna obrigat\u00f3ria a acessibilidade em sites no Brasil, garantindo o direito \u00e0 informa\u00e7\u00e3o das Pessoas com Defici\u00eancia:\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u201cArt. 63. \u00c9 obrigat\u00f3ria a acessibilidade nos s\u00edtios da internet mantidos por empresas com sede ou representa\u00e7\u00e3o comercial no Pa\u00eds ou <\/span><b>por \u00f3rg\u00e3os de governo<\/b><span style=\"font-weight: 400;\">, para uso da pessoa com defici\u00eancia, garantindo-lhe acesso \u00e0s informa\u00e7\u00f5es dispon\u00edveis, conforme as melhores pr\u00e1ticas e diretrizes de acessibilidade adotadas internacionalmente.\u201d<\/span><\/p>\n<h3><b>Cen\u00e1rio da acessibilidade das p\u00e1ginas governamentais<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">A <\/span><span style=\"text-decoration: underline;\"><a href=\"https:\/\/ticwebacessibilidade.ceweb.br\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">TIC Web Acessibilidade<\/span><\/a><\/span><span style=\"font-weight: 400;\"> \u00e9 um projeto que desde 2010 coleta e verifica as p\u00e1ginas governamentais no mundo online. Ela foi<\/span> <span style=\"font-weight: 400;\">desenvolvida pelo Centro de Estudos sobre Tecnologias Web (Ceweb.br), do <\/span><span style=\"text-decoration: underline;\"><a href=\"https:\/\/nic.br\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">NIC.br<\/span><\/a><\/span><span style=\"font-weight: 400;\">, com o apoio t\u00e9cnico do Departamento de Ci\u00eancia da Computa\u00e7\u00e3o da Universidade Federal de Minas Gerais (DCC\/UFMG).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O projeto tem por objetivo avaliar o n\u00edvel de conformidade dos s\u00edtios governamentais brasileiros com o Modelo de Acessibilidade em Governo Eletr\u00f4nico (eMAG) e apresentar uma perspectiva da acessibilidade e os erros mais comuns encontrados nos sites sob o dom\u00ednio .gov.br para que sejam corrigidos. Al\u00e9m dessas informa\u00e7\u00f5es \u00e9 oferecido um resumo das notas de tudo o que foi analisado, mostrando a porcentagem de p\u00e1ginas e sites dentro dos intervalos e apresentando uma visualiza\u00e7\u00e3o das falhas cometidas com maior frequ\u00eancia.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Na verifica\u00e7\u00e3o de acessibilidade mais recente, os erros comuns encontrados est\u00e3o relacionados a:<\/span><\/p>\n<p><b><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Marca\u00e7\u00e3o:<\/span><\/span><\/b><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"> n\u00e3o respeitar os padr\u00f5es web, falta de organiza\u00e7\u00e3o do c\u00f3digo HTML de forma l\u00f3gica e sem\u00e2ntica;\u00a0 n\u00e3o utiliza\u00e7\u00e3o correta dos n\u00edveis de cabe\u00e7alho; n\u00e3o fornecer \u00e2ncoras para ir direto a um bloco de conte\u00fado; tabelas para diagrama\u00e7\u00e3o; aus\u00eancia de separa\u00e7\u00e3o dos links subjacentes.<\/span><\/span><\/span><\/p>\n<p><b><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Comportamento:<\/span><\/span><\/b><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"> n\u00e3o disponibiliza\u00e7\u00e3o de todas as fun\u00e7\u00f5es da p\u00e1gina via teclado; n\u00e3o garantir que os objetos program\u00e1veis sejam acess\u00edveis; utiliza\u00e7\u00e3o de redirecionamento autom\u00e1tico de p\u00e1ginas; inclus\u00e3o de situa\u00e7\u00f5es com intermit\u00eancia de tela.\u00a0<\/span><\/span><\/span><\/p>\n<p><b><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Conte\u00fado:<\/span><\/span><\/b><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"> n\u00e3o identificando o idioma principal da p\u00e1gina; n\u00e3o oferecendo um t\u00edtulo descritivo \u00e0 mesma; aus\u00eancia da descri\u00e7\u00e3o de links de forma clara e sucinta; falta de descri\u00e7\u00f5es alternativas nas imagens; n\u00e3o utiliza\u00e7\u00e3o de mapas de imagem de forma acess\u00edvel; n\u00e3o associa\u00e7\u00e3o de c\u00e9lulas de dados \u00e0s c\u00e9lulas de cabe\u00e7alho; n\u00e3o garantir a leitura e compreens\u00e3o das informa\u00e7\u00f5es; aus\u00eancia de explica\u00e7\u00f5es para siglas, abreviaturas e palavras incomuns.<\/span><\/span><\/span><\/p>\n<p><b><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Apresenta\u00e7\u00e3o:<\/span><\/span><\/b><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"> impossibilitando que o elemento com foco seja visualmente evidente;\u00a0<\/span><\/span><\/span><\/p>\n<p><b><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Formul\u00e1rios: <\/span><\/span><\/b><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">n\u00e3o fornecendo alternativa em texto para os bot\u00f5es de imagem de formul\u00e1rios; n\u00e3o associando etiquetas aos seus campos; n\u00e3o agrupando campos de formul\u00e1rio.\u00a0<\/span><\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Muitos desses erros parecem simples, mas comprometem uma boa navega\u00e7\u00e3o das pessoas e consequentemente o n\u00edvel de acessibilidade dessas p\u00e1ginas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 importante lembrar que mesmo com os avan\u00e7os tecnol\u00f3gicos, a avalia\u00e7\u00e3o de acessibilidade n\u00e3o deve depender apenas de verifica\u00e7\u00f5es autom\u00e1ticas, mas sim de avalia\u00e7\u00f5es humanas e uma pode sempre complementar a outra.\u00a0<\/span><\/p>\n<h3><b>P\u00e1ginas governamentais e o Hand Talk Plugin<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Pudemos entender que erros b\u00e1sicos comprometem a acessibilidade dos sites e acabam prejudicando o cotidiano de muitas pessoas. Elas ao entrarem em uma p\u00e1gina de sua cidade, por exemplo, podem n\u00e3o conseguir acompanhar as informa\u00e7\u00f5es atualizadas do que est\u00e1 acontecendo, conhecer campanhas realizadas e at\u00e9 mesmo participar de eventos que est\u00e3o sendo oferecidos. Tudo isso porque um site n\u00e3o est\u00e1 adequadamente preparado para elas.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um exemplo de p\u00fablico que enfrenta muitas barreiras de comunica\u00e7\u00e3o \u00e9 a comunidade surda. Isso acontece porque <\/span><a href=\"https:\/\/www.un.org\/esa\/socdev\/enable\/rights\/contrib-wfd.htm\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">a grande maioria se comunica por meio das L\u00ednguas de Sinais e possuem dificuldades de compreens\u00e3o com as l\u00ednguas escritas<\/span>.<\/span><\/a><span style=\"font-weight: 400;\"> Ao n\u00e3o encontrarem um site inacess\u00edvel, acabam n\u00e3o tendo autonomia suficiente para consumir conte\u00fados online.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pensando nesse p\u00fablico, a Hand Talk oferece hoje um\u00a0<\/span><a href=\"https:\/\/www.handtalk.me\/br\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">plugin que traduz textos e imagens com descri\u00e7\u00e3o alternativa<\/span>,<\/span><\/a><span style=\"font-weight: 400;\"> para a L\u00edngua Brasileira de Sinais. Com instala\u00e7\u00e3o <\/span><b>f\u00e1cil <\/b><b>com script <\/b><span style=\"font-weight: 400;\">o plugin n\u00e3o possui depend\u00eancias e n\u00e3o precisa ser atualizado ou reinicializado quando o conte\u00fado da p\u00e1gina for modificado. <\/span><span style=\"font-weight: 400;\">A solu\u00e7\u00e3o vem quebrando essa grande barreira que para as pessoas surdas antes parecia indestrut\u00edvel. P\u00e1ginas governamentais como da<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.indaiatuba.sp.gov.br\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Prefeitura de Indaiatuba<\/span><\/a><\/span><span style=\"font-weight: 400;\">,<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.prefeitura.sp.gov.br\/cidade\/secretarias\/fazenda\/servicos\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Prefeitura de S\u00e3o Paulo<\/span><\/a><\/span><span style=\"font-weight: 400;\"> e <\/span><span style=\"text-decoration: underline;\"><a href=\"https:\/\/valparaisodegoias.go.gov.br\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Prefeitura Municipal de Valpara\u00edso de Goi\u00e1s<\/span><\/a><\/span><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">, j\u00e1 adotaram o nosso plugin e est\u00e3o tornando a web mais acess\u00edvel com a gente.\u00a0<\/span><\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Se voc\u00ea \u00e9 respons\u00e1vel por um site governamental ou at\u00e9 mesmo de um site privado e tamb\u00e9m quer transformar o mundo em um lugar mais inclusivo, conhe\u00e7a o Hand Talk Plugin.\u00a0<\/span><\/span><\/span><\/p>\n<p><a title=\"O site da sua empresa acess\u00edvel em Libras de forma autom\u00e1tica\" href=\"https:\/\/acessibilidade.handtalk.me\/levantada-mao-persona-tech\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7152 aligncenter\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/03\/banners-personas-TECH.png\" alt=\"Banner com fundo azul escuro, Do lado esquerdo o Hugo com s\u00edmbolos de tecnologia ao redor. No centro est\u00e1 escrito &quot;Torne a experi\u00eancia dos usu\u00e1rios surdos positiva em seu site. Do lado direito, o bot\u00e3o de &quot;saiba como&quot;\" width=\"750\" height=\"160\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/03\/banners-personas-TECH.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/03\/banners-personas-TECH-300x64.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>De acordo com o censo da Web Governamental realizado pelo Comit\u00ea de Gest\u00e3o da Internet no Brasil (CGI.br), em 2010 haviam 11.856 sites com o dom\u00ednio .gov.br, que totalizam mais de 6,33 milh\u00f5es de p\u00e1ginas. Isso representa uma m\u00e9dia de 534 p\u00e1ginas por site vinculado ao governo, envolvendo as esferas municipal, estadual ou federal. Desde [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":4615,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,15,56],"tags":[91,269,57,338,71,149,54,624,285,625],"class_list":["post-4607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade-digital","category-investimento-em-acessibilidade","category-leis-sobre-acessibilidade","tag-acessibilidade-digital","tag-acessibilidade-em-libras","tag-comunidade-surda","tag-diversidade","tag-inclusao","tag-investimento-em-acessibilidade","tag-lbi","tag-paginas-governamentais-acessiveis","tag-sites-acessiveis","tag-sites-governamentais"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/4607","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=4607"}],"version-history":[{"count":0,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/4607\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/4615"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=4607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=4607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=4607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}