{"id":6300,"date":"2022-01-26T09:23:46","date_gmt":"2022-01-26T08:23:46","guid":{"rendered":"https:\/\/www.insuit.net\/?p=6300"},"modified":"2024-11-26T13:37:33","modified_gmt":"2024-11-26T12:37:33","slug":"descubra-como-tornar-sua-pagina-web-acessivel","status":"publish","type":"post","link":"https:\/\/www.insuit.net\/pt-pt\/descubra-como-tornar-sua-pagina-web-acessivel\/","title":{"rendered":"Descubra como tornar sua p\u00e1gina web acess\u00edvel"},"content":{"rendered":"\n

Como tornar sua p\u00e1gina web acess\u00edvel? Em primeiro lugar, deve ter em mente que a web \u00e9 para muitos uma parte essencial da sua vida di\u00e1ria,<\/strong> seja no trabalho, em casa e quando est\u00e3o em deslocamento. <\/p>\n\n\n\n

A acessibilidade na web<\/a> significa que todas as pessoas (incluindo as pessoas com alguma defici\u00eancia) podem acessar e utilizar sem qualquer barreira as p\u00e1ginas webs existentes na Internet. <\/strong><\/p>\n\n\n\n

Para isso, as p\u00e1ginas web devem ter uma s\u00e9rie de recursos que permitam aos usu\u00e1rios se adaptar e acessar o conte\u00fado<\/strong> de interesse. Neste sentido, o W3C<\/a> oferece padr\u00f5es que ajudam o desenvolvimento e a concep\u00e7\u00e3o das webs a se basearem na acessibilidade, oferecendo um guia de como tornar acess\u00edvel sua p\u00e1gina web.<\/p>\n\n\n\n

Estes padr\u00f5es e normas de acessibilidade<\/strong> se constroem sobre quatro princ\u00edpios b\u00e1sicos, que s\u00e3o:<\/p>\n\n\n\n

    \n
  1. Percept\u00edvel:\u00a0<\/strong>que todas as pessoas possam ver o conte\u00fado e escut\u00e1-lo.<\/li>\n\n\n\n
  2. Oper\u00e1vel:<\/strong>\u00a0que todas as pessoas possam usar o dispositivo digitando ou pela voz.\u00a0<\/li>\n\n\n\n
  3. Compreens\u00edvel:\u00a0<\/strong>que todas as pessoas possam usufruir de uma linguagem clara e simples.<\/li>\n\n\n\n
  4. Robusto:<\/strong>\u00a0que todas as pessoas possam usar diferentes tecnologias de assist\u00eancia.<\/li>\n<\/ol>\n\n\n\n

    Com o intuito de poder cumprir os quatro princ\u00edpios b\u00e1sicos de acessibilidade na web, queremos apresentar uma lista de dez conselhos para que saiba como tornar acess\u00edvel sua p\u00e1gina web<\/a>!<\/strong><\/p>\n\n\n\n

    \"cubos<\/figure>\n\n\n\n

    10 conselhos para tornar sua p\u00e1gina web acess\u00edvel<\/h2>\n\n\n\n

    Uso de legendas na reprodu\u00e7\u00e3o de v\u00eddeos<\/h4>\n\n\n\n

    Uma \u00f3tima op\u00e7\u00e3o para todos os que n\u00e3o podem ouvir. As legendas permitem que os v\u00eddeos sejam acess\u00edveis. <\/strong>O que tamb\u00e9m \u00e9 \u00fatil para as pessoas que desejam ver v\u00eddeos em ambientes ruidosos ou em locais onde precisam estar em sil\u00eancio. <\/p>\n\n\n\n

    Cor e contraste<\/h4>\n\n\n\n

    Escolher cores com pouco contraste para navegar, ler e interagir pode ser uma verdadeira dor de cabe\u00e7a. Um \u00f3timo design significa ter suficiente contraste entre as cores do primeiro plano e do fundo.<\/strong> N\u00e3o apenas no texto e imagens, mas em links, \u00edcones e bot\u00f5es. Se n\u00e3o \u00e9 suficientemente importante para ser visto, deve ser indicado. <\/p>\n\n\n\n

    Reconhecimento de voz<\/h4>\n\n\n\n

    Um dos avan\u00e7os da tecnologia \u00e9 o reconhecimento de voz, seja para fazer pesquisas na Internet, ditar e-mails ou controlar aplicativos de navega\u00e7\u00e3o. Tenha em mente que muitas pessoas com defici\u00eancia f\u00edsica confiam no reconhecimento de voz<\/strong> para usar seu computador. <\/p>\n\n\n\n

    Leitura de textos<\/h4>\n\n\n\n

    Felizmente os computadores podem converter o texto em voz. <\/strong>\u00c9 uma tecnologia usada por muitas pessoas cegas durante anos,<\/strong> sendo tamb\u00e9m importante para muitas pessoas com dislexia. Al\u00e9m de ser muito \u00fatil para algumas pessoas que gostam de realizar v\u00e1rias tarefas.<\/p>\n\n\n\n

    Designs limpos e claros<\/h4>\n\n\n\n

    Qualquer usu\u00e1rio da Internet se sente frustrado com uma m\u00e1 distribui\u00e7\u00e3o do design. Os designs complexos dificultam a busca de informa\u00e7\u00e3o, <\/strong>tornando imposs\u00edvel<\/strong> para pessoas com defici\u00eancia visual. Um design malfeito \u00e9 confuso para pessoas com defici\u00eancia cognitiva e de aprendizagem, pois estas precisam de clareza e coer\u00eancia. Al\u00e9m disso, o design malfeito tamb\u00e9m afeta usu\u00e1rios que n\u00e3o confiam muito em computador.<\/p>\n\n\n\n

    Notifica\u00e7\u00f5es de retroalimenta\u00e7\u00e3o<\/h4>\n\n\n\n

    Podemos fazer corretamente, mas se n\u00e3o temos feedback, acabamos nos perguntando se existe algum problema? O mesmo ocorre na Internet, sem notifica\u00e7\u00f5es e coment\u00e1rios compreens\u00edveis, as pessoas se desorientam<\/strong> e se confundem rapidamente. <\/p>\n\n\n\n

    Links longos, bot\u00f5es e controles<\/h4>\n\n\n\n

    Na web, podemos criar \u00e1reas maiores e f\u00e1ceis de usar para clicar.<\/strong> \u00c9 muito mais f\u00e1cil em dispositivos m\u00f3veis, especialmente quando estamos em movimento. Al\u00e9m disso, \u00e9 fundamental para pessoas com mobilidade reduzida.<\/p>\n\n\n\n

    Texto personalizado<\/h4>\n\n\n\n

    Ser capaz de ajustar o texto \u00e9 crucial para as pessoas com baixa vis\u00e3o e dislexia.<\/strong> Os websites e aplicativos corretamente codificados permitem personalizar os textos. Por exemplo, para mudar o tamanho, espa\u00e7amento, fonte e cores sem perder fun\u00e7\u00f5es nem clareza.<\/strong><\/p>\n\n\n\n

    Conte\u00fado compreens\u00edvel e leitura f\u00e1cil<\/h4>\n\n\n\n

    Muitos websites carecem de estrutura usando cabe\u00e7alhos, listas e separa\u00e7\u00f5es, al\u00e9m de utilizar uma linguagem, jarg\u00e3o ou acr\u00f4nimos incompreens\u00edveis.<\/strong> Isso dificulta e \u00e9 pouco aliciante para muitas pessoas, <\/strong>tornando-os inutiliz\u00e1veis para pessoas com defici\u00eancia cognitiva e de aprendizagem. <\/p>\n\n\n\n

    Compatibilidade do teclado<\/h4>\n\n\n\n

    O fato de n\u00e3o poder usar o computador porque o mouse n\u00e3o funciona \u00e9 frustrante, mas tamb\u00e9m \u00e9 preciso ter em conta que muita gente s\u00f3 usa o teclado para navegar nos websites.<\/strong> Seja por prefer\u00eancia ou por diversas circunst\u00e2ncias.<\/p>\n\n\n\n

    \"diagrama<\/figure>\n\n\n\n

    Considerando estas importantes diretrizes de como tornar acess\u00edvel sua p\u00e1gina web e a complexidade desta opera\u00e7\u00e3o; inSuit traz uma <\/strong>ferramenta que torna acess\u00edvel sua web<\/strong><\/a> de uma maneira f\u00e1cil e otimizada, <\/strong>conquistando a adaptabilidade recomendada atrav\u00e9s das seguintes funcionalidades:<\/p>\n\n\n\n

    inSuit Aloud\u2122<\/h4>\n\n\n\n

    Permite que a web leia para os usu\u00e1rios as op\u00e7\u00f5es e os conte\u00fados dispon\u00edveis, <\/strong>oferecendo amplo acesso aos conte\u00fados e \u00e0 navega\u00e7\u00e3o sem a necessidade de ver a tela.<\/p>\n\n\n\n

    inSuit Voice\u2122<\/h4>\n\n\n\n

    Permite que o usu\u00e1rio possa falar com a web com o objetivo de navegar <\/strong>atrav\u00e9s de comandos simples sem a necessidade de utilizar as m\u00e3os.<\/p>\n\n\n\n

    inSuit Sound\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 emitir qualquer tipo de som para navegar,<\/strong> sem a necessidade de utilizar as m\u00e3os nem vocalizar os comandos.<\/p>\n\n\n\n

    inSuit Keys\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 navegar sem a necessidade de utilizar o mouse, <\/strong>fazendo tudo a partir do teclado.<\/p>\n\n\n\n

    inSuit Visual\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 visualizar os textos de uma maneira limpa<\/strong>, podendo ajustar o tamanho e explorar uma combina\u00e7\u00e3o de cores e contrastes.<\/p>\n\n\n\n

    inSuit vKeyboard\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 navegar utilizando um teclado virtual e elementos visuais atrav\u00e9s do mouse, <\/strong>a\u00e7\u00e3o que simplifica e ajuda na navega\u00e7\u00e3o.<\/p>\n\n\n\n

    inSuit Button\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 utilizar o teclado como um dispositivo que aciona um teclado adaptado, <\/strong>permitindo a intera\u00e7\u00e3o com a web atrav\u00e9s de ponteiras de boca e cabe\u00e7a, bot\u00f5es externos, uso com os p\u00e9s, etc.<\/p>\n\n\n\n

    inSuit Responsive\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 beneficiar da acessibilidade e usabilidade em dispositivos m\u00f3veis, <\/strong>da interface de vis\u00e3o reduzida, da navega\u00e7\u00e3o simples com bot\u00f5es e da leitura de conte\u00fados.<\/p>\n\n\n\n

    inSuit ExtAid\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio poder\u00e1 beneficiar de grandes melhorias na acessibilidade e usabilidade <\/strong>que ser\u00e3o adicionadas<\/strong> ao seu pr\u00f3prio leitor de tela.<\/p>\n\n\n\n

    inSuit Senior\u2122<\/h4>\n\n\n\n

    O usu\u00e1rio de idade avan\u00e7ada poder\u00e1 navegar de forma simples com o mouse,<\/strong> controlando o tamanho do mesmo e da p\u00e1gina, permitindo ao mesmo tempo alterar cores, fontes e o sublinhado dos links.<\/p>\n\n\n\n

    \n\n\n\n

    Com inSuit<\/a>, poder\u00e1 cumprir as normas de acessibilidade na web<\/a> que permite \u00e0s pessoas com defici\u00eancia navegar de forma independente na web<\/strong>, uma a\u00e7\u00e3o transformadora com um duplo impacto.<\/p>\n\n\n\n

    Tornamos tudo t\u00e3o f\u00e1cil!<\/strong> Oferecemos a solu\u00e7\u00e3o ideal, <\/strong>cumprindo sempre as WCAG, especialmente a WCAG 2.1<\/a> para que voc\u00ea possa capitalizar e garantir os padr\u00f5es e normas de acessibilidade sem altera\u00e7\u00f5es complicadas<\/strong> na sua p\u00e1gina original.<\/p>\n\n\n\n

    Quer saber como tornar sua p\u00e1gina web acess\u00edvel?<\/strong><\/p>\n\n\n\n

    \n
    PE\u00c7A SUA DEMO!<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Como tornar sua p\u00e1gina web acess\u00edvel? Em primeiro lugar, deve ter em mente que a web \u00e9 para muitos uma parte essencial da sua vida di\u00e1ria, seja no trabalho, em casa e quando est\u00e3o em deslocamento.  A acessibilidade na web significa que todas as pessoas (incluindo as pessoas com alguma defici\u00eancia) podem acessar e utilizar sem qualquer barreira as p\u00e1ginas […]<\/p>\n","protected":false},"author":4,"featured_media":13247,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[79],"tags":[],"class_list":["post-6300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias-pt"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts\/6300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/comments?post=6300"}],"version-history":[{"count":7,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts\/6300\/revisions"}],"predecessor-version":[{"id":13993,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts\/6300\/revisions\/13993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/media\/13247"}],"wp:attachment":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/media?parent=6300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/categories?post=6300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/tags?post=6300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}