{"id":15859,"date":"2025-06-29T09:14:28","date_gmt":"2025-06-29T08:14:28","guid":{"rendered":"http:\/\/boomer.pt\/?p=15859"},"modified":"2025-06-29T09:14:28","modified_gmt":"2025-06-29T08:14:28","slug":"acessibilidade-na-web-como-desenhar-para-todos","status":"publish","type":"post","link":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/","title":{"rendered":"Acessibilidade na web: como desenhar para todos"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Acessibilidade na web: como desenhar para todos<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Acessibilidade\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Quer estejamos a falar de um website corporativo ou de uma loja online, o objetivo \u00e9, sempre, atrair e reter o maior n\u00famero de visitantes poss\u00edvel e, para isso, \u00e9 fundamental ter em conta a acessibilidade no nosso website.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Porqu\u00ea?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Dados da Organiza\u00e7\u00e3o Mundial da Sa\u00fade estimam que 15% da popula\u00e7\u00e3o mundial vive com alguma forma de defici\u00eancia<\/a><\/span> e, no entanto, segundo um estudo levado a cabo no Reino Unido, estima-se que cerca de 70% dos websites n\u00e3o seguem normas de usabilidade.<\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Garantir que o nosso website \u00e9 acess\u00edvel a todos \u00e9 importante por v\u00e1rios motivos:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
  1. \u00c9 eticamente correto<\/strong>: \u00e9 uma forma de contribuir para uma sociedade digital inclusiva e vai ao encontro do princ\u00edpio da universalidade da internet;<\/li>
  2. \u00c9 vantajoso em termos de tr\u00e1fego<\/strong>: dados das Na\u00e7\u00f5es Unidas de 2021 indicam que mais de um \u201c1 bilh\u00e3o de habitantes no mundo t\u00eam algum tipo de defici\u00eancia f\u00edsica ou intelectual<\/em><\/a>\u201d e, com o envelhecimento crescente da popula\u00e7\u00e3o, esse n\u00famero tender\u00e1 a aumentar. \u00c9 uma grande parcela da popula\u00e7\u00e3o que podemos estar a excluir! Para al\u00e9m disso, cumprir normas de acessibilidade \u00e9 vantajoso em termos de SEO (Search Engine Optimization) o que, como sabemos, ajuda os websites a ter uma melhor classifica\u00e7\u00e3o nas p\u00e1ginas de resultados dos mecanismos de pesquisa, aumentando o alcance;<\/li>
  3. Vai ao encontro da lei:<\/strong> a 3 de maio de 2016, a Comiss\u00e3o Europeia apresentou uma proposta de lei que torna a\u00a0acessibilidade obrigat\u00f3ria em todos os sites\u00a0de institui\u00e7\u00f5es p\u00fablicas dos estados-membros (como websites de hospitais, universidades, servi\u00e7os legislativos, bibliotecas, etc.) e esta norma incluir\u00e1, no futuro, tamb\u00e9m o setor privado.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    2.\tPara quem?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    A acessibilidade n\u00e3o diz respeito apenas a pessoas com algum tipo de defici\u00eancia ou restri\u00e7\u00e3o f\u00edsica e intelectual, mas sim a um conjunto de normas que tornam os websites mais f\u00e1ceis de usar por todos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Antes de percebermos quais as guidelines para construir um website mais acess\u00edvel, \u00e9 importante perceber que tipo de defici\u00eancias existem e como podem afetar a navega\u00e7\u00e3o web:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\tDefici\u00eancia visual:<\/strong> nesta categoria podemos incluir n\u00e3o s\u00f3 quem sofre de cegueira total ou parcial, como tamb\u00e9m quem padece de daltonismo, por exemplo. Pessoas com problemas de vis\u00e3o podem necessitar de utilizar softwares de amplia\u00e7\u00e3o de tela ou leitores de ecr\u00e3 para ler texto digital em voz alta e descrever imagens na web.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    \u00a0<\/p>

    Defici\u00eancia auditiva:<\/strong>\u00a0 podemos falar de v\u00e1rios graus de perda auditiva, de leve a profunda. Nestes casos, \u00e9 importante que os conte\u00fados de \u00e1udio ou v\u00eddeo presentes no website incluam uma transcri\u00e7\u00e3o ou legendas.<\/p>

    Defici\u00eancia motora:<\/strong> pessoas com restri\u00e7\u00f5es motoras podem ter dificuldade em utilizar ratos ou trackpads e, nestes casos, a navega\u00e7\u00e3o baseada no teclado \u00e9 fundamental.<\/p>

    Defici\u00eancia cognitiva:<\/strong> para garantir que n\u00e3o estamos a excluir visitantes com dificuldades de compreens\u00e3o ou aprendizagem, \u00e9 importante manter os layouts, a navega\u00e7\u00e3o e conte\u00fado simples e consistentes e incluir instru\u00e7\u00f5es de utiliza\u00e7\u00e3o para todas as funcionalidades que possam n\u00e3o ser t\u00e3o intuitivas (como formul\u00e1rios de contacto ou processos de compra numa loja on-line).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Antes de percebermos quais as guidelines para construir um website mais acess\u00edvel, \u00e9 importante perceber que tipo de defici\u00eancias existem e como podem afetar a navega\u00e7\u00e3o web:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    \u00c9 importante referir que, ao falar de acessibilidade, n\u00e3o estamos apenas a incluir pessoas com defici\u00eancias graves ou permanentes, dificuldades podem surgir temporariamente, ser reflexo de idades mais avan\u00e7adas ou, simplesmente, do contexto (j\u00e1 todos sentimos dificuldade a compreender como navegar num website ou estivemos numa situa\u00e7\u00e3o com muito barulho a tentar ouvir um v\u00eddeo sem legendas!).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    3.\tO que ter em conta?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    1. Navega\u00e7\u00e3o com o teclado<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Para validar este crit\u00e9rio, deve ser poss\u00edvel navegar pelo website sem ser necess\u00e1rio utilizar o rato. Muitas tecnologias de assist\u00eancia a pessoas com defici\u00eancias motoras assentam em \u201ckeyboard-only navigation\u201d,<\/em> ou seja, para cumprir este requisito deve ser poss\u00edvel aceder a todos os conte\u00fados e funcionalidades de um website apenas atrav\u00e9s do teclado \u2013 utilizando a tecla \u201cTab\u201d para navegar entre sec\u00e7\u00f5es.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> a plataforma WebAIM (Web Acessibility in Mind) tem um conjunto de recursos, dicas e ferramentas que te podem ajudar a avaliar a acessibilidade do teu website e a corrigir potenciais erros. Para garantir que o teu website passa neste crit\u00e9rio de navega\u00e7\u00e3o e descobrires como podes melhorar, consulta este link<\/span><\/a>.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    2. Aten\u00e7\u00e3o ao conte\u00fado din\u00e2mico<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    O conte\u00fado din\u00e2mico, ou seja, conte\u00fado que \u00e9 carregado na p\u00e1gina sem necessitar de reload (como, por exemplo, um banner animado) pode ser um desafio para os sistemas de leitura de ecr\u00e3s, j\u00e1 que o website n\u00e3o comunica ao software que esse conte\u00fado mudou.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Para resolver este problema, existem as \u201cARIA landmarks\u201d:<\/em><\/a> ARIA (Accessible Rich Internet Applications<\/em>) designa um conjunto de atributos que podes adicionar ao c\u00f3digo HTML para tornar o teu website mais acess\u00edvel a utilizadores que usam tecnologias de assist\u00eancia \u00e0 navega\u00e7\u00e3o, como leitores de ecr\u00e3.
    No fundo, s\u00e3o tags que adicionamos ao conte\u00fado para o definir com clareza o que estamos a apresentar na p\u00e1gina. No caso de conte\u00fado din\u00e2mico, podemos colocar a tag \u201clive region<\/em>\u201d que comunica aos sistemas de leitura que se trata de conte\u00fado din\u00e2mico.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    3. Adicionar textos ALT em todas as imagens<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Ao adicionar imagens a um website \u00e9 importante inserir sempre o texto ALT (ou Alternative Text): este texto funciona como uma descri\u00e7\u00e3o da imagem, caso esta n\u00e3o carregue e tamb\u00e9m para que todos que sofram de limita\u00e7\u00f5es de vis\u00e3o possam ter conhecimento do que est\u00e1 ali representado. \u00c9 tamb\u00e9m fundamental a n\u00edvel de SEO!<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Podes ler aqui<\/a><\/span> as boas pr\u00e1ticas a implementar ao criar o ALT nas imagens do teu website.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    4. Escolher as cores cuidadosamente<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    A capacidade de percecionar as diferentes cores varia de pessoa para pessoa \u2013 na verdade, podemos dizer que a nossa capacidade de visualizar cor varia num espectro t\u00e3o extenso como o das cores existentes! \u00c9, assim, fundamental, garantir que os v\u00e1rios elementos no nosso website tenham contraste suficiente para serem leg\u00edveis por todos, principalmente entre texto e fundo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Utiliza o ContrastChecker da WebAIM<\/a><\/span> para testar se as cores que est\u00e1s a selecionar t\u00eam contraste suficiente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Exemplo\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    5. Estruturar o conte\u00fado <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Utilizar headers<\/em> para definir t\u00edtulos e estruturar conte\u00fados \u00e9 fundamental para auxiliar na leitura do nosso conte\u00fado e possibilita aos leitores de ecr\u00e3 perceberem a estrutura do nosso website e facilitar a navega\u00e7\u00e3o.<\/p>

    \u00a0<\/p>

    Visualmente, j\u00e1 sabemos que \u00e9 importante distinguir t\u00edtulos ou destaques atrav\u00e9s do tamanho do texto, cor, o uso do bold, etc. No caso de sistemas de assist\u00eancia como leitores de ecr\u00e3 (e mesmo como boa pr\u00e1tica de SEO), \u00e9 fundamental definir a hierarquia de conte\u00fado de uma p\u00e1gina atrav\u00e9s das tags H1 e outros t\u00edtulos com H2, H3, H4, etc., para passar corretamente o fluxo de leitura do nosso conte\u00fado.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Aprende mais sobre headings e como utiliz\u00e1-los para estruturar informa\u00e7\u00e3o aqui.<\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    6. Evitar o uso de tabelas<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Tabelas devem ser evitadas para estruturar conte\u00fados e layouts, j\u00e1 que s\u00e3o de dif\u00edcil leitura em leitores de ecr\u00e3s. O seu uso deve ser restrito a situa\u00e7\u00f5es em que o conte\u00fado realmente exige uma formata\u00e7\u00e3o tabelar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Caso precises de utilizar tabelas no teu website, descobre mais sobre os standards de acessibilidade na sua constru\u00e7\u00e3o neste link.<\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    7. Permitir o redimensionamento do texto<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\tA maior parte dos browsers permite redimensionar o texto de qualquer website, uma funcionalidade muito \u00fatil para quem sofre de dificuldades visuais. Esta funcionalidade deve, no entanto, ser testada quando estamos a desenvolver o website para garantir que n\u00e3o afeta o design ou a estrutura do conte\u00fado, tornando a experi\u00eancia de navega\u00e7\u00e3o mais dif\u00edcil. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Podes testar se o teu website est\u00e1 preparado para esta amplia\u00e7\u00e3o da fonte testando a fun\u00e7\u00e3o de zoom ou lupa do teu browser.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Para saber mais sobre fontes, tamanhos e como garantir que n\u00e3o representam um obst\u00e1culo \u00e0 visualiza\u00e7\u00e3o do teu website, recomendamos as guidelines da WebAIM. <\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    8. Cuidado com conte\u00fados multim\u00e9dia<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Entrar num website onde m\u00fasica come\u00e7a a tocar automaticamente \u00e9 irritante para todos os utilizadores, mas pode ser um verdadeiro desafio para utilizadores com defici\u00eancia: descobrir o bot\u00e3o para parar pode ser dif\u00edcil sem o mouse ou em leitores de ecr\u00e3s.<\/p>

    Se inclu\u00edres v\u00eddeo no teu website, coloca legendas e garante que todos, mesmo com problemas auditivos, podem usufruir do teu conte\u00fado!<\/p>

    \u00a0<\/p>

    \u00c9 recomendado evitar, tamb\u00e9m, carross\u00e9is ou banners autom\u00e1ticos, j\u00e1 que alguns utilizadores podem necessitar de mais tempo para absorver a informa\u00e7\u00e3o do que outros.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> A Web Accessibility Initiative (WAI)<\/em> do World Wide Web Consortium (W3C)<\/em> fornece um conjunto alargado de dicas e boas pr\u00e1ticas para tornares os teus conte\u00fados multim\u00e9dia mais acess\u00edveis que podes consultar aqui.<\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    9. Tem aten\u00e7\u00e3o aos formul\u00e1rios <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Formul\u00e1rios podem ser especialmente dif\u00edceis de utilizar por alguns visitantes do teu site e, no entanto, s\u00e3o uma ferramenta preciosa para criar um canal de comunica\u00e7\u00e3o. Garante que cada campo est\u00e1 claramente identificado (com a devida label e, idealmente, texto de exemplo), que todo o formul\u00e1rio \u00e9 naveg\u00e1vel por TAB, que as mensagens de erro \/ sucesso s\u00e3o claras e explicativas e, se necess\u00e1rio, inclui instru\u00e7\u00f5es para como preencher adequadamente o formul\u00e1rio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Descobre aqui<\/span> <\/a>as guidelines para constru\u00edres formul\u00e1rios simples e acess\u00edveis para todos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    10. Criar conte\u00fado acess\u00edvel<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Desenhar e estruturar um website acess\u00edvel \u00e9 fundamental e o mesmo se passa com o conte\u00fado. Criar conte\u00fado acess\u00edvel pode passar por pequenas coisas, como definir sempre o significado de um acr\u00f3nimo a regras de navega\u00e7\u00e3o como descrever o prop\u00f3sito \/ destino de um link.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Dica:<\/strong> Consulta as dicas da WebAIM sobre linguagem<\/a><\/span> para descobrires como criar e estruturar conte\u00fado mais acess\u00edvel.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    4. Recursos \u00fateis<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\tPara al\u00e9m dos principais guias de acessibilidade j\u00e1 mencionados, como o WebAIM e o WCAG, existem diversas ferramentas que ajudam a verificar se o teu website cumpre essas guidelines, identificando erros e providenciando dicas de melhoria.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    1. WAVE\u00a0<\/strong><\/p>

    Com a extens\u00e3o WAVE Evaluation Tool instalada no browser, podes avaliar a acessibilidade do teu site tendo em conta os padr\u00f5es de acessibilidade estabelecidos pelo WCAG.<\/p>

    \u00a0<\/p>

    Esta ferramenta \u00e9 um auxiliar importante para detetar o que est\u00e1 a falhar no teu website e o que pode ser corrigido \/ melhorado.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    2. ARIA DevTools<\/strong><\/p>


    A extens\u00e3o ARIA DevTools para o browser \u00e9 um recurso gratuito que te permite verificar como o teu website est\u00e1 estruturado e \u00e9 lido por leitores de ecr\u00e3, para al\u00e9m de te ajudar a identificar onde deveriam ser colocados atributos ARIA para ajudar a navega\u00e7\u00e3o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    3. Recursos para WordPress<\/strong><\/p>


    O WordPress \u00e9 o CMS mais utilizado do mundo e, por isso, disp\u00f5e j\u00e1 de um conjunto de ferramentas pr\u00f3prias e plugins para melhor a acessibilidade do teu website. Basta procurar no diret\u00f3rio de plugins por \u201cAccessibility\u201d e escolher qual a melhor op\u00e7\u00e3o para as tuas necessidades.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Resultados\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Curso\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    4. Cursos<\/strong><\/p>

    Se quiseres aprofundar o tema e aprender de uma forma mais estruturada, a Udacity disponibiliza um curso de Acessibilidade Web.<\/a><\/span> \u00c9 gratuito, mas requer algum conhecimento de HTML, CSS e Javascript. Para iniciados, na plataforma COURSERA encontras um curso de Introdu\u00e7\u00e3o \u00e0 Acessibilidade e Design Inclusivo<\/a><\/span>, disponibilizado pela Universidade do Illinois, com legendas em portugu\u00eas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    A acessibilidade do teu website importa. Para al\u00e9m de garantires que o teu website \u00e9 de f\u00e1cil consulta e navega\u00e7\u00e3o para todos, atraindo mais potenciais utilizadores, est\u00e1s a contribuir para um mundo digital mais inclusivo e justo!<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

    A acessibilidade do teu website importa. Para al\u00e9m de garantires que o teu website \u00e9 de f\u00e1cil consulta e navega\u00e7\u00e3o para todos, atraindo mais potenciais utilizadores, est\u00e1s a contribuir para um mundo digital mais inclusivo e justo!<\/p>\n","protected":false},"author":1,"featured_media":15896,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[126,98],"tags":[211,131,130,197,198,140,213,154,151,139,148,133,132],"class_list":["post-15859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento-web","category-design","tag-acessibilidade-na-web","tag-agencia-digital","tag-agenciademarketing","tag-boomer","tag-boomer-academy","tag-branding","tag-desenhar-para-todos","tag-design","tag-gestaoredesosciais","tag-marca","tag-marketingdigital","tag-redessociais","tag-vila-nova-de-famalicao"],"yoast_head":"\nAcessibilidade na web: como desenhar para todos - BOOMER<\/title>\n<meta name=\"description\" content=\"J\u00e1 todos nos deparamos com um erro ou bug que nos faz querer sair de um website ou loja online. Hoje deixamos alguns dos erros mais comuns no desenvolvimento de produtos digitais e o que podemos fazer para prevenir!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Acessibilidade na web: como desenhar para todos - BOOMER\" \/>\n<meta property=\"og:description\" content=\"J\u00e1 todos nos deparamos com um erro ou bug que nos faz querer sair de um website ou loja online. Hoje deixamos alguns dos erros mais comuns no desenvolvimento de produtos digitais e o que podemos fazer para prevenir!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\" \/>\n<meta property=\"og:site_name\" content=\"BOOMER\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/boomer.pt\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-29T08:14:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2001\" \/>\n\t<meta property=\"og:image:height\" content=\"1001\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vera Oliveira\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vera Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\"},\"author\":{\"name\":\"Vera Oliveira\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/person\/6cdc1fb5ce8d2bed7d6b684648d4c36b\"},\"headline\":\"Acessibilidade na web: como desenhar para todos\",\"datePublished\":\"2025-06-29T08:14:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\"},\"wordCount\":2005,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#organization\"},\"image\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png\",\"keywords\":[\"Acessibilidade na web\",\"agencia digital\",\"agenciademarketing\",\"Boomer\",\"Boomer Academy\",\"branding\",\"Desenhar para todos\",\"design\",\"gestaoredesosciais\",\"marca\",\"marketingdigital\",\"redessociais\",\"vila nova de famalicao\"],\"articleSection\":[\"Desenvolvimento Web\",\"Design Gr\u00e1fico\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\",\"url\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\",\"name\":\"Acessibilidade na web: como desenhar para todos - BOOMER\",\"isPartOf\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png\",\"datePublished\":\"2025-06-29T08:14:28+00:00\",\"description\":\"J\u00e1 todos nos deparamos com um erro ou bug que nos faz querer sair de um website ou loja online. Hoje deixamos alguns dos erros mais comuns no desenvolvimento de produtos digitais e o que podemos fazer para prevenir!\",\"breadcrumb\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage\",\"url\":\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png\",\"contentUrl\":\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png\",\"width\":2001,\"height\":1001,\"caption\":\"Acessibilidade na web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/boomer.pt\/raiodoblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Acessibilidade na web: como desenhar para todos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#website\",\"url\":\"https:\/\/boomer.pt\/raiodoblog\/\",\"name\":\"BOOMER\",\"description\":\"Brand & Digital Agency\",\"publisher\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/boomer.pt\/raiodoblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#organization\",\"name\":\"BOOMER\",\"url\":\"https:\/\/boomer.pt\/raiodoblog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2022\/10\/BoomerLogo-2.svg\",\"contentUrl\":\"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2022\/10\/BoomerLogo-2.svg\",\"width\":154,\"height\":40,\"caption\":\"BOOMER\"},\"image\":{\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/boomer.pt\",\"https:\/\/www.instagram.com\/boomerpt\/\",\"https:\/\/www.linkedin.com\/company\/2641069\/admin\/\",\"https:\/\/www.youtube.com\/channel\/UCJ4-FswWDdO5i1UVdIUqtGw\/feed\",\"https:\/\/www.behance.net\/boomer_pt\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/person\/6cdc1fb5ce8d2bed7d6b684648d4c36b\",\"name\":\"Vera Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c663de2e261bf1f6f4b5d10da88c048afb46763caa66ae37b6eb2d65a9f2a2fe?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c663de2e261bf1f6f4b5d10da88c048afb46763caa66ae37b6eb2d65a9f2a2fe?s=96&d=mm&r=g\",\"caption\":\"Vera Oliveira\"},\"description\":\"Project Manager\",\"sameAs\":[\"http:\/\/boomer.pt\"],\"url\":\"https:\/\/boomer.pt\/raiodoblog\/author\/boomer2022\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Acessibilidade na web: como desenhar para todos - BOOMER","description":"J\u00e1 todos nos deparamos com um erro ou bug que nos faz querer sair de um website ou loja online. Hoje deixamos alguns dos erros mais comuns no desenvolvimento de produtos digitais e o que podemos fazer para prevenir!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/","og_locale":"en_US","og_type":"article","og_title":"Acessibilidade na web: como desenhar para todos - BOOMER","og_description":"J\u00e1 todos nos deparamos com um erro ou bug que nos faz querer sair de um website ou loja online. Hoje deixamos alguns dos erros mais comuns no desenvolvimento de produtos digitais e o que podemos fazer para prevenir!","og_url":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/","og_site_name":"BOOMER","article_publisher":"https:\/\/www.facebook.com\/boomer.pt","article_published_time":"2025-06-29T08:14:28+00:00","og_image":[{"width":2001,"height":1001,"url":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png","type":"image\/png"}],"author":"Vera Oliveira","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vera Oliveira","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#article","isPartOf":{"@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/"},"author":{"name":"Vera Oliveira","@id":"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/person\/6cdc1fb5ce8d2bed7d6b684648d4c36b"},"headline":"Acessibilidade na web: como desenhar para todos","datePublished":"2025-06-29T08:14:28+00:00","mainEntityOfPage":{"@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/"},"wordCount":2005,"commentCount":0,"publisher":{"@id":"https:\/\/boomer.pt\/raiodoblog\/#organization"},"image":{"@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage"},"thumbnailUrl":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png","keywords":["Acessibilidade na web","agencia digital","agenciademarketing","Boomer","Boomer Academy","branding","Desenhar para todos","design","gestaoredesosciais","marca","marketingdigital","redessociais","vila nova de famalicao"],"articleSection":["Desenvolvimento Web","Design Gr\u00e1fico"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/","url":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/","name":"Acessibilidade na web: como desenhar para todos - BOOMER","isPartOf":{"@id":"https:\/\/boomer.pt\/raiodoblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage"},"image":{"@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage"},"thumbnailUrl":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png","datePublished":"2025-06-29T08:14:28+00:00","description":"J\u00e1 todos nos deparamos com um erro ou bug que nos faz querer sair de um website ou loja online. Hoje deixamos alguns dos erros mais comuns no desenvolvimento de produtos digitais e o que podemos fazer para prevenir!","breadcrumb":{"@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#primaryimage","url":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png","contentUrl":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2023\/03\/w11_AcessibilidadeWeb_banner-blog.png","width":2001,"height":1001,"caption":"Acessibilidade na web"},{"@type":"BreadcrumbList","@id":"https:\/\/boomer.pt\/raiodoblog\/acessibilidade-na-web-como-desenhar-para-todos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/boomer.pt\/raiodoblog\/"},{"@type":"ListItem","position":2,"name":"Acessibilidade na web: como desenhar para todos"}]},{"@type":"WebSite","@id":"https:\/\/boomer.pt\/raiodoblog\/#website","url":"https:\/\/boomer.pt\/raiodoblog\/","name":"BOOMER","description":"Brand & Digital Agency","publisher":{"@id":"https:\/\/boomer.pt\/raiodoblog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/boomer.pt\/raiodoblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/boomer.pt\/raiodoblog\/#organization","name":"BOOMER","url":"https:\/\/boomer.pt\/raiodoblog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/logo\/image\/","url":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2022\/10\/BoomerLogo-2.svg","contentUrl":"https:\/\/boomer.pt\/raiodoblog\/wp-content\/uploads\/2022\/10\/BoomerLogo-2.svg","width":154,"height":40,"caption":"BOOMER"},"image":{"@id":"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/boomer.pt","https:\/\/www.instagram.com\/boomerpt\/","https:\/\/www.linkedin.com\/company\/2641069\/admin\/","https:\/\/www.youtube.com\/channel\/UCJ4-FswWDdO5i1UVdIUqtGw\/feed","https:\/\/www.behance.net\/boomer_pt"]},{"@type":"Person","@id":"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/person\/6cdc1fb5ce8d2bed7d6b684648d4c36b","name":"Vera Oliveira","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boomer.pt\/raiodoblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c663de2e261bf1f6f4b5d10da88c048afb46763caa66ae37b6eb2d65a9f2a2fe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c663de2e261bf1f6f4b5d10da88c048afb46763caa66ae37b6eb2d65a9f2a2fe?s=96&d=mm&r=g","caption":"Vera Oliveira"},"description":"Project Manager","sameAs":["http:\/\/boomer.pt"],"url":"https:\/\/boomer.pt\/raiodoblog\/author\/boomer2022\/"}]}},"_links":{"self":[{"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/posts\/15859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/comments?post=15859"}],"version-history":[{"count":1,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/posts\/15859\/revisions"}],"predecessor-version":[{"id":26069,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/posts\/15859\/revisions\/26069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/media\/15896"}],"wp:attachment":[{"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/media?parent=15859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/categories?post=15859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/boomer.pt\/raiodoblog\/wp-json\/wp\/v2\/tags?post=15859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}