{"id":5255,"date":"2025-02-21T14:21:23","date_gmt":"2025-02-21T14:21:23","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=5255"},"modified":"2025-02-21T14:21:24","modified_gmt":"2025-02-21T14:21:24","slug":"what-is-accessibility-in-navigation","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/pt\/respostas\/what-is-accessibility-in-navigation\/","title":{"rendered":"O que \u00e9 Acessibilidade na Navega\u00e7\u00e3o?"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Por que a acessibilidade na navega\u00e7\u00e3o do website \u00e9 importante?&nbsp;<\/h2>\n\n\n\n<p>A acessibilidade \u00e9 exigida por lei e \u00e9 considerada uma pr\u00e1tica \u00e9tica. As principais considera\u00e7\u00f5es s\u00e3o:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-design-web-inclusivo\/\" data-type=\"answer\" data-id=\"3950\">Inclus\u00e3o<\/a>: <\/strong>Compreenda como pessoas com defici\u00eancias auditivas, visuais, motoras ou cognitivas interagem com um site. Se necess\u00e1rio, pe\u00e7a feedback direto.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Usabilidade: <\/strong>Priorize a navega\u00e7\u00e3o consistente e elementos interativos que todos possam acessar; voc\u00ea precisa <a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-teste-de-usabilidade\/\" data-type=\"answer\" data-id=\"4594\">testar seus sites\/p\u00e1ginas<\/a> antes de publicar.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SEO:<\/strong> O Google inclui a acessibilidade como parte de seus principais fatores de classifica\u00e7\u00e3o; considere o impacto da navega\u00e7\u00e3o acess\u00edvel em sua posi\u00e7\u00e3o nos mecanismos de busca.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alcance: <\/strong>Pesquise o p\u00fablico mais amplo que precisa de navega\u00e7\u00e3o acess\u00edvel no site.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Imagem da marca:<\/strong> Entenda como adicionar acessibilidade ao seu site (ou deix\u00e1-la de fora) pode influenciar a opini\u00e3o de outras pessoas sobre sua marca.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Ao criar uma navega\u00e7\u00e3o acess\u00edvel para o site, reserve um or\u00e7amento para o investimento inicial necess\u00e1rio e fa\u00e7a a manuten\u00e7\u00e3o do seu site ao longo do tempo.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quem se beneficia da navega\u00e7\u00e3o acess\u00edvel em sites?&nbsp;<\/h2>\n\n\n\n<p>Garantir a acessibilidade do site \u00e9 importante para fornecer acesso equitativo a todos os usu\u00e1rios, incluindo indiv\u00edduos com defici\u00eancias tempor\u00e1rias, defici\u00eancias permanentes e idosos, que podem encontrar barreiras ao navegar em sites sem as medidas de acessibilidade adequadas. Isso pode ocorrer no caso de recursos de acessibilidade ou acessibilidade por teclado (ou seja, navegar no site sem um mouse).&nbsp;<\/p>\n\n\n\n<p>Saber como cada grupo pode interagir com seu site \u00e9 crucial para construir suas barras de navega\u00e7\u00e3o e se\u00e7\u00f5es de acordo.&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nA compatibilidade com teclado e leitor de tela s\u00e3o partes essenciais da acessibilidade de navega\u00e7\u00e3o e voc\u00ea deve trat\u00e1-las com igual import\u00e2ncia.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o os princ\u00edpios-chave da navega\u00e7\u00e3o acess\u00edvel em sites?&nbsp;<\/h2>\n\n\n\n<p>Utilize a sigla POUR na acessibilidade de navega\u00e7\u00e3o do seu site.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Percept\u00edvel: <\/strong>Seu site precisa ser otimizado para diferentes sentidos, como vis\u00e3o e tato.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Oper\u00e1vel: <\/strong>Garanta que o site permane\u00e7a operacional.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Compreens\u00edvel: <\/strong>Deve ser f\u00e1cil para as pessoas entenderem a navega\u00e7\u00e3o do seu site, independentemente de suas defici\u00eancias.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Robusto: <\/strong>A navega\u00e7\u00e3o do seu site deve ser robusta e l\u00f3gica.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Use ferramentas para determinar se o seu site atende a esses padr\u00f5es e, se necess\u00e1rio, continue ajustando conforme voc\u00ea acumula mais dados.&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nD\u00ea aos usu\u00e1rios tempo adequado para ler\/usar o conte\u00fado; considere tamb\u00e9m mostrar os tempos de leitura esperados em diferentes tipos de conte\u00fado.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como posso tornar meu website acess\u00edvel?&nbsp;<\/h2>\n\n\n\n<p>Voc\u00ea precisar\u00e1 implementar v\u00e1rios recursos e elementos para tornar seu site e sua navega\u00e7\u00e3o mais acess\u00edveis.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML Sem\u00e2ntico: <\/strong>Isso \u00e9 fundamental para as trilhas de navega\u00e7\u00e3o. Os usu\u00e1rios devem saber onde est\u00e3o dentro da estrutura geral do site.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Op\u00e7\u00f5es de navega\u00e7\u00e3o:<\/strong> Priorize a clareza e <a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-a-consistencia-na-navegacao-de-um-website\/\" data-type=\"answer\" data-id=\"4511\">consist\u00eancia<\/a>. Use <a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-um-mapa-de-calor-de-website\/\" data-type=\"answer\" data-id=\"3887\">ferramentas de mapa de calor <\/a>para determinar onde os usu\u00e1rios normalmente clicam e colocar seus menus de navega\u00e7\u00e3o. \u00c9 crucial que os usu\u00e1rios consigam navegar facilmente dentro do site.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Navega\u00e7\u00e3o por teclado: <\/strong>Certifique-se de que todos os elementos do seu site possam ser alcan\u00e7ados e acessados apenas usando entrada de teclado, sem a necessidade de um trackpad ou mouse. Implementar atalhos de teclado permite maior acessibilidade.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Orienta\u00e7\u00e3o visual: <\/strong>Adicione pontos de refer\u00eancia e t\u00edtulos ao seu site; isso \u00e9 vital para pessoas com defici\u00eancias cognitivas. Pense tamb\u00e9m em transcri\u00e7\u00f5es para seu conte\u00fado de \u00e1udio.\u00a0<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o algumas barreiras comuns \u00e0 acessibilidade na navega\u00e7\u00e3o de websites?&nbsp;<\/h2>\n\n\n\n<p>Compreender os princ\u00edpios de acessibilidade mais importantes \u00e9 um bom ponto de partida, mas voc\u00ea tamb\u00e9m deve aprender sobre as barreiras mais comuns. Depois de saber o que precisa fazer, realize uma auditoria em seu pr\u00f3prio site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Estruturas de navega\u00e7\u00e3o: <\/strong>Muitos sites t\u00eam estruturas de navega\u00e7\u00e3o inconsistentes; resolvendo esse problema pela raiz, voc\u00ea pode se destacar.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Limites de tempo para tarefas: <\/strong>Evite colocar limites nas tarefas do site, a menos que seja um requisito absoluto. Os limites, se definidos, devem ser razo\u00e1veis para a maioria das pessoas.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A\u00e7\u00f5es inesperadas: <\/strong>Manter um fluxo consistente de navega\u00e7\u00e3o deve ser uma prioridade ao considerar redirecionamentos de sites e outras a\u00e7\u00f5es inesperadas.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Links de navega\u00e7\u00e3o:<\/strong> Projete seus links para que pessoas que usam leitores de tela possam us\u00e1-los; texto descritivo e etiquetas claras s\u00e3o essenciais.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Varia\u00e7\u00e3o de cor e texto:<\/strong> Use alto contraste; pessoas com daltonismo\/defici\u00eancias visuais precisam ser capazes de identificar onde os diferentes elementos est\u00e3o.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>\u00c9 importante reconhecer que essas situa\u00e7\u00f5es exigem aten\u00e7\u00e3o individual. Revis\u00e3o e adapta\u00e7\u00e3o cont\u00ednuas podem ser necess\u00e1rias, especialmente em conjunto com reformula\u00e7\u00f5es do site ou outras modifica\u00e7\u00f5es substanciais.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o as implica\u00e7\u00f5es legais de n\u00e3o ser acess\u00edvel na navega\u00e7\u00e3o do website?&nbsp;<\/h2>\n\n\n\n<p>Al\u00e9m de ser uma obriga\u00e7\u00e3o moral, tamb\u00e9m \u00e9 importante considerar as legalidades das acessibilidades de navega\u00e7\u00e3o do site. A conformidade com v\u00e1rias diretrizes e regulamentos \u00e9 essencial, incluindo:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The Americans with Disabilities Act (ADA)<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Section 508 of the Rehabilitation Act<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e1rios Regulamentos Internacionais<\/li>\n<\/ul>\n\n\n\n<p>Tamb\u00e9m \u00e9 importante que seu site esteja em conformidade com as Web Content Accessibility Guidelines (WACG). Leia os documentos neste site e implemente as regras em seu pr\u00f3prio site. Realizar auditorias e contratar especialistas s\u00e3o aspectos a serem considerados.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o exemplos de sites com \u00f3tima acessibilidade?&nbsp;<\/h2>\n\n\n\n<p>Analisar exemplos de sites com acessibilidade \u00e9 fundamental para saber quais elementos voc\u00ea pode usar e implementar em seu pr\u00f3prio site. Exemplos de destaque incluem Patagonia e Mighty Networks.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Escopo: <\/strong>Um site projetado para uma institui\u00e7\u00e3o de caridade para deficientes com sede no Reino Unido, com navega\u00e7\u00e3o intuitiva, t\u00edtulos proeminentes e cores contrastantes para melhor acessibilidade.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Patagonia: <\/strong>O site da Patagonia exibe conte\u00fado por meio de rolagem e apresenta \u00edcones na p\u00e1gina para navega\u00e7\u00e3o.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mighty Networks:<\/strong> Texto em negrito e cores contrastantes, com fontes grandes no site.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Embora voc\u00ea n\u00e3o deva copiar esses sites como est\u00e3o, vale a pena pensar no que voc\u00ea pode implementar em seu pr\u00f3prio site. Por exemplo, entenda as cores da sua marca ao construir seu site. Experimente tamb\u00e9m com diferentes tamanhos de fonte.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Acessibilidade \u00e9 uma parte crucial da navega\u00e7\u00e3o do site, mas n\u00e3o \u00e9 importante apenas para pessoas com defici\u00eancia. Usar essas pr\u00e1ticas \u00e9 crucial para fornecer uma experi\u00eancia consistente e inclusiva, e tamb\u00e9m \u00e9 um requisito legal em muitos casos.&nbsp;<\/p>\n\n\n\n<p>V\u00e1rios fatores, como cor, tamanho da fonte e navega\u00e7\u00e3o, s\u00e3o vitais para <a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-a-acessibilidade-de-um-website\/\" data-type=\"answer\" data-id=\"3901\">acessibilidade do site<\/a>. Considere as regras da WACG e teste seu site para ver se ele corresponde a isso.\u00a0<\/p>\n\n\n\n<p>Compreender os atalhos de teclado e tela\/navega\u00e7\u00e3o \u00e9 vital; voc\u00ea precisa entender o impacto potencial<a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-seo\/\" data-type=\"answer\" data-id=\"4440\"> no SEO<\/a> e ampliar seu p\u00fablico tamb\u00e9m.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Why is accessibility in website navigation important?&nbsp; Accessibility is required by law and is considered ethical practice. Key considerations are:&nbsp; When building accessible website navigation, budget for the required upfront investment and maintain your site over time.&nbsp; Who benefits from accessible website navigation?&nbsp; Ensuring website accessibility is important for providing equitable access to all users, [&hellip;]<\/p>","protected":false},"author":39,"featured_media":5256,"template":"","answers_category":[29],"class_list":["post-5255","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-navigation"],"acf":{"image":null,"card_image":5256,"content":[{"acf_fc_layout":"header_section","title":"O que \u00e9 Acessibilidade na Navega\u00e7\u00e3o?","descriptions":"Accessibility involves tweaking your website navigation and simplifying it as much as possible. Though commonly associated with disabled and impaired features, accessibility is key to providing a consistent user experience for everyone.<br\/><br\/>\r\nNavigation accessibility involves not just being able to access different parts of the website with assistive technologies, but also use them when they\u2019re on the page. Screen readers and keyboard navigation are both important. \r\n","tip_label":"Pro Tip","tip":"Use clear\/concise language and give all images alt tags.","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"The importance of accessible websites is underscored by the fact that they are usable by a broader range of people, including those with disabilities and impairments","body":""},{"label":"Understand the impact of accessible website navigation on the user experience and SEO","body":""},{"label":"Remember your legal requirements when making website navigation accessible","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer\/5255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media\/5256"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media?parent=5255"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answers_category?post=5255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}