{"id":4862,"date":"2018-05-23T09:41:59","date_gmt":"2018-05-23T12:41:59","guid":{"rendered":"http:\/\/blog.handtalk.me\/?p=1809"},"modified":"2023-12-19T18:11:39","modified_gmt":"2023-12-19T21:11:39","slug":"selo-acessibilidade-digital","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/selo-acessibilidade-digital\/","title":{"rendered":"Saiba como ter o Selo de Acessibilidade Digital no seu site"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Ser\u00e1 que seu site \u00e9 mais um na\u00a0<span style=\"text-decoration: underline;\"><a href=\"https:\/\/blog.handtalk.me\/site-offline-milhoes-brasileiros\/?utm_source=Blog&amp;utm_medium=Selo_Link\" target=\"_blank\" rel=\"noopener\">lista dos milhares de sites offline no Brasil?<\/a><\/span> Estima-se que <a href=\"https:\/\/agenciadenoticias.ibge.gov.br\/agencia-sala-de-imprensa\/2013-agencia-de-noticias\/releases\/31445-pns-2019-pais-tem-17-3-milhoes-de-pessoas-com-algum-tipo-de-deficiencia\" target=\"_blank\" rel=\"noopener\">8% da popula\u00e7\u00e3o brasileira<\/a> possua algum tipo de defici\u00eancia no pa\u00eds, e apenas 1% dos sites brasileiros est\u00e3o preparados para receb\u00ea-las. Mesmo com a <span style=\"text-decoration: underline;\"><a href=\"https:\/\/blog.handtalk.me\/guia-da-acessibilidade-lbi\/?utm_source=Blog&amp;utm_medium=Selo_Link\" target=\"_blank\" rel=\"noopener\">LBI (Lei Brasileira de Inclus\u00e3o)<\/a><\/span>, que exige a acessibilidade em sites desde 2016, a realidade n\u00e3o \u00e9 bem assim&#8230;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pensando em <strong>promover a acessibilidade no mundo digital<\/strong>, a Prefeitura de S\u00e3o Paulo, junto com a <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.prefeitura.sp.gov.br\/cidade\/secretarias\/pessoa_com_deficiencia\/\" target=\"_blank\" rel=\"noopener\">Secretaria Municipal da Pessoa com Defici\u00eancia (SMPED)<\/a><\/span>, lan\u00e7ou o Selo de Acessibilidade Digital. Validado pela CPA (Comiss\u00e3o Permanente de Acessibilidade), o objetivo do Selo \u00e9 incentivar a pr\u00e1tica da acessibilidade na web e <strong>reconhecer as organiza\u00e7\u00f5es que j\u00e1 t\u00eam <a href=\"https:\/\/www.handtalk.me\/br\/blog\/sites-acessiveis-para-pessoas-com-deficiencia\/\" target=\"_blank\" rel=\"noopener\">sites acess\u00edveis<\/a><\/strong>. Apesar de ser uma iniciativa local, o selo vale para todo Brasil!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ent\u00e3o, se o seu site j\u00e1 est\u00e1 acess\u00edvel, essa \u00e9 a hora de mostrar para todo mundo! A gente te explica como o selo funciona e o que fazer para tir\u00e1-lo!\u00a0\ud83d\ude09<\/span><\/p>\n<h3><b>O que \u00e9 um site acess\u00edvel de acordo com o selo?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">O CPA leva em considera\u00e7\u00e3o o n\u00edvel de conformidade dos sites com rela\u00e7\u00e3o a alguns crit\u00e9rios de acessibilidade. Os sites que atenderem a 95% dos crit\u00e9rios b\u00e1sicos j\u00e1 podem se aplicar para conseguir o selo. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Alguns dos crit\u00e9rios avaliados s\u00e3o:<\/span><\/p>\n<ul>\n<li><b>Navega\u00e7\u00e3o da p\u00e1gina: <\/b><span style=\"font-weight: 400;\">\u00c9 poss\u00edvel acessar todos os conte\u00fados do seu site pelo teclado?<\/span><\/li>\n<li><b>Estrutura de navega\u00e7\u00e3o:<\/b><span style=\"font-weight: 400;\"> Existe hierarquia de informa\u00e7\u00e3o no seu cabe\u00e7alho? Seu conte\u00fado est\u00e1 separado por blocos?<\/span><\/li>\n<li><b>Imagens acess\u00edveis: <\/b><a href=\"https:\/\/www.handtalk.me\/br\/blog\/texto-alternativo-alt\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Suas imagens possuem texto alternativo descrevendo-as? <\/span><\/a><\/li>\n<li><b>Preenchimento e navega\u00e7\u00e3o em formul\u00e1rios: <\/b><span style=\"font-weight: 400;\">As informa\u00e7\u00f5es dos formul\u00e1rios do site est\u00e3o dispostas de forma clara? Os campos possuem alguma forma de diferencia\u00e7\u00e3o que n\u00e3o seja por cor? Isso \u00e9 extremamente importante para os usu\u00e1rios dalt\u00f4nicos!<\/span><\/li>\n<li><b>Conte\u00fado Textual:<\/b><span style=\"font-weight: 400;\"> Os textos do seu site s\u00e3o de f\u00e1cil compreens\u00e3o? No primeiro uso de alguma sigla, voc\u00ea apresenta o \u00a0que ela significa ou a sua forma completa?<\/span><\/li>\n<li><b>Legendas, Libras e audiodescri\u00e7\u00e3o: <\/b><span style=\"font-weight: 400;\">Os conte\u00fados de v\u00eddeo e \u00e1udio do site possuem legendas? Os textos e v\u00eddeos possuem tradu\u00e7\u00e3o para a L\u00edngua Brasileira de Sinais (Libras)? Existe audiodescri\u00e7\u00e3o nos v\u00eddeos?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Se a maioria das suas respostas foi n\u00e3o, ent\u00e3o \u00e9 hora de pensar em <a href=\"https:\/\/www.handtalk.me\/br\/blog\/o-que-e-acessibilidade-digital\/\" target=\"_blank\" rel=\"noopener\">acessibilidade digital<\/a>! Um site bem estruturado, al\u00e9m de atender diversos p\u00fablicos, <span style=\"text-decoration: underline;\"><a href=\"https:\/\/blog.handtalk.me\/acessibilidade-ranking-google\/?utm_source=Blog&amp;utm_medium=Selo_Link\" target=\"_blank\" rel=\"noopener\">faz com o que Google te enxergue com maior relev\u00e2ncia<\/a><\/span>. E voc\u00ea j\u00e1 sabe, n\u00e9!? Sites com melhores posi\u00e7\u00f5es nos resultados de pesquisa recebem a maior parte do tr\u00e1fego. Mais um motivo para deixar o seu site acess\u00edvel!<\/span><\/p>\n<p><a href=\"https:\/\/acessibilidade.handtalk.me\/ebook-o-guia-final-de-ferramentas-de-acessibilidade-digital\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2585 size-full aligncenter\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2019\/04\/guiadeferramentas_bannerblog_01.png\" alt=\"Imagem de fundo roxo, com o sinal de acessibilidade \u00e0 esquerda. Ao lado direito da figura est\u00e1 escrito: o guia final de ferramentas de acessibilidade digital.\" width=\"750\" height=\"140\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2019\/04\/guiadeferramentas_bannerblog_01.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2019\/04\/guiadeferramentas_bannerblog_01-300x56.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<h3>Como tirar o selo<\/h3>\n<p><span style=\"font-weight: 400;\">O primeiro passo \u00e9 o cadastro, que \u00e9 bem simples e pode ser feito tanto no <span style=\"text-decoration: underline;\"><a href=\"https:\/\/sp156.prefeitura.sp.gov.br\/portal\/servicos\" target=\"_blank\" rel=\"noopener\">Portal 156<\/a><\/span> quanto no <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.prefeitura.sp.gov.br\/cidade\/secretarias\/pessoa_com_deficiencia\/\" target=\"_blank\" rel=\"noopener\">site da SMPED<\/a><\/span>. O custo varia de acordo com o DAMSP (Documento de Arrecada\u00e7\u00e3o do Munic\u00edpio de S\u00e3o Paulo), dispon\u00edvel no site da prefeitura. Ap\u00f3s realizar essas etapas, \u00e9 hora de mandar um e-mail com toda documenta\u00e7\u00e3o (que voc\u00ea confere abaixo) para\u00a0<\/span><b>acessibilidadedigital@prefeitura.sp.gov.br<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h4>Documentos para Pessoa F\u00edsica:<\/h4>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Documento de identifica\u00e7\u00e3o com foto e CPF do requerente ou representante legal;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Comprovante de resid\u00eancia;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Procura\u00e7\u00e3o (quando for o caso do representante legal).<\/span><\/li>\n<\/ul>\n<h4>Documentos para Pessoa Jur\u00eddica:<\/h4>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">CNPJ;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Estatuto social ou contrato em vigor;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Documento que comprove o registro do dom\u00ednio do s\u00edtio no Registro de Dom\u00ednios para a Internet no Brasil (Registro.Br)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Autoriza\u00e7\u00e3o e termo de compromisso assinados pelo requerente ou representante legal;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Indica\u00e7\u00e3o das p\u00e1ginas a ser\u00e3o avaliadas;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Diagn\u00f3stico produzido a partir da avalia\u00e7\u00e3o feita pelo <span style=\"text-decoration: underline;\"><a href=\"https:\/\/asesweb.governoeletronico.gov.br\/\">ASES WEB<\/a> <\/span>(Avaliador e Simulador de Acessibilidade em S\u00edtios) gerado at\u00e9 30 dias antes. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Voc\u00ea ter\u00e1 um prazo de 60 dias ap\u00f3s a solicita\u00e7\u00e3o para providenciar toda documenta\u00e7\u00e3o. Ent\u00e3o, <strong>a equipe t\u00e9cnica da <\/strong><\/span><strong>SMPED<\/strong><span style=\"font-weight: 400;\"><strong> entrar\u00e1 em a\u00e7\u00e3o<\/strong>, fazendo a primeira <a href=\"https:\/\/www.handtalk.me\/br\/blog\/avaliacao-de-acessibilidade-de-sites\/\" target=\"_blank\" rel=\"noopener\">avalia\u00e7\u00e3o do seu site<\/a>. Logo depois da avalia\u00e7\u00e3o, voc\u00ea ter\u00e1 mais 60 dias corridos para realizar as altera\u00e7\u00f5es contidas no parecer t\u00e9cnico. Cumprindo 95% dos requisitos, \u00e9 s\u00f3 retirar o seu certificado! Ele \u00e9 um documento eletr\u00f4nico com n\u00famero de s\u00e9rie \u00fanico e validade de um ano. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pronto!\u00a0\ud83d\ude4c\u00a0 Agora \u00e9 s\u00f3 inserir o selo (que voc\u00ea confere abaixo) no seu site e\u00a0<span style=\"text-decoration: underline;\"><a href=\"https:\/\/blog.handtalk.me\/acessibilidade-posicionamento-marca\/?utm_source=Blog&amp;utm_medium=Selo_Link\" target=\"_blank\" rel=\"noopener\">divulgar para todo mundo!<\/a><\/span>\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5722 aligncenter\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/05\/selo-de-acessibilidade-digital-sp.jpg\" alt=\"\" width=\"376\" height=\"246\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/05\/selo-de-acessibilidade-digital-sp.jpg 376w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/05\/selo-de-acessibilidade-digital-sp-300x196.jpg 300w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/p>\n<h3>Aten\u00e7\u00e3o: o selo precisa ser renovado com o tempo!<\/h3>\n<p><span style=\"font-weight: 400;\">O processo de renova\u00e7\u00e3o tamb\u00e9m n\u00e3o \u00e9 complicado.\u00a0A renova\u00e7\u00e3o acontece por meio da DMA (Declara\u00e7\u00e3o de Manuten\u00e7\u00e3o de Acessibilidade) &#8211; mas fique atento, porque <strong>o pedido deve ser feito 30 dias antes da expira\u00e7\u00e3o do certificado anterior<\/strong>. Ap\u00f3s realizadas duas renova\u00e7\u00f5es, um novo pedido ter\u00e1 de ser feito. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ser\u00e1 que seu site \u00e9 mais um na\u00a0lista dos milhares de sites offline no Brasil? Estima-se que 8% da popula\u00e7\u00e3o brasileira possua algum tipo de defici\u00eancia no pa\u00eds, e apenas 1% dos sites brasileiros est\u00e3o preparados para receb\u00ea-las. Mesmo com a LBI (Lei Brasileira de Inclus\u00e3o), que exige a acessibilidade em sites desde 2016, a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,14,56],"tags":[52,91,92,311,312,202,54,55,411,412,413,414,415,416,417,283,285],"class_list":["post-4862","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade","category-acessibilidade-digital","category-leis-sobre-acessibilidade","tag-acessibilidade","tag-acessibilidade-digital","tag-acessibilidade-na-web","tag-acessibilidade-no-site","tag-acessibilidade-site","tag-estatuto-da-pessoa-com-deficiencia","tag-lbi","tag-lei-brasileira-de-inclusao","tag-prefeitura","tag-prefeitura-de-sao-paulo","tag-prefeitura-de-sp","tag-selo","tag-selo-de-acessibilidade-digital","tag-selo-de-acessibilidade-digital-da-prefeitura-de-sao-paulo","tag-selo-de-acessibilidade-digital-da-prefeitura-de-sp","tag-site-acessivel","tag-sites-acessiveis"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/4862","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=4862"}],"version-history":[{"count":0,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/4862\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/1822"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=4862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=4862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=4862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}