{"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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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
<\/figure>\n\n\n\n10 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
Cor e contraste<\/h4>\n\n\n\n
Reconhecimento de voz<\/h4>\n\n\n\n
Leitura de textos<\/h4>\n\n\n\n
Designs limpos e claros<\/h4>\n\n\n\n
Notifica\u00e7\u00f5es de retroalimenta\u00e7\u00e3o<\/h4>\n\n\n\n
Links longos, bot\u00f5es e controles<\/h4>\n\n\n\n
Texto personalizado<\/h4>\n\n\n\n
Conte\u00fado compreens\u00edvel e leitura f\u00e1cil<\/h4>\n\n\n\n
Compatibilidade do teclado<\/h4>\n\n\n\n
<\/figure>\n\n\n\ninSuit Aloud\u2122<\/h4>\n\n\n\n
inSuit Voice\u2122<\/h4>\n\n\n\n
inSuit Sound\u2122<\/h4>\n\n\n\n
inSuit Keys\u2122<\/h4>\n\n\n\n
inSuit Visual\u2122<\/h4>\n\n\n\n
inSuit vKeyboard\u2122<\/h4>\n\n\n\n
inSuit Button\u2122<\/h4>\n\n\n\n
inSuit Responsive\u2122<\/h4>\n\n\n\n
inSuit ExtAid\u2122<\/h4>\n\n\n\n
inSuit Senior\u2122<\/h4>\n\n\n\n
\n\n\n\n