Acessibilidade web: por que deixar seu site acessível? \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 12 Horas 37 Min 18 Seg Tempo restante da oferta: 12 37 18 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Acessibilidade web: por que deixar seu site acessível? [ Tecnologia ](https://www.treinaweb.com.br/blog/categoria/tecnologia) # Acessibilidade web: por que deixar seu site acessível? Confira neste artigo a importância da acessibilidade em seu site. [ Marylene Guedes ](https://www.treinaweb.com.br/blog/autor/marylene-guedes) 7 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/08/13213607/acessibilidade-web.png) A infinidade de coisas que conseguimos fazer na internet é imensurável. Hoje podemos pagar nossas contas sem sair de casa, pedir algum delivery, agendar uma consulta… coisas que a uns anos atrás não era possível fazer com essa facilidade toda. A ideia é que isso cresça cada vez mais e que todos possam se beneficiar deste uso. E é aí que entra o termo acessibilidade. A acessibilidade na web significa que qualquer pessoa que possua algum tipo de limitação possa utilizar a web, navegando, entendendo e interagindo, a fim de obterem proveito dessas facilidades, como fazer uma compra online por exemplo, de forma independente. Essa limitação pode vir de várias vertentes: pode ser visual, auditiva, pessoas mais idosas que possam vir a ter alguma dificuldade, pessoas com conexões lentas, usuários pouco frequentes, e qualquer pessoa que tenha algum outro tipo de limitação, fazendo com que a navegação delas seja a melhor possível. É muito importante termos essa inclusão digital. [ ![Acessibilidade - Introdução](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/acessibilidade-web.svg) Curso Acessibilidade - Introdução Conhecer o curso ](https://www.treinaweb.com.br/curso/acessibilidade-introducao) A [W3C](https://www.w3.org/ "W3C") é uma organização de padronização da web, incluindo os de acessibilidade. A W3C possui um documento especificamente voltado para isso: o [WCAG](https://www.w3.org/Translations/WCAG20-pt-PT/ "WCAG") - **Web Content Accessibility Guidelines**. Este documento traz as diretrizes de acessibilidade para conteúdo web, contendo um conjunto de recomendações que tem como objetivo justamente tornar o conteúdo web mais acessível. Dentro dessas diretrizes temos **quatro** princípios: ### 1. Perceptível Segundo o documento, as informações e os componentes da interface devem ser perceptíveis. Um exemplo são os conteúdos que são apenas decorativos, como uma formatação ou uma logo por exemplo, neste caso eles devem ser implementados de forma a ser ignorado pelas tecnologias de apoio. Um outro ponto é o redimensionamento de texto. O texto deve poder ser redimensionado em até 200% sem perder conteúdo ou alguma funcionalidade. ### 2. Operável Nesse princípio os componentes da interface e a navegação devem ser operáveis. Um exemplo é fazer com que toda funcionalidade fique disponível a partir do teclado. ### 3. Compreensível Toda a informação e a utilização da interface devem ser compreensíveis, tornando o conteúdo legível e entendível. Por exemplo, se acontecer algum erro na inserção de dados, o item que apresenta o erro deve apresentar alguma mensagem e/ou alguma cor diferente. ### 4. Robusto Esse princípio preza que o conteúdo deve ser suficientemente robusto para que possa ser interpretado por uma ampla variedade de tecnologias assistivas. No documento [WCAG](https://www.w3.org/Translations/WCAG20-pt-PT/ "WCAG") é explicado mais profundamente todos esses princípios e suas especificações. Mas, de início, você pode fazer coisas simples em seus projetos, mas que fazem toda diferença, como fazer textos simplificados e de fácil entendimento, se atentar a não utilizar somente cores para destacar um erro por exemplo e fazer uma descrição da imagem no atributo *alt*. Essas são apenas algumas recomendações. Aconselho a leitura de nosso artigo sobre [Acessibilidade em projetos web: como pensar desde o início](https://www.treinaweb.com.br/blog/acessibilidade-em-projetos-web-como-pensar-desde-o-inicio/ "Acessibilidade em projetos web: como pensar desde o início"). Se quiser saber mais sobre esse assunto, lançamos recentemente um [curso voltado a acessibilidade](https://www.treinaweb.com.br/curso/acessibilidade-introducao "curso voltado a acessibilidade"). Com este conhecimento você conseguirá que mais pessoas tenham acesso ao conteúdo do seu site, além de ajudar ao próximo a ter os mesmos proveitos que a internet pode nos oferecer. [ ![Desenvolvedor Front-end Júnior](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg) Formação Desenvolvedor Front-end Júnior Conhecer a formação ](https://www.treinaweb.com.br/formacao/desenvolvedor-front-end-junior) - [ #acessibilidade ](https://www.treinaweb.com.br/blog/tag/acessibilidade) - [ #web ](https://www.treinaweb.com.br/blog/tag/web) - [ #inclusão digital ](https://www.treinaweb.com.br/blog/tag/inclusao-digital) Autor ![Marylene Guedes](//secure.gravatar.com/avatar/5b0ba52b3705f298802db58782656bbc?d=mm) ## Marylene Guedes Responsável pelo sucesso do cliente na TreinaWeb. Graduada em Gestão de Tecnologia da Informação pela FATEC Guaratinguetá, além de estudante de UX/UI. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/marylene-guedes) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/técnicas-acessibilidade-web-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Técnicas de acessibilidade para deixar o seu site mais inclusivo ](https://www.treinaweb.com.br/blog/tecnicas-de-acessibilidade-para-deixar-o-seu-site-mais-inclusivo) Conheça as principais ferramentas e técnicas de acessibilidade para web. Veja também tipos de dificuldades e deficiências atendidas por elas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/29143726/TW-ENTREVISTAS-TALITA-PAGANI-400x280.png) [ Entrevistas ](https://www.treinaweb.com.br/blog/categoria/entrevistas) 9 anos atrás ## [ TW Entrevista 07: Talita Pagani ](https://www.treinaweb.com.br/blog/tw-entrevista-07-talita-pagani) Fizemos uma série de entrevistas chamada "TW Entrevista". A entrevistada de hoje é a Talita Pagani, desenvolvedora, empreendedora e membro da W3C's Web Accessibility Working Group do Brasil. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/04/27171327/reinaldo-ferraz-400x280.png) [ Entrevistas ](https://www.treinaweb.com.br/blog/categoria/entrevistas) 8 anos atrás ## [ TW Entrevista 09: Reinaldo Ferraz ](https://www.treinaweb.com.br/blog/tw-entrevista-09-reinaldo-ferraz) Fizemos uma série de entrevistas chamada "TW Entrevista". O entrevistado de hoje é o Reinaldo Ferraz, especialista em Acessibilidade para a Web e que trabalha na W3C Brasil. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/10/acessibilidade_no_HTML-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 4 anos atrás ## [ Acessibilidade no HTML ](https://www.treinaweb.com.br/blog/acessibilidade-no-html) Nesse artigo, veremos algumas formas, de desenvolver nosso site pensando em todos, tornando assim, uma página com HTML acessível. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/12/usabilidade-x-acessibilidade-quais-as-diferencas-e-relacoes-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Usabilidade x Acessibilidade: quais as diferenças e relações ](https://www.treinaweb.com.br/blog/usabilidade-x-acessibilidade-quais-as-diferencas-e-relacoes) É bem provável que você já tenha ouvido falar sobre os termos acessibilidade e usabilidade. Veremos neste artigo o que vem a ser cada um deles. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2024/08/capa-acessibilidade-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 2 anos atrás ## [ UX Inclusivo: A importância da acessibilidade no design ](https://www.treinaweb.com.br/blog/ux-inclusivo-a-importancia-da-acessibilidade-no-design) Confira a importância de tornar suas aplicações móveis acessíveis para todos, garantindo inclusão social, maior alcance e conformidade legal. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/GUIA-HTML-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 4 anos atrás ## [ Guia da linguagem HTML ](https://www.treinaweb.com.br/blog/guia-da-linguagem-html) Esse guia é perfeito pra você que está começando ou quer entender melhor como podemos trabalhar com a linguagem HTML . Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/07/29063746/0-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 7 anos atrás ## [ Como funciona uma empresa de desenvolvimento de software? ](https://www.treinaweb.com.br/blog/como-funciona-uma-empresa-de-desenvolvimento-de-software) Veja de forma resumida como é trabalhar em uma empresa de desenvolvimento de software. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/06/ANGULAR-400x280.png) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 7 anos atrás ## [ O que é o Angular e para que serve? ](https://www.treinaweb.com.br/blog/o-que-e-o-angular-e-para-que-serve) Frameworks SPA atualmente são um padrão de mercado quando falamos sobre desenvolvimento front-end. Neste artigo, vamos abordar o Angular, um dos mais populares. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/acessibilidade-em-projetos-web-como-pensar-desde-o-inicio-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Acessibilidade em projetos web: como pensar desde o início ](https://www.treinaweb.com.br/blog/acessibilidade-em-projetos-web-como-pensar-desde-o-inicio) Vamos falar sobre a importância e o impacto de iniciar um projeto web pensando em acessibilidade desde o início e as boas práticas que podem ser utilizadas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/10/01110423/5-erros-interfaces-web-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 8 anos atrás ## [ 5 erros que podem estar prejudicando sua interface web ](https://www.treinaweb.com.br/blog/5-erros-que-podem-estar-prejudicando-sua-interface-web) Veja neste artigo se você está cometendo algum dos erros mais comuns encontrados em interfaces web. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/importancia-de-pensar-em-design-inclusivo-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Importância de pensar em Design Inclusivo ](https://www.treinaweb.com.br/blog/importancia-de-pensar-em-design-inclusivo) Conheça o que é design inclusivo, seus princípios e a importância de pensar em acessibilidade em seus produtos desde o início do projeto. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **12h 37min 18s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58