A maioria dos regulamentos de acessibilidade do site é baseada nas especificações internacionais descritas nas Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês). No entanto, e...

Acessibilidade: conformidade com suas leis regionais

Descubra como garantir a acessibilidade do seu site Wix seguindo as Diretrizes de Acessibilidade para o Conteúdo Web (WCAG). Aprenda sobre os recursos que o Wix oferece, como funcionamento do teclado e atributos ARIA, e utilize nossa checklist para fazer ajustes adicionais. Lembre-se de que a conformidade é uma responsabilidade legal, então considere realizar uma auditoria com um Consultor de Acessibilidade para garantir que seu site atenda às leis locais.

<div data-component-type="text"><div>A maioria dos regulamentos de acessibilidade do site é baseada nas especificações internacionais descritas nas <a data-composite="true" href="https://www.w3.org/TR/WCAG22/" target="">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês)</a>. No entanto, eles podem variar entre as regiões e, portanto, recomendamos verificar os requisitos para a sua área. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="compliance-and-your-wix-site" level="3">Conformidade e seu site Wix</h2></div><div data-component-type="text"><div>Quando você cria um site com o Wix, cuidamos de alguns recursos/configurações de acessibilidade no back-end, incluindo: </div></div><div data-component-type="text"><ul>
  <li>Funcionamento do teclado</li>  <li>Definir atributos ARIA para elementos Wix</li>  <li>Indicadores de foco</li>  <li>Links &quot;Ir para o conteúdo principal&quot;</li></ul></div><div data-component-type="text"><div>Nossa <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">checklist de acessibilidade do site</a> descreve como você pode fazer outros ajustes e aumentar a acessibilidade do conteúdo e dos elementos que você adicionar. Como as leis locais podem variar, as etapas nesta checklist são gerais, portanto, elas cobrem o básico para a maioria das regiões.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante</div><div class="info-content"><div>Embora estejamos sempre trabalhando para atualizar e melhorar nossos produtos, não podemos garantir que o uso dos nossos serviços esteja em conformidade com as leis e regulamentos de acessibilidade de todas as regiões.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-audits" level="3">Auditorias de acessibilidade</h2></div><div data-component-type="text"><div>A conformidade é uma questão legal. Portanto, após concluir a lista de verificação, você precisa revisar seu site com um Consultor de Acessibilidade em sua área.</div></div><div data-component-type="text"><div>As auditorias confirmam legalmente o sucesso da conformidade ou fornecem as etapas necessárias restantes para a sua região.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Como proprietário do site, você é responsável por revisar e cumprir a legislação local aplicável a você ou aos visitantes do seu site.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tem perguntas ou comentários?</div><div class="info-content"><div>Se você precisar de ajuda para concluir etapas adicionais necessárias na sua região, ou se quiser compartilhar feedback ou solicitar outros recursos de acessibilidade, você pode <a data-composite="true" href="http://www.wix.com/contact" target="_blank">entrar em contato conosco</a>.</div></div></div></div>

A ordem DOM do site é a ordem em que os leitores de tela e a tecla Tab destacam e/ou &quot;leem&quot; o conteúdo na página. Ela deve seguir uma ordem lógica para garantir que os visitantes tenham a me...

Acessibilidade: verificar e ajustar a ordem DOM de um site

Aprenda a otimizar a ordem DOM do seu site no Editor Wix e no Editor do Wix Studio para melhorar a acessibilidade. A ordem DOM é crucial para que visitantes que utilizam leitores de tela ou a tecla Tab possam navegar de forma lógica e intuitiva. O artigo oferece orientações sobre como testar e ajustar a ordem DOM, garantindo uma experiência mais fluida para todos os usuários.

<div data-component-type="text"><div>A ordem DOM do site é a ordem em que os leitores de tela e a tecla Tab destacam e/ou &quot;leem&quot; o conteúdo na página. Ela deve seguir uma ordem lógica para garantir que os visitantes tenham a melhor experiência possível em seu site e possam navegar pelo seu conteúdo e aproveitá-lo.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Este artigo se refere à otimização da ordem DOM para sites que você cria no Editor Wix e no Editor do Wix Studio. Para obter informações sobre como trabalhar com a ordem DOM no Editor do Wix Harmony, <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-harmony-trabalhar-com-a-ordem-dom" target="">clique aqui</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-sites" level="3">Ordem DOM nos sites</h2></div><div data-component-type="text"><div>O DOM do site é a ordem de carregamento e leitura de elementos nas páginas do site. O Wix define automaticamente uma ordem DOM com base na ordem visual dos elementos. Ao desenvolver nossos recursos de acessibilidade, testamos nossos produtos usando os seguintes leitores de tela:</div></div><div data-component-type="text"><ul>
  <li>Windows + Firefox ou Chrome: <strong>NVDA</strong> (Leitor Grátis)</li>  <li>iOS + Safari: <strong>Voiceover</strong> (Leitor Embutido)</li></ul></div><div data-component-type="text"><div>Isso significa que criamos a ordem automática do DOM do seu site pensando nas funções acima. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Por que a ordem DOM é importante</h2></div><div data-component-type="text"><div>Alguns visitantes do site podem usar leitores de tela e outras tecnologias assistivas para navegar no seu site. Essas tecnologias ajudam os visitantes que têm alguma deficiência e dificuldade visual ao escanear o conteúdo do site e ler em voz alta para o visitante. </div></div><div data-component-type="text"><div>Os visitantes que usam leitores de tela, assim como aqueles com condições que afetam a visão, podem usar a tecla Tab para navegar pelo conteúdo do seu site. A ordem DOM do site é, portanto, importante para os visitantes que usam leitores de tela e/ou a tecla Tab, pois eles precisam poder navegar pelo seu site em uma ordem lógica.</div></div><div data-component-type="text"><div>Por exemplo, o menu do site deve vir primeiro, seguido pelo resto dos elementos do cabeçalho, pelo título da página, pelo conteúdo da página, etc. Se a ordem DOM estiver incorreta, isso pode fazer com que o leitor de tela/tecla Tab ignore ou pule pelo conteúdo da sua página.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer testar a ordem DOM do site?</div><div class="info-content"><div>Você pode testar a ordem DOM automática do seu site Wix usando a tecla Tab do teclado ou um leitor de tela na versão online do site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="auto-dom-in-the-accessibility-wizard" level="3">DOM automático no Assistente de Acessibilidade</h2></div><div data-component-type="text"><div>Ao abrir o assistente de acessibilidade no Editor do Wix Studio, você pode ver a opção para organizar automaticamente a ordem DOM. Recomendamos selecionar essa opção, pois ela garante que a verificação do assistente e as tarefas resultantes estejam corretas.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9d2cb57f-3b1a-4b86-99cd-567a0be9b9bd/5d38e95d-e1b9-464d-a319-b82a1ae68993.jpg" alt="O painel do Assistente está aberto no editor. A caixa de seleção para organizar automaticamente o DOM está destacada." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Não vê esta caixa de seleção?</div><div class="info-content"><div>A opção de organizar o DOM do site não é preenchida se: </div><ul>
  <li>O site foi criado após o início de novembro de 2024</li>  <li>Você organizou anteriormente o DOM do site com o Assistente de Acessibilidade</li>  <li>Você <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-studio-reorganizar-elementos-pela-ordem-do-dom#disabling-auto-dom" target="">desativou o DOM automático no site</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-dom-order-of-a-site" level="3">Alterar manualmente a ordem DOM de um site</h2></div><div data-component-type="text"><div>Se você perceber que a ordem DOM do seu site não é lógica, você pode ajustá-la manualmente para garantir uma melhor experiência para os visitantes. </div></div><div data-component-type="text"><div>Use o painel Camadas e o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">assistente de acessibilidade</a> para alterar o DOM nos sites do Editor Wix. Se você estiver criando um site no Editor do Wix Studio, você pode ajustar a ordem com os painéis Camadas e Páginas do site.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Se a ordem de tabulação do seu site for lógica, você não precisa fazer nada. Alterar a ordem quando ela já está correta pode causar problemas para os visitantes que usam leitores de tela e/ou a tecla Tab.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar a ordem DOM:</h2></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Wix" class="tab-heading heading-0">Editor Wix</div><div data-slug="Editor-do-Wix-Studio" class="tab-heading heading-1">Editor do Wix Studio</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Como o Wix define automaticamente uma ordem DOM para seu site, você precisa desativá-la no <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">assistente de acessibilidade.</a> Você pode então ajustar manualmente a ordem DOM dos elementos no painel Camadas do seu site conforme necessário.</div></div><div data-component-type="heading"><h2 id="" level="4">Para organizar manualmente a ordem DOM:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Configurações </strong>na parte superior e selecione <strong>Acessibilidade</strong>. </li>  <li>Selecione <strong>Verificar site</strong> no assistente à direita.</li>  <li>Clique na aba <strong>Problemas identificados</strong>.</li>  <li>Selecione <strong>Nível do site</strong>.</li>  <li>Clique em <strong>Organize a ordem DOM</strong>.</li>  <li>Selecione <strong>Manualmente</strong>.</li>  <li>Clique em <strong>Aplicar</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/06/03/0098eff9-aa4c-4861-8184-4e4783f158a2/098e6413-5b93-4610-b0f0-26860fd3fa9b.jpg" alt="As configurações do DOM no assistente. Manualmente foi selecionado e o cursor está clicando em Aplicar." /></div></div><div data-component-type="text"><ol>
  <li>Selecione <strong>Camadas</strong>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" /> no canto inferior esquerdo do seu editor.</li>  <li>Verifique a lista e exclua todos os elementos redundantes. Isso inclui elementos duplicados que não têm uso no seu site e podem confundir os usuários que utilizam leitores de tela.</li>  <li>Arraste e solte os elementos na ordem que você desejar.
</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/64994c54-ec97-4ba1-9fc5-08efa8b1497a/d6b6be84-44ee-4f47-b202-f125752cad10.jpg" alt="O painel Camadas de um site. Uma galeria Pro está sendo arrastada para outra posição." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Próximo passo:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/acessando-o-editor-mobile" target="">Abra o Editor mobile</a> e repita os mesmos passos.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Dependendo das necessidades e/ou do script do site, você pode desativar o DOM automático em <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-studio-reorganizar-elementos-pela-ordem-do-dom" target="">seções/contêineres, células de grade, pilhas de elementos ou todo o site</a>. Você pode então ajustar manualmente a ordem conforme necessário.</div></div><div data-component-type="heading"><h2 id="" level="4">Para organizar manualmente a ordem DOM:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Escolha onde você deseja desativar o DOM automático:
    <ul>
      <li><strong>Todo o site:</strong>
        <ol>
          <li>Clique no ícone do <strong>Wix Studio</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/13/d9a1d8f1-9b06-431b-a37c-cad1e9a147d0/1905b305-d3ce-4263-8ba1-38695a41936e.png" /> no canto superior esquerdo do editor.</li>          <li>Clique em <strong>Ferramentas</strong>.</li>          <li>Clique em <strong>Ordem automática do DOM </strong>para desmarcar.</li>          <li>Clique em <strong>Desativar </strong>para confirmar.</li>        </ol>      </li>      <li><strong>Seções, contêineres ou células de grade:</strong>
        <ol>
          <li>Clique com o botão direito do mouse na seção/contêiner/célula da grade relevante.</li>          <li>Clique em <strong>Ordem automática do DOM</strong> no menu clicado com o botão direito do mouse para desmarcar.</li>        </ol>      </li>    </ul>  </li>  <li>Clique em <strong>Camadas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/14/a4e4317e-690e-4531-a095-054f0cf5ed9c/2294c57e-7ada-42be-aed2-2f8c81640beb.jpg" /> no lado esquerdo do editor.</li>  <li>Escolha o que você deseja organizar:
    <ul>
      <li><strong>Elementos dentro de uma seção/contêiner/célula de grade/pilha: </strong>
        <ol>
          <li>Clique no elemento pai relevante (por exemplo: a seção) no painel para abri-lo.</li>          <li>Arraste e solte os elementos na posição correta.</li>        </ol>      </li>      <li><strong>Seções/contêineres/células de grade/pilhas: </strong>
        <ol>
          <li>Passe o mouse sobre a seção superior e clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/10/05/df707d87-ce96-4e50-b540-485e1b543f16/064bb95e-aa36-462b-8be9-5b31f62f8034.png" />.</li>          <li>Clique em <strong>Organizar</strong>.</li>          <li>Clique em <strong>Trazer para frente</strong>.</li>          <li>Repita essas etapas com todas as outras seções, indo de cima para baixo no painel.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/7502d6a2-1ecd-441a-b30c-5564c3681579/c26fb135-a70c-4f93-a200-04692e5a9373.jpg" alt="O painel Camadas de um site. O cursor está clicando na opção de trazer a seção superior para a frente." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observações:</div><div class="info-content"><ul>
  <li>Navegar em um site usando a tecla Tab, navega apenas pelos elementos interativos e não pelos elementos estáticos, como texto. Se você quiser testar um leitor de tela em elementos estáticos, como texto, siga as instruções na Central de Ajuda do seu leitor de tela sobre como navegar adequadamente em um site com um teclado.</li>  <li>Elementos fixados são colocados automaticamente no final da sequência de tabulação. Se você quiser que ele seja colocado no início da sequência, recomendamos que você solte o elemento e coloque-o no cabeçalho.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é a próxima etapa?</div><div class="info-content"><div>Confira a <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">checklist de acessibilidade</a> para continuar trabalhando na acessibilidade do site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-dom" level="3">Idioma do site e DOM</h2></div><div data-component-type="text"><div>Diferentes idiomas têm diferentes direções de leitura (por exemplo: o português é lido da esquerda para a direita e o hebraico é lido da direita para a esquerda). Se o idioma do site for alterado para um com uma direção de leitura diferente, pode ser que a ordem visual e a ordem DOM dos elementos não estejam mais alinhadas.</div></div><div data-component-type="text"><div>Recomendamos ativar a opção do DOM automático no assistente de acessibilidade para garantir que a ordem dos elementos corresponda à direção de leitura do idioma do site. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Se o site tiver conteúdo em idiomas da esquerda para a direita e da direita para a esquerda, recomendamos ajustar manualmente a ordem DOM.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para ativar o DOM automático no assistente:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade#scanning-a-site-with-the-accessibility-wizard" target="">Verifique o site com o assistente de acessibilidade</a>.</li>  <li>Clique na aba <strong>Problemas identificados</strong>.</li>  <li>Selecione <strong>Nível do site</strong>.</li>  <li>Clique em <strong>Organize a ordem DOM</strong>.</li>  <li>Selecione<strong> Automaticamente (recomendado)</strong>.</li>  <li>Clique em <strong>Aplicar</strong>.</li>  <li>(Opcional) Verifique a exibição visual dos elementos do site para garantir que eles estejam alinhados.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observações:</div><div class="info-content"><ul>
  <li>Essa opção pode alterar a exibição visual dos elementos, por isso sugerimos revisar as alterações para garantir que o site esteja como você deseja.</li>  <li>Esse recurso não é compatível com todos os componentes do site, e pode ser que você precise ajustar manualmente a direção de leitura.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/08/11/fe4e25d2-2c0d-408f-819c-0a0d0fa13ab9/e84290f2-ef78-44c3-adeb-b53481e5b1d3.png" alt="O dropdown Organizar a ordem DOM está aberto no Assistente. O cursor está clicando em" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Mudou de ideia?</div><div class="info-content"><div>Você pode reverter a ordem DOM automática no seu editor:</div><ul>
  <li><strong>Editor Wix:</strong> clicar no ícone <strong>Desfazer</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXev3RlsXu8Ztn3REDYoVOB6OBPieQLKahXHelulLElTvP10koaO48cSHz1PjEB4VU68QxBN62iBqARvsG8b5JGMphtol2z9A24s6L7Lc0iehQRBliNj1Fx85UuYQhNey1Ti7ywtl4m6T_Fpe-i7bTMDRNXb?key=dRllTO6NEoYu0-D1JuBE8A" /> na <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-usando-os-menus-no-editor#the-top-bar-menu">barra superior do seu editor</a>. <br />
<strong>Observação:</strong> essa opção só se aplica se a última ação que você realizou foi reorganizar automaticamente o DOM. </li>  <li><strong>Editor do Wix Studio:</strong> restaure uma versão anterior do site <a data-composite="true" href="https://support.wix.com/pt/article/visualizar-e-gerenciar-o-histórico-do-seu-site?tabs=Studio-Editor" target="">através do histórico do site</a>.</li></ul></div></div></div>

Atualmente, o Wix não oferece revisões pagas ou gratuitas para checar o quão acessível o seu site é. Para que o seu site seja revisado, você precisa contatar um assistente de acessibilidade externo em...

Pedido Acessibilidade: receber uma revisão de acessibilidade de um expert Wix

Saiba que, atualmente, o Wix não oferece revisões de acessibilidade pagas ou gratuitas para o seu site. Para uma avaliação, você precisará entrar em contato com um assistente de acessibilidade externo. O Wix valoriza seu feedback e está sempre buscando melhorias, então, se você gostaria de ver esse recurso no futuro, clique em "Vote nesse recurso" para ficar atualizado.

<div data-component-type="text"><div>Atualmente, o Wix não oferece revisões pagas ou gratuitas para checar o quão acessível o seu site é. Para que o seu site seja revisado, você precisa contatar um assistente de acessibilidade externo em sua região.</div></div><div data-component-type="text"><div>Nós estamos sempre trabalhando para atualizar e melhorar nossos produtos e o seu feedback é imensamente apreciado.</div></div><div data-component-type="text"><div>Se este for um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e nos certificaremos de mantê-lo informado.</div></div>

Se você tiver documentos em seu site, recomendamos melhorar sua acessibilidade para garantir que todos os visitantes do site possam visualizá-los e usá-los.É importante saber que:Como documentos PDF e...

Acessibilidade: tornar os arquivos de documentos acessíveis

Aprenda a melhorar a acessibilidade dos documentos em seu site para garantir que todos os visitantes possam visualizá-los e utilizá-los. Descubra como tornar arquivos PDF e documentos do Word acessíveis, ajustando-os nas plataformas correspondentes. Além disso, confira a checklist de acessibilidade do site para continuar aprimorando a experiência dos usuários.

<div data-component-type="text"><div>Se você tiver documentos em seu site, recomendamos melhorar sua acessibilidade para garantir que todos os visitantes do site possam visualizá-los e usá-los.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">É importante saber que:</div><div class="info-content"><div>Como documentos PDF e Word não são produtos do Wix, você precisa ajustá-los em suas correspondentes plataformas/programas.</div></div></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html" target="_blank">Saiba como tornar arquivos PDF acessíveis</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/pt-br/office/torne-os-seus-documentos-do-word-acess%C3%ADveis-para-pessoas-portadoras-de-defici%C3%AAncias-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=en-us&amp;rs=en-us&amp;ad=us" target="_blank">Saiba como tornar seus documentos do Word acessíveis</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Próximo passo:</div><div class="info-content"><div>Confira a <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">checklist de acessibilidade do site</a> para continuar melhorando seu site e deixá-lo mais acessível.</div></div></div></div>

Os visitantes do site podem ter uma ou mais condições que afetam sua visão, audição ou ambos. Isso pode afetar a forma como eles usam e entendem o conteúdo de mídia (por exemplo: vídeos, faixas de áud...

Acessibilidade: tornar vídeos e áudio acessíveis

Aprenda a verificar e melhorar a acessibilidade da mídia em seu site, garantindo que todos os visitantes possam acessar o conteúdo, independentemente de suas condições de visão ou audição. Este artigo oferece orientações sobre como usar o assistente de acessibilidade do Wix, além de dicas sobre como adicionar descrições de texto, legendas e descrições de áudio para tornar sua mídia mais inclusiva. Ao seguir essas recomendações, você pode criar uma experiência mais acessível e envolvente para todos os usuários.

<div data-component-type="text"><div>Os visitantes do site podem ter uma ou mais condições que afetam sua visão, audição ou ambos. Isso pode afetar a forma como eles usam e entendem o conteúdo de mídia (por exemplo: vídeos, faixas de áudio). </div></div><div data-component-type="text"><div>Portanto, é essencial verificar a acessibilidade da mídia do site e fornecer outras maneiras para os visitantes acessarem o conteúdo. Use este artigo para saber mais sobre como verificar a acessibilidade da sua mídia e nossas alternativas recomendadas.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">De onde o Wix obtém suas informações?</div><div class="info-content"><ul>
  <li>Fazemos recomendações de acordo com as <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês)</a> (em inglês), que foi desenvolvido pelo <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Este artigo baseia-se nos <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/time-based-media" target="_blank">critérios de sucesso para mídia baseada em tempo</a> (em inglês) do documento.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="verifying-media-accessibility" level="3">Verificar a acessibilidade da mídia</h2></div><div data-component-type="text"><div>Você pode usar o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">assistente de acessibilidade</a> para verificar e melhorar a acessibilidade da mídia em um site. O assistente encontra esses elementos para você e fornece recomendações úteis com base no tipo de mídia (por exemplo: apenas áudio, apenas vídeo, etc). </div></div><div data-component-type="heading"><h2 id="" level="4">Para verificar a mídia no assistente de acessibilidade:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Verifique seu site com o assistente
    <ul>
      <li><strong>Editor Wix:</strong>
        <ol>
          <li>Clique em <strong>Configurações </strong>na parte superior e selecione <strong>Acessibilidade</strong>. </li>          <li>Clique em <strong>Verificar site </strong>no painel do assistente de acessibilidade à direita. </li>        </ol>      </li>      <li><strong>Editor do Wix Studio:</strong>
        <ol>
          <li>Clique em <strong>Verificador do site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>no lado esquerdo do seu editor.</li>          <li>Selecione <strong>Corrigir problemas de acessibilidade</strong>. </li>          <li>Clique em <strong>Verificar site</strong>.</li>        </ol>      </li>    </ul>  </li>  <li>Clique na aba <strong>Problemas detectados</strong>.</li>  <li>Selecione o dropdown de uma página do site no painel.</li>  <li>Clique em <strong>Verifique se os arquivos de mídia são acessíveis</strong>.</li>  <li>Clique no arquivo de mídia e selecione o tipo de arquivo relevante entre as opções:
    <ul>
      <li><strong>Apenas áudio:</strong> o arquivo não contém elementos visuais e é apenas de áudio (por exemplo: a gravação de uma música).</li>      <li><strong>Apenas vídeo:</strong> a mídia é apenas visual e não contém sons (por exemplo: um GIF).</li>      <li><strong>Vídeo com áudio:</strong> a mídia contém elementos visuais e sonoros (por exemplo: um vlog)</li>      <li><strong>Arquivo decorativo de vídeo ou áudio:</strong> o arquivo não fornece nenhuma informação importante e é meramente decorativo.</li>    </ul>  </li>  <li>Verifique os requisitos e atualize o elemento conforme necessário.</li>  <li>Clique em <strong>Confirmar</strong> no assistente quando terminar.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/08/05/53066051-c5a5-417e-85c7-cd8e48334046/d52387b1-7d5d-4420-8ad5-8c5de48d2b03.png" alt="A tarefa de mídia está aberta no assistente em um site do Editor do Wix Studio. O cursor está clicando na opção decorativa." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="text-descriptions" level="3">Descrições de texto</h2></div><div data-component-type="text"><div>As descrições de texto fornecem informações importantes sobre o conteúdo do arquivo. Elas geralmente são adicionadas a mídias apenas de vídeo e apenas de áudio, o que pode ser útil para visitantes com condições que afetam a visão ou audição. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/media-alternative-prerecorded" target="_blank">Saiba mais sobre descrições de texto para mídia</a> (em inglês).</div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-video-without-sound" level="4">Adicionar descrições de texto a vídeos sem som</h2></div><div data-component-type="text"><div>Se um site incluir GIFs ou vídeos sem som, os visitantes com uma condição visual não poderão acessá-los.</div></div><div data-component-type="text"><div>Recomendamos adicionar uma descrição de texto à mídia que descreva os eventos que estão ocorrendo. Os leitores de tela podem ler esse texto em voz alta para um usuário, informando-o sobre o conteúdo do arquivo de mídia. </div></div><div data-component-type="text"><div>Por exemplo, a descrição de texto deste GIF poderia ser: Um GIF de sol com a palavra &quot;New&quot; piscando nele.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/b567d7fc-af07-4ffe-b02b-cf560471903f/4e5c1124-78d7-4571-b70a-7cf429978190.gif" alt="Um GIF do sol com a palavra" /></div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-audio-files" level="4">Adicionar descrições de texto a arquivos de áudio</h2></div><div data-component-type="text"><div>As descrições de texto para arquivos apenas de áudio devem conter uma transcrição de toda a comunicação verbal e descrições de quaisquer outros sons importantes (por exemplo: música). Isso garante que os visitantes que são surdos ou com dificuldades de audição possam acessar e desfrutar do arquivo.</div></div><div data-component-type="text"><div>Você pode criar uma transcrição escrevendo-a em um documento e, em seguida, vinculando o documento abaixo ou acima do arquivo de áudio.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/af11e670-7b1a-4287-a495-3367c17e76f4/3a6a72d3-a8c4-4b4f-846d-a84d58983d3e.png" alt="Uma imagem de um player de áudio. Texto acima informando que os visitantes podem clicar para ouvir. O link abaixo do player leva à transcrição." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="audio-descriptions" level="3">Descrições de áudio</h2></div><div data-component-type="text"><div>Descrições de áudio são descrições gravadas de eventos visuais que não fazem som, como movimentos, expressões faciais e alterações de iluminação. Por exemplo, um boletim meteorológico pode incluir a descrição de áudio: &quot;O meteorologista está apontando para o noroeste do país&quot;.</div></div><div data-component-type="text"><div>Isso pode ser essencial para os visitantes que dependem do áudio para acessar e entender o conteúdo de mídia. Portanto, recomendamos adicionar descrições de áudio aos vídeos com e sem som.</div></div><div data-component-type="text"><div>Se o vídeo tiver som, a descrição de áudio deve ser colocada entre o diálogo e qualquer outro áudio para garantir que o público possa ouvir tudo claramente. Você pode adicionar descrições de áudio dentro do próprio vídeo ou ao adicionar uma faixa de áudio extra. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded" target="_blank">Saiba mais sobre descrições de áudio</a> (em inglês).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="video-captions" level="3">Legendas de vídeo</h2></div><div data-component-type="text"><div>As legendas de vídeo são uma parte importante para tornar o conteúdo acessível para o público com condições que afetam a audição ou processos cognitivos. Recomendamos adicioná-las a todos os conteúdos de vídeo, sejam pré-gravados ou transmitidos ao vivo.</div></div><div data-component-type="heading"><h2 id="adding-closed-captions-to-pre-recorded-videos" level="4">Adicionar closed captions a vídeos pré-gravados</h2></div><div data-component-type="text"><div>As closed captions não são apenas legendas. Assim como as descrições de texto, elas também contêm sons que não são diálogos. Por exemplo, as closed captions na captura de tela do vídeo abaixo incluem a música de background. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded" target="_blank">Saiba mais sobre legendas de vídeos pré-gravados</a> (em inglês).</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/1f9e49c8-3778-48bc-99d4-79d08e660071/d0d2212f-5836-40c9-a88e-ca31c7dad970.png" alt="Uma imagem de um player de vídeo mostrando uma imagem estática, incluindo a legenda:" /></div></div><div data-component-type="text"><div>A maioria dos sites de hospedagem de vídeos (como o YouTube) tem um recurso de &quot;closed caption&quot;, que permite que os espectadores ativem as legendas enquanto visualizam o vídeo. Se você carregar seu próprio vídeo, pode adicionar legendas com um software externo de edição de vídeo, como o Amara. <a data-composite="true" href="https://wethegeek.com/best-closed-captioning-software/" target="_blank">Veja mais opções de software de legenda</a></div></div><div data-component-type="heading"><h2 id="adding-captions-to-live-streamed-events" level="4">Adicionar legendas a eventos com transmissão ao vivo</h2></div><div data-component-type="text"><div>Adicionar legendas aos feeds de vídeos ao vivo pode tornar os eventos mais acessíveis para visitantes com dificuldades auditivas. Existem dois métodos para adicionar legendas aos eventos ao vivo que são transmitidos em um site: através do script ou das legendas ao vivo. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-live" target="_blank">Saiba mais sobre como legendar vídeos ao vivo</a> (em inglês).</div></div><div data-component-type="text"><ul>
  <li><strong>Roteiro:</strong> os artistas, hosts ou apresentadores trabalham a partir de um script pré-determinado. Esse script é então incorporado à transmissão ao vivo. Esse método é comumente usado em eventos como peças.</li>  <li><strong>Ao vivo: </strong>as legendas são adicionadas em tempo real durante a transmissão do evento, seja por uma pessoa ou por um programa de software. Esse método é usado em eventos que usam poucos ou nenhum roteiro, como gravações de podcast ao vivo e cerimônias de premiação.</li></ul></div><div data-component-type="text"><div>Alguns navegadores, como o <a data-composite="true" href="https://blog.google/intl/pt-br/" target="_blank">Chrome</a>, permitem que os visitantes ativem legendas em tempo real em seus dispositivos. No entanto, se você quiser transmitir seu evento no <a data-composite="true" href="https://support.google.com/youtube/answer/3068031?hl=pt-BR#zippy=%2Clive-caption-requirements-for-events%2Cturning-on-closed-captions-for-events" target="_blank">YouTube</a>, as legendas precisam ser incorporadas ao vídeo ou enviadas através de um software que pode enviar legendas por HTTP POSTs, como <a data-composite="true" href="https://streamtext.net/" target="_blank">StreamText</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Recomendamos que você forneça legendas em vários idiomas se possível, pois elas também são úteis para espectadores que podem não falar o idioma usado no vídeo.</div></div></div></div>

O conteúdo animado, em movimento e com reprodução automática em um site pode afetar a experiência de visitantes com condições cognitivas ou neurológicas (por exemplo: epilepsia, enjoo por movimento, e...

Acessibilidade: reduzir o movimento

Descubra como melhorar a acessibilidade do seu site ao minimizar o movimento e a reprodução automática de conteúdo. O artigo recomenda evitar efeitos de rolagem e limitar a reprodução automática de vídeos e áudios, pois isso pode impactar negativamente visitantes com condições cognitivas ou que utilizam tecnologias assistivas. Aprenda a implementar essas práticas para criar uma experiência mais inclusiva e acessível para todos os usuários.

<div data-component-type="text"><div>O conteúdo animado, em movimento e com reprodução automática em um site pode afetar a experiência de visitantes com condições cognitivas ou neurológicas (por exemplo: epilepsia, enjoo por movimento, etc) e também das pessoas que usam tecnologias assistivas. </div></div><div data-component-type="text"><div>Portanto, recomendamos reduzir o movimento no site sempre que possível. Existem duas maneiras principais de minimizar o movimento: evitar efeitos de rolagem e evitar/limitar a reprodução automática.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">De onde o Wix obtém suas informações?</div><div class="info-content"><div>Fazemos recomendações de acordo com as <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês)</a> (em inglês), que foi desenvolvido pelo <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="scroll-effects-on-a-site" level="3">Efeitos de rolagem em um site</h2></div><div data-component-type="text"><div>Os efeitos de rolagem geralmente são aplicados a backgrounds de página, seção e contêiner. Como esses efeitos podem fazer com que o background e o primeiro plano (os elementos anexados) se movam em velocidades diferentes ou em direções diferentes, eles podem criar problemas para visitantes com problemas vestibulares ou dificuldades de atenção.</div></div><div data-component-type="text"><div>Recomendamos adicionar esses efeitos apenas quando eles forem essenciais para a funcionalidade do site ou para transmitir informações. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html" target="_blank">Leia as diretrizes do WCAG sobre animação a partir de interações</a> (em inglês).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="autoplay-on-a-site" level="3">Reprodução automática em um site</h2></div><div data-component-type="text"><div>Alguns players de vídeo e áudio podem ser configurados para reproduzir automaticamente quando a página for carregada. No entanto, isso pode causar confusão e distração para os visitantes. Por exemplo, um player de áudio que inicia automaticamente pode se sobrepor ou &quot;falar&quot; ao mesmo tempo que um leitor de tela. </div></div><div data-component-type="text"><div>Sugerimos limitar a reprodução automática em um site sempre que possível. No entanto, se você tiver conteúdo visual ou de áudio, você pode usar as seguintes diretrizes para melhorar a acessibilidade:</div></div><div data-component-type="text"><ul>
  <li><strong>Vídeos/conteúdo visual:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html" target="_blank">adicione a funcionalidade de parar, pausar ou ocultar</a> aos vídeos/conteúdos visuais que:
    <ul>
      <li>São reproduzidos automaticamente</li>      <li>São exibidos em paralelo ao conteúdo de outra página</li>      <li>Duram mais de 5 segundos</li>    </ul>  </li>  <li><strong>Conteúdo de áudio:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html" target="_blank">adicione opções para silenciar/ajustar o volume</a> dos conteúdos de áudio que:
    <ul>
      <li>São reproduzidos automaticamente</li>      <li>Duram mais de 3 segundos</li>    </ul>  </li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-site-visitors-can-reduce-motion" level="3">Como os visitantes do site podem reduzir o movimento</h2></div><div data-component-type="text"><div>Se você decidir usar conteúdo animado ou reprodução automática no site, os visitantes podem desativar essas opções no sistema operacional e navegador do dispositivo. </div></div><div data-component-type="text"><ul>
  <li><strong>Efeitos de rolagem/animação:</strong> os visitantes podem desativar animações nas configurações do sistema:
    <ul>
      <li><strong>Windows 11: </strong><a data-composite="true" href="https://support.microsoft.com/pt-br/windows/facilitar-o-foco-nas-tarefas-0d259fd9-e9d0-702c-c027-007f0e78eaf2" target="_blank">efeitos de animação</a></li>      <li><strong>Mac:</strong> <a data-composite="true" href="https://support.apple.com/pt-br/guide/mac-help/mchlc03f57a1/mac" target="_blank">reduzir movimento/imagens animadas automaticamente</a></li>    </ul>  </li>  <li><strong>Conteúdo de vídeo/áudio: </strong>os visitantes podem impedir que o conteúdo de áudio/vídeo seja reproduzido automaticamente nos sites através do navegador:
    <ul>
      <li><strong>Google Chrome:</strong> <a data-composite="true" href="https://support.google.com/chrome/answer/9692215?sjid=4561388418345466340-EU" target="_blank">configurações de som</a></li>      <li><strong>Microsoft Edge:</strong> <a data-composite="true" href="https://www.microsoft.com/en-us/edge/learning-center/manage-autoplay?form=MA13I2" target="_blank">reprodução automática de mídia</a> (em inglês)</li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Próxima etapa:</div><div class="info-content"><div>Confira a <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">checklist de acessibilidade do site</a> para continuar melhorando seu site e deixá-lo mais acessível.</div></div></div></div>

As fontes são a forma como o texto é formatado e estilizado. O Wix oferece inúmeras fontes, bem como a capacidade de fazer upload e usar suas próprias fontes.Algumas fontes são mais legíveis que outra...

Acessibilidade: fontes e legibilidade

Descubra como escolher e usar fontes no seu site Wix para garantir uma melhor legibilidade e acessibilidade. Aprenda a selecionar fontes claras, manter um tamanho adequado, e aplicar diretrizes de espaçamento e alinhamento. Siga as recomendações para evitar problemas de legibilidade, especialmente para visitantes com deficiência visual, e melhore a experiência de leitura em seu site.

<div data-component-type="text"><div>As fontes são a forma como o texto é formatado e estilizado. O Wix oferece inúmeras fontes, bem como a capacidade de fazer upload e usar suas próprias fontes.</div></div><div data-component-type="text"><div>Algumas fontes são mais legíveis que outras, por isso é importante garantir que as que você usa no seu site possam ser facilmente lidas. Escolher fontes claras e legíveis pode facilitar a leitura para todos os visitantes.</div></div><div data-component-type="heading"><h2 id="" level="3">Diretrizes de acessibilidade de fontes</h2></div><div data-component-type="text"><div>Recomendamos seguir essas diretrizes ao adicionar texto e fontes ao seu site:</div></div><div data-component-type="text"><ul>
  <li>Escolha uma fonte que tenha um equilíbrio entre a ambiguidade e a complexidade dos caracteres. Os caracteres devem ser facilmente distinguidos uns dos outros, mas também devem ter padrões e formas simples.</li></ul></div><div data-component-type="text"><ul>
  <li>Use um número limitado de fontes em seu site e evite ter várias fontes no mesmo bloco de texto.</li></ul></div><div data-component-type="text"><ul>
  <li>Evite tamanhos de fonte pequenos sempre que possível. Recomendamos manter seu texto com 14 pixels ou mais.</li></ul></div><div data-component-type="text"><ul>
  <li>Certifique-se de que sua fonte tenha espaçamento suficiente entre caracteres, palavras e linhas. Isso garante que o texto não seja compactado e possa ser lido facilmente.</li></ul></div><div data-component-type="text"><ul>
  <li>Tenha em mente que textos formatados como itálico, maiúsculas e tachado podem ser mais difíceis de ler para visitantes com deficiência visual.</li></ul></div><div data-component-type="text"><ul>
  <li>Esteja ciente do contraste de cores entre o texto e o background, especialmente ao usar fontes leves. <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-texto-e-gráficos" target="">Saiba mais sobre contraste de cores</a></li></ul></div><div data-component-type="text"><ul>
  <li>Tenha em mente o alinhamento do texto. O texto alinhado contém variações de espaçamento, que podem afetar sua legibilidade. Recomendamos alinhar o texto à esquerda, pois é mais fácil de ler em idiomas da esquerda para a direita.</li></ul></div><div data-component-type="text"><ul>
  <li>Os blocos de texto e parágrafos devem conter espaços vazios entre e ao redor deles para garantir que possam ser facilmente lidos e distinguidos.</li></ul></div><div data-component-type="text"><ul>
  <li>Ter muitos ou poucos caracteres em uma linha pode afetar a legibilidade. Recomendamos manter o comprimento da sua linha entre 50 e 120 caracteres, sempre que possível.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Próximo passo:</div><div class="info-content"><div>Confira a <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">Checklist de acessibilidade do site</a> para continuar melhorando seu site e deixá-lo mais acessível.</div></div></div></div>

Os visitantes com condições ou dificuldades visuais podem achar difícil distinguir entre o primeiro plano e o background das páginas de um site. Portanto, sugerimos verificar e ajustar o contraste de ...

Acessibilidade: preparar textos e gráficos

Aprimore a acessibilidade do seu site ajustando o contraste de cores entre texto e fundo. Aprenda a configurar proporções de contraste recomendadas, como 4.5:1 para textos normais e 3:1 para textos maiores, utilizando o assistente de acessibilidade em seu editor Wix. O artigo também oferece dicas sobre como encontrar códigos de cores e revisar manualmente o contraste, garantindo que seu site seja mais inclusivo para visitantes com dificuldades visuais.

Os visitantes com condições visuais podem usar tecnologias assistivas, como leitores de tela, para navegar no seu site. Adicione descrições às imagens e galerias usando alt text para torná-las acessív...

Acessibilidade: preparar imagens e galerias

Aprenda a adicionar e otimizar o alt text em imagens no seu site Wix para torná-lo mais acessível a visitantes com condições visuais. O alt text não apenas melhora a experiência de usuários que utilizam leitores de tela, mas também ajuda na otimização para motores de busca. O artigo oferece diretrizes práticas para escrever alt text eficaz, além de instruções sobre como adicioná-lo em diferentes editores Wix. Melhore a acessibilidade do seu site e atraia mais visitantes!

A hierarquia do site (sua estrutura) ajuda os navegadores da web e leitores de tela a entender como o conteúdo do site deve ser organizado. Você pode adicionar tags HTML ao texto do site para indicar ...

Acessibilidade: preparar a estrutura do site

Aprenda a organizar a hierarquia do seu site usando tags HTML para melhorar a acessibilidade e a navegação. Este artigo orienta você sobre como adicionar tags adequadas no Wix Editor, Wix Studio e Wix Harmony, garantindo que seu conteúdo seja lógico e fácil de entender para todos os visitantes, incluindo aqueles que usam leitores de tela. Siga as recomendações para criar uma experiência mais clara e acessível em seu site.

<div data-component-type="text"><div>A hierarquia do site (sua estrutura) ajuda os navegadores da web e leitores de tela a entender como o conteúdo do site deve ser organizado. Você pode adicionar <a data-composite="true" href="https://support.wix.com/pt/article/gerenciar-as-tags-de-cabeçalho-da-sua-página" target="">tags HTML</a> ao texto do site para indicar seu lugar na ordem do site e fornecer uma experiência clara para os visitantes. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Importante:</div><div class="info-content"><div>O conteúdo da página web é &quot;lido&quot; pela ordem DOM das páginas do seu site. Você pode verificar essa ordem e ajustá-la, se necessário. <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-site-para-leitores-de-tela">Saiba mais sobre como organizar a ordem do seu site</a>.</div>  </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="recommendations-for-preparing-text" level="3">Recomendações para a preparação do texto</h2></div><div data-component-type="text"><div>Recomendamos que você tenha as seguintes diretrizes em mente ao preparar o texto do site:</div></div><div data-component-type="text"><ul>
  <li><strong>Use tags HTML para o seu texto:</strong> cada página deve ter um cabeçalho H1 e, depois disso, as tags HTML em cada página devem ser sequenciais. Por exemplo, se o cabeçalho principal da página for uma tag H1, o subtítulo deve ser H2 e assim por diante. Isso serve para que os visitantes com deficiência visual possam navegar pelo seu conteúdo em uma ordem lógica.</li>  <li><strong>Os títulos devem ser descritivos</strong>: pense nos títulos como etiquetas para o texto abaixo (isso também é importante para SEO).</li>  <li><strong>O espaçamento é importante:</strong> ao editar seu texto, se você quiser dividir um título em várias linhas, use as teclas<strong> Shift + Enter</strong> para inserir uma quebra de linha, em vez de <strong>Enter,</strong> que cria um novo elemento de título em cada linha.</li>  <li><strong>Adicione cabeçalhos ao corpo da página:</strong> os H1s adicionados ao cabeçalho do site aparecem em todas as páginas onde o cabeçalho é exibido. Portanto, recomendamos adicionar cabeçalhos ao corpo da página. <br />
<strong>Dica: </strong>se você tiver um site de página única sem páginas adicionais, você pode ignorar essa recomendação.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-your-editor" level="3">Adicionar tags HTML ao texto do seu editor</h2></div><div data-component-type="text"><div>Adicione tags HTML ao texto do site para definir sua hierarquia. Se você estiver criando um site com o Editor Wix, você pode selecionar a tag nas configurações de texto. Se você estiver trabalhando com o Editor do Wix Studio, você pode encontrá-la no painel Inspetor. A opção também está disponível nas opções de design de texto no Editor do Wix Harmony.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Wix" class="tab-heading heading-0">Editor Wix</div><div data-slug="Editor-do-Wix-Studio" class="tab-heading heading-1">Editor do Wix Studio</div><div data-slug="Editor-do-Wix-Harmony" class="tab-heading heading-2">Editor do Wix Harmony</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecione o texto relevante no seu editor.</li>  <li>Selecione <strong>Editar texto</strong>.</li>  <li>Selecione <strong>SEO e acessibilidade</strong>.</li>  <li>Escolha uma tag HTML no menu dropdown. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/38c0f86e-2441-4dbf-ba6b-6ed3a63f3ec6/b58c3202-ed38-4667-9424-d99e0570b6d6.jpg" alt="A aba Design do painel Configurações de texto está aberta. O cursor está clicando no menu dropdown Tag HTML." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecione o texto relevante no seu editor.</li>  <li>Clique no ícone <strong>Abrir inspetor</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> no canto superior direito do editor. <br /><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/14/dd81bf04-8e02-4bcb-a60d-53420e223ab8/312b0d94-771d-4beb-80b2-93da462fe8cf.png" alt="A cropped view showing the cursor clicking to open the Inspector panel in the Studio Editor." /></li>  <li>Clique na aba <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />.</li>  <li>Escolha uma tag HTML no menu dropdown. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg" alt="A aba Design do painel Inspetor está aberta. O cursor está clicando no menu dropdown Tag HTML." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Selecione o elemento de texto relevante.</li>  <li>Clique no ícone <strong>Todas as opções de design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" /> na barra de ação.</li>  <li>Clique em <strong>SEO e acessibilidade</strong>.</li>  <li>Selecione uma tag HTML no dropdown.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/02/10/c2277067-9dd5-4693-81eb-95a5acfde503/93a3b296-5c7c-4b6f-93dd-93f17f732080.png" alt="O painel de opções de design está aberto para texto no Editor do Wix Harmony. O cursor está clicando no dropdown Tag HTML." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-the-accessibility-wizard" level="3">Adicionar tags HTML ao texto usando o assistente de acessibilidade</h2></div><div data-component-type="text"><div>Verifique um site com o assistente de acessibilidade para encontrar e ajustar tags nos seus elementos de texto. O assistente está disponível em todos os nossos criadores de sites, para que você possa melhorar a acessibilidade de qualquer site em que estiver trabalhando.</div></div><div data-component-type="text"><div>Com a maior parte do texto, você pode fazer alterações dentro do próprio assistente. No entanto, alguns elementos de texto (por exemplo: texto do app) não estão totalmente integrados com o assistente no momento e podem precisar ser ajustados manualmente.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Wix-0" class="tab-heading heading-0">Editor Wix</div><div data-slug="Editor-do-Wix-Studio-1" class="tab-heading heading-1">Editor do Wix Studio</div><div data-slug="Editor-do-Wix-Harmony-2" class="tab-heading heading-2">Editor do Wix Harmony</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Configurações</strong> na parte superior.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Selecione <strong>Verificar site</strong>.</li>  <li>Clique na aba <strong>Problemas identificados</strong>.</li>  <li>Selecione a página relevante.</li>  <li>Clique em <strong>Organize a estrutura do cabeçalho</strong>.</li>  <li>Selecione o elemento de texto relevante.</li>  <li>Dependendo se o texto é compatível com o assistente, siga um dos métodos abaixo: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Escolher a tag no assistente </h4><div class="collapsible-content"><div>Altere rapidamente a tag do texto no assistente de acessibilidade:</div><ol>
  <li>Clique no dropdown <strong>Tag de cabeçalho</strong>. </li>  <li>Selecione a tag relevante no dropdown.</li>  <li>Clique em <strong>Aplicar</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ajustar a tag manualmente</h4><div class="collapsible-content"><div>Se o texto não for compatível com o assistente de acessibilidade, você pode organizar manualmente sua estrutura no painel Configurações no seu editor:</div><ol>
  <li>Clique no elemento de texto no seu editor.</li>  <li>Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiaikwc2ET8xMVO6RMGJbo5rgoSe2UByR7ecqRL1OEWUe1bWE1r2hpylmFEX1ivDNoPv0A78_yb6oo_ahppvM0QZF8ahKqb9q3rtedNLd2eCENyjQjt6qhUSLQshI_PtXAEPzmw2u6YIE6UGVA7CtdrZs?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Acesse <strong>SEO e acessibilidade</strong>.</li>  <li>Clique no dropdown <strong>Alterar tag de cabeçalho</strong> e selecione a nova tag.</li>  <li>Salve o site.</li>  <li>Clique em <strong>Verificar novamente</strong> no assistente de acessibilidade para ver as alterações refletidas.</li></ol></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/06/03/f2fa2094-ee0d-4619-8cf2-5c301e2df718/7c39a67b-b080-4615-b25d-f6ec97418db7.jpg" alt="Uma nova tag de cabeçalho foi selecionada para um elemento de texto. O cursor está clicando em Aplicar." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Clique em <strong>Verificador de site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>no lado esquerdo do seu editor.</li>  <li>Selecione <strong>Corrigir</strong> <strong>problemas de acessibilidade.</strong></li>  <li>Clique em <strong>Verificar site</strong>.</li>  <li>Clique na aba <strong>Problemas identificados</strong>.</li>  <li>Selecione a página relevante.</li>  <li>Clique em <strong>Organize a estrutura do cabeçalho</strong>.</li>  <li>Selecione o elemento de texto relevante.</li>  <li>Dependendo se o texto é compatível com o assistente, siga um dos métodos abaixo: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Escolher a tag no assistente</h4><div class="collapsible-content"><div>Altere rapidamente a tag do texto no assistente de acessibilidade:</div><ol>
  <li>Clique no dropdown <strong>Tag de cabeçalho</strong>. </li>  <li>Selecione a tag relevante no dropdown.</li>  <li>Clique em <strong>Aplicar</strong>.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/05/14/e1bda61c-dd11-44c9-948e-72311ce65f6f/d70ebf2f-faa6-4e7b-9946-b2db08d80980.png" alt="Uma tag foi selecionada para um elemento de texto no assistente. O cursor está clicando em Aplicar." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ajustar a tag manualmente</h4><div class="collapsible-content"><div>Se o elemento de texto não for compatível com o assistente de acessibilidade, organize sua estrutura no seu editor. Dependendo do elemento, você pode alterar essa opção no painel Inspetor ou nas configurações do elemento:</div><ul>
  <li><strong>Painel Inspetor:</strong>
    <ol>
      <li>Clique no texto.</li>      <li>Clique no ícone <strong>Abrir inspetor</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> no canto superior direito do editor. <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/04/30/f8aec80d-8cb5-4a27-b08a-b5cd0a433670/8dc420cf-7486-42bb-b9bb-962eac7046b5.png" alt="The Open Inspector icon is highlighted and being clicked by the cursor." /></li>      <li>Vá para <strong>Configurações da tag HTML</strong>.</li>      <li>Clique no dropdown <strong>Tag HTML </strong>e selecione a nova tag.</li>      <li>Salve o site.</li>      <li>Clique em <strong>Verificar novamente</strong> no assistente de acessibilidade para ver as alterações refletidas.</li>    </ol>  </li>  <li><strong>Painel de configurações:</strong>
    <ol>
      <li>Clique no elemento de texto.</li>      <li>Clique em <strong>Configurações</strong> (ou no ícone <strong>Configurações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/06/14/6e4cf309-27f4-4f22-adf4-8a087130bbda/7e5f593f-189e-49db-b4a6-b3fb6169a778.png" />).</li>      <li>Acesse <strong>SEO e acessibilidade</strong>.</li>      <li>Clique no dropdown <strong>Alterar tag de cabeçalho</strong> e selecione a nova tag.</li>      <li>Salve o site.</li>      <li>Clique em <strong>Verificar novamente</strong> no assistente de acessibilidade para ver as alterações refletidas.</li>    </ol>  </li></ul></div></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique no nome do seu site no canto superior esquerdo do editor.</li>  <li>Role para baixo até Acessibilidade e clique em <strong>Corrigir problemas</strong>.</li>  <li>Clique em <strong>Verificar site</strong>.</li>  <li>Clique na página em que você deseja trabalhar.</li>  <li>Clique em <strong>Organize a estrutura do cabeçalho</strong>.</li>  <li>Clique no ícone <strong>Editar</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/11/13/b23a64a4-9948-4313-994b-78f2420a3d8b/2461bd2e-7503-4e85-8be6-e44480e24e4f.png" /><strong></strong> ao lado do elemento de texto relevante.</li>  <li>Dependendo se o texto é compatível com o assistente, siga um dos métodos abaixo: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Escolher a tag no assistente</h4><div class="collapsible-content"><div>Altere rapidamente a tag do texto no assistente de acessibilidade:</div><ol>
  <li>Clique no dropdown <strong>Selecione um cabeçalho</strong>.</li>  <li>Selecione a tag relevante no dropdown.</li>  <li>Clique em <strong>Aplicar</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ajustar a tag manualmente</h4><div class="collapsible-content"><div>Se o texto não for compatível com o assistente de acessibilidade, organize manualmente sua estrutura no seu editor. Para a maioria dos elementos de texto, você pode alterar a tag do cabeçalho nas opções de design. Para elementos de texto que fazem parte de apps (Wix Stores, Formulários Wix etc.), pode ser que você possa alterar a tag nas configurações:</div><ul>
  <li><strong>Texto normal:</strong>
    <ol>
      <li>Clique no elemento de texto no seu editor.</li>      <li>Clique no ícone <strong>Todas as opções de design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" alt="undefined" /> na barra de ação.</li>      <li>Clique em <strong>SEO e acessibilidade</strong>.</li>      <li>Selecione uma tag HTML no dropdown.</li>      <li>Clique em <strong>Aplicar</strong>.</li>      <li>Clique em <strong>Verificar novamente</strong> no assistente de acessibilidade para ver as alterações refletidas.</li>    </ol>  </li>  <li><strong>Texto do app:</strong>
    <ol>
      <li>Clique no widget do app no seu editor.</li>      <li>Clique no ícone <strong>Configurações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/21/e59ca9ff-f6d2-4300-aa36-6e4be4c3705a/f976a779-4e8a-4176-af07-d0a1d26cb68a.png" /> na barra de ação.</li>      <li>Clique na aba <strong>Design</strong>.</li>      <li>Selecione o elemento de texto relevante.</li>      <li>Clique em <strong>SEO e acessibilidade</strong>.</li>      <li>Selecione uma tag HTML no dropdown.</li>      <li>Clique em <strong>Aplicar</strong>.</li>      <li>Clique em <strong>Verificar novamente</strong> no assistente de acessibilidade para ver as alterações refletidas.</li>    </ol>  </li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/02/10/b7c6fca3-3be7-41a2-a36b-7bc735c6e0a6/23107340-f843-4650-b667-6e0bdfd3f5ef.png" alt="As configurações de estrutura estão abertas para uma página no assistente. Uma tag HTML foi selecionada e o cursor está clicando em Aplicar." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Próximo passo:</div><div class="info-content"><div>Confira a <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">checklist de acessibilidade</a> para continuar melhorando seu site e deixá-lo mais acessível.</div></div></div></div>

Para que as tecnologias assistivas interpretem seu site corretamente, recomendamos configurar os idiomas do seu site e gerenciá-los conforme necessário.De onde o Wix obtém suas informações?
  Fazemos ...

Acessibilidade: definir e gerenciar o idioma do site

Aprenda a configurar e gerenciar os idiomas do seu site para garantir que as tecnologias assistivas interpretem seu conteúdo corretamente. Este artigo destaca a importância de definir o idioma principal, que afeta como o texto é lido e como as legendas são geradas, melhorando a acessibilidade para todos os visitantes. Siga as orientações para verificar e ajustar o idioma no painel de controle ou no Assistente de Acessibilidade do Wix.

<div data-component-type="text"><div>Para que as tecnologias assistivas interpretem seu site corretamente, recomendamos configurar os idiomas do seu site e gerenciá-los conforme necessário.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">De onde o Wix obtém suas informações?</div><div class="info-content"><ul>
  <li>Fazemos recomendações de acordo com as <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês)</a> (em inglês), que foi desenvolvido pelo <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Este artigo baseia-se no <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page" target="_blank">critério de sucesso Language of Page (3.1.1)</a> (em inglês).</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-accessibility" level="3">Idioma e acessibilidade do site</h2></div><div data-component-type="text"><div>Alguns visitantes do site usam tecnologias assistivas e configurações (como leitores de tela e legendas automáticas) enquanto navegam na Internet. Definir o idioma principal do site fornece a essas tecnologias as informações necessárias para fornecer o conteúdo com precisão. </div></div><div data-component-type="text"><div>O idioma que você definiu:</div></div><div data-component-type="text"><ul>
  <li>Indica o script/caracteres usados no texto</li>  <li>Determina como o conteúdo do texto deve ser lido em voz alta (por exemplo: a pronúncia, o sotaque, o tom e a velocidade de fala)</li>  <li>Informa ao dispositivo/navegador em qual idioma as legendas devem ser geradas </li></ul></div><div data-component-type="text"><div>Se o idioma do site estiver incorreto, isso pode causar problemas para os visitantes que usam essas tecnologias (por exemplo: os leitores de tela podem usar um sotaque diferente ou falar incorretamente). Portanto, é importante definir e gerenciar os idiomas de um site corretamente para fornecer a experiência mais precisa para os visitantes.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-setting-the-language-of-a-single-language-site" level="3">Verificar e definir o idioma de um site com um único idioma</h2></div><div data-component-type="text"><div>Se você tiver um site em um único idioma, você pode verificar o idioma no painel de controle do site e alterá-lo, se necessário. </div></div><div data-component-type="heading"><h2 id="" level="4">Para verificar/definir o idioma do site:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Gerenciar%20configurações&amp;title=Selecione%20um%20site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Vá para Configurações</a> no painel de controle do site.</li>  <li>Clique em <strong>Idioma e região</strong>.</li>  <li>Clique no menu dropdown <strong>Idioma do site</strong> e defina o idioma do seu site. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/99395f49-2d43-42ef-94be-133521c70c58/91dfc908-6141-4db2-a680-b9260243b9da.jpg" alt="A aba de idioma e região de um site. O menu de idiomas do site está aberto e o cursor está clicando em Inglês." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-a-sites-language-in-the-accessibility-wizard" level="3">Alterar o idioma de um site no Assistente de Acessibilidade</h2></div><div data-component-type="text"><div>Pode ser solicitado que você altere o idioma de um site que tem um único idioma no acessibilidade do site do seu criador de sites. Mesmo que você tenha definido o idioma anteriormente, você ainda pode usar a tarefa no assistente para verificá-lo e atualizá-lo. </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Wix" class="tab-heading heading-0">Editor Wix</div><div data-slug="Editor-do-Wix-Studio" class="tab-heading heading-1">Editor do Wix Studio</div><div data-slug="Editor-do-Wix-Harmony" class="tab-heading heading-2">Editor do Wix Harmony</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Configurações </strong>na parte superior e selecione <strong>Acessibilidade</strong>. </li>  <li>Clique em <strong>Verificar site</strong> no assistente à direita.</li>  <li>Selecione a aba <strong>Problemas detectados</strong>.</li>  <li>Abra o dropdown <strong>Nível do site</strong>.</li>  <li>Clique em <strong>Defina o idioma principal do site</strong>.</li>  <li>Clique em <strong>Editar</strong> ao lado de <strong>Idioma principal do site</strong>.</li>  <li>Selecione o idioma relevante no menu dropdown.</li>  <li>Clique em<strong> OK</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/21/0688ecea-df8c-43b7-b556-a73940b08269/73243628-728f-425f-abf1-9eb468b68074.jpg" alt="A configuração de idioma do site de um site com um único idioma no assistente no Editor Wix. O inglês está selecionado." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Verificador do site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>no lado esquerdo do seu editor.</li>  <li>Selecione <strong>Corrigir problemas de acessibilidade</strong>. </li>  <li>Clique em <strong>Verificar site</strong>. </li>  <li>Selecione a aba <strong>Problemas detectados</strong>.</li>  <li>Abra o dropdown <strong>Nível do site</strong>.</li>  <li>Clique em <strong>Defina o idioma principal do site</strong>.</li>  <li>Clique em <strong>Editar</strong> ao lado de <strong>Idioma principal do site</strong>.</li>  <li>Selecione o idioma relevante no menu dropdown.</li>  <li>Clique em<strong> OK</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/21/5b486f80-0afb-49fa-aebc-79e162470db5/b1449de8-fa0d-4612-9cde-34a5cb99413b.jpg" alt="A configuração de idioma do site de um site de idioma único no assistente no Editor do Wix Studio. O inglês está selecionado." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique no nome do seu site no canto superior esquerdo do editor.</li>  <li>Role para baixo até <strong>Acessibilidade</strong> e clique em <strong>Corrigir problemas</strong>.</li>  <li>Clique em <strong>Verificar site</strong>.</li>  <li>Abra o dropdown <strong>Nível do site</strong>.</li>  <li>Clique em <strong>Editar</strong> ao lado de <strong>Idioma original</strong>.</li>  <li>Selecione o idioma relevante no dropdown.</li>  <li>Clique em<strong> OK</strong>.</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-languages-on-a-multilingual-site" level="3">Trabalhar com idiomas em um site multilíngue</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/wix-multilingual-uma-visão-geral" target="">Sites multilíngues</a> geralmente contêm menus de idiomas que permitem que os visitantes alternem entre idiomas. Os ícones de bandeira nesses menus são atribuídos automaticamente a um alt text que reflete o idioma correspondente.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/658394b5-1087-472b-bf91-c33f9616fe5b/abbee5da-70fa-467a-b9c7-69e9267ad8fe.png" alt="Um menu de idiomas em um site multilíngue. Um trecho do console é exibido, mostrando o inglês como o alt text." /></div></div><div data-component-type="text"><div>Como os leitores de tela leem texto normal e <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-suas-imagens-e-galerias" target="">alt text</a>, menus que contêm texto e ícones podem fazer com que o leitor de tela repita o nome do idioma. Portanto, sugerimos configurar o menu para mostrar apenas o texto ou o ícone no editor do seu site.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-Wix-0" class="tab-heading heading-0">Editor Wix</div><div data-slug="Editor-do-Wix-Studio-1" class="tab-heading heading-1">Editor do Wix Studio</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Selecione o menu de idiomas.</li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2018/06/20/4fa6a5d1-d55f-4b0c-bd9f-24697271fc81.png" />.</li>  <li>Escolha o que deseja exibir no menu:
    <ul>
      <li><strong>Bandeiras:</strong> 
        <ol>
          <li>Ative a alavanca <strong>Mostrar bandeiras</strong>.</li>          <li>Selecione <strong>Bandeira</strong> em <strong>Exibição</strong>.</li>        </ol>      </li>      <li><strong>Nome do idioma: </strong>
        <ol>
          <li>Desative a alavanca <strong>Mostrar bandeiras</strong>.</li>          <li>Escolha <strong>Nome</strong> ou <strong>Abreviado</strong> em <strong>Exibição</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/22/fe978d8f-9e8c-40cc-8bf0-4f96058b7f8e/f606f948-ab8e-459d-bed6-cf98566560f5.jpg" alt="O painel de layout do menu de um menu de idiomas no Editor Wix. O cursor está clicando na opção Bandeira." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/wix-multilingual-personalizando-o-menu-de-idiomas-do-seu-site-multilíngue?tabs=Wix-Editor-0" target="">Saiba mais sobre como alterar o layout de um menu de idiomas</a></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Selecione o menu de idiomas.</li>  <li>Clique no ícone <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/cd35cb5a-d719-4418-8c89-ad0b33312491/bad0640a-6114-4280-972d-1a705ccb03b5.png" />.</li>  <li>Escolha o que deseja exibir no menu:
    <ul>
      <li><strong>Bandeiras:</strong> 
        <ol>
          <li>Ative a alavanca <strong>Mostrar bandeiras</strong>.</li>          <li>Selecione <strong>Bandeira</strong> em <strong>Exibição</strong>. </li>        </ol>      </li>      <li><strong>Nome do idioma: </strong>
        <ol>
          <li>Desative a alavanca <strong>Mostrar bandeiras</strong>.</li>          <li>Escolha <strong>Nome</strong> ou <strong>Abreviado</strong> em <strong>Exibição</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/56175416-6dff-498b-8b2c-15c814c1bc2b/a4fe698b-f126-4331-b24d-4f62a1071858.jpg" alt="O painel de layout do menu de um menu de idioma no Editor do Wix Studio. O cursor está clicando na opção Nome." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/wix-multilingual-personalizando-o-menu-de-idiomas-do-seu-site-multilíngue?tabs=Wix-Editor-0" target="">Saiba mais sobre como alterar o layout de um menu de idiomas</a></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Próximo passo:</div><div class="info-content"><div>Confira a <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">checklist de acessibilidade</a> para continuar melhorando seu site e deixá-lo mais acessível.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adicionei manualmente diferentes idiomas ao site. Qual devo definir como idioma principal?</h4><div class="collapsible-content"><div>Se o seu site tiver conteúdo em vários idiomas e <strong>não</strong> tiver o Wix Multilíngue, você deve definir o idioma que você mais usa como o idioma principal.</div><div><br /></div><div>Se os idiomas forem usados da mesma forma em todo o site, recomendamos selecionar o idioma usado quando você inicialmente criou o site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Posso alterar o idioma principal do site se eu tiver o Wix Multilíngue?</h4><div class="collapsible-content"><div>Se você adicionou Wix Multilíngue ao seu site, o idioma principal escolhido <a data-composite="true" href="https://support.wix.com/pt/article/wix-multilingual-adicionando-e-configurando-o-wix-multilingual" target="">durante a configuração</a> não pode ser alterado. <a data-composite="true" href="https://support.wix.com/pt/article/pedido-wix-multilingual-alterar-o-idioma-principal-do-seu-site" target="">Vote nesse recurso</a>.</div></div></div></div>

As declarações de acessibilidade descrevem o que você ou sua marca/negócio fez em seu site para torná-lo mais acessível para pessoas com deficiência. Você pode usar o artigo a seguir para ajudar você ...

Acessibilidade: adicionar uma declaração de acessibilidade ao seu site

Aprenda a criar uma declaração de acessibilidade para o seu site, destacando os esforços para torná-lo mais inclusivo para pessoas com deficiência. O artigo oferece orientações sobre o que incluir, como as diretrizes WCAG seguidas e ajustes feitos no conteúdo e estrutura do site. Além disso, descubra como adicionar essa declaração de forma eficaz, garantindo que os visitantes possam acessá-la facilmente.

<div data-component-type="text"><div>As declarações de acessibilidade descrevem o que você ou sua marca/negócio fez em seu site para torná-lo mais acessível para pessoas com deficiência. </div></div><div data-component-type="text"><div>Você pode usar o artigo a seguir para ajudar você a escrever a declaração de acessibilidade do seu site. No entanto, ela não deve ser utilizada para aconselhamento jurídico, uma vez que as leis e requisitos podem ser diferentes dependendo da sua região. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Em determinados países, uma declaração de acessibilidade é uma obrigação legal do proprietário do site. Certifique-se de seguir as leis e requisitos da sua região.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="what-to-include-in-an-accessibility-statement" level="3">O que incluir em uma declaração de acessibilidade</h2></div><div data-component-type="text"><div>Quando você cria e publica uma declaração de acessibilidade em seu site, você pode incluir os seguintes itens:</div></div><div data-component-type="text"><ul>
  <li>A data em que a declaração foi atualizada pela última vez.</li>  <li>Uma declaração geral sobre os esforços de acessibilidade implementados. Alguns exemplos são:
    <ul>
      <li><strong>Recursos e diretrizes:</strong>
        <ul>
          <li>A versão WCAG (2.0/2.1/2.2) e o nível (A/AA/AAA) que você seguiu.</li>          <li>Se você usou o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de Acessibilidade Wix</a> e fez todos os ajustes necessários.</li>        </ul>      </li>      <li><strong>Conteúdo e estrutura do site:</strong>
        <ul>
          <li>Se você definiu o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-configurando-o-idioma-do-seu-site" target="">idioma do site</a>.</li>          <li>Ajustes feitos na <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-site-para-leitores-de-tela" target="">ordem do conteúdo</a> das páginas do seu site.</li>          <li>Ajustes feitos na <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-a-estrutura-do-seu-site" target="">estrutura do cabeçalho</a> das páginas do seu site.</li>        </ul>      </li>      <li><strong>Mídia, arquivos e animação:</strong>
        <ul>
          <li>Se as imagens do seu site têm <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-suas-imagens-e-galerias" target="">texto alternativo</a>.</li>          <li>Se as combinações de cores usadas em seu site têm a <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-texto-e-gráficos" target="">taxa de contraste</a> necessária.</li>          <li>Se os <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-reduzir-movimento" target="">movimentos no site foram reduzidos</a>.</li>          <li>Ajustes de acessibilidade feitos para <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis" target="">vídeos e áudio</a> no site.</li>          <li>Se os <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornar-os-arquivos-de-documentos-acessíveis" target="">documentos</a> estão acessíveis no site.</li>        </ul>      </li>    </ul>  </li>  <li>Limitações de acessibilidade conhecidas devido ao uso de serviços de terceiros no site.</li>  <li>Quaisquer medidas de acessibilidade e ajustes no espaço físico do negócio (como teatros, restaurantes, etc).</li>  <li>Informações de contato da pessoa responsável pela acessibilidade do seu site, como nome completo, endereço de email e número de telefone.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Deseja adicionar outras informações?</div><div class="info-content"><div>Use <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">nossa checklist de acessibilidade</a> para obter ideias sobre o que adicionar à declaração de acessibilidade do seu site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-accessibility-statement-to-your-site" level="3">Adicione uma declaração de acessibilidade ao seu site</h2></div><div data-component-type="text"><div>Adicione uma declaração de acessibilidade para mostrar claramente os esforços da sua empresa em aumentar a acessibilidade do site. Recomendamos usar uma página dedicada para a declaração e adicionar links para ela no cabeçalho ou rodapé do seu site.</div></div><div data-component-type="heading"><h2 id="" level="4">Para adicionar uma declaração de acessibilidade ao seu site:</h2></div><div data-component-type="text"><ol>
  <li>Adicione uma página ao seu site e dê a ela o nome &quot;Declaração de acessibilidade&quot;.</li>  <li>Adicione caixas de texto à página e insira sua declaração de acessibilidade nelas conforme necessário. </li>  <li>Crie um link para a página com texto ou um botão e nomeie-o como &quot;Declaração de acessibilidade&quot;. </li>  <li>Anexe o texto/botão com link ao cabeçalho/rodapé do seu site para garantir que os visitantes possam visualizar a declaração em qualquer uma das páginas do seu site.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Observação:</div><div class="info-content"><div>Use várias caixas de texto na sua declaração para garantir que cada parte do texto tenha a <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-a-estrutura-do-seu-site" target="">tag HTML correta</a> (h1/h2/p). Você pode conferir o exemplo na próxima seção para ver quais tags HTML usar.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-statement-template" level="3">Modelo de declaração de acessibilidade</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>O objetivo do modelo a seguir é ajudar você a escrever sua declaração de acessibilidade. Observe que você é responsável por garantir que a declaração do seu site atenda aos requisitos da lei local em sua área ou região.</div></div></div></div><div data-component-type="text"><div><em><strong>Declaração de acessibilidade</strong></em><strong> </strong>(h1)</div></div><div data-component-type="text"><div>(p)<em> Esta declaração foi atualizada pela última vez em</em> [insira a data relevante]<em>.</em></div></div><div data-component-type="text"><div>(p)<em> Nós na </em>[insira o nome da organização/negócio] <em>estamos trabalhando para tornar nosso site </em>[insira o nome e endereço do site]<em> acessível para pessoas com deficiência.</em></div></div><div data-component-type="text"><div><em><strong>O que é acessibilidade do site</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Um site acessível permite que os visitantes com deficiência naveguem pelo site com o mesmo nível de facilidade e satisfação que outros visitantes. Isso pode ser feito com os recursos do sistema em que o site funciona e por meio de tecnologias assistivas.</em></div></div><div data-component-type="text"><div><em><strong>Ajustes de acessibilidade neste site</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Adaptamos este site de acordo com as diretrizes WCAG </em>[2.0/2.1/2.2 - insira opção relevante]<em> e tornamos o site acessível para o nível de </em>[A/AA/AAA<em> - </em>insira opção relevante]. <em>O conteúdo deste site foi adaptado para funcionar com tecnologias assistivas, como leitores de tela e uso do teclado. Como parte desse esforço, nós também </em>[remova informações irrelevantes]<em>:</em></div></div><div data-component-type="text"><div>(p)</div><ul>
  <li><em>Usamos o Assistente de Acessibilidade para encontrar e corrigir possíveis problemas de acessibilidade</em></li>  <li><em>Definimos o idioma do site </em></li>  <li><em>Definimos a ordem do conteúdo das páginas do site</em></li>  <li><em>Definimos estruturas de cabeçalho claras em todas as páginas do site</em></li>  <li><em>Adicionamos texto alternativo às imagens</em></li>  <li><em>Implementamos combinações de cores que atendem ao contraste de cores necessário</em></li>  <li><em>Reduzimos o uso de movimento no site</em></li>  <li><em>Nos certificamos de que todos os vídeos, áudios e arquivos no site são acessíveis</em></li></ul></div><div data-component-type="text"><div><em><strong>Declaração de conformidade parcial com o padrão devido a conteúdo de terceiros </strong></em>(h2) [insira apenas se relevante]</div></div><div data-component-type="text"><div>(p) <em>A acessibilidade de certas páginas no site depende de conteúdos que não pertencem à organização, mas sim, pertencem a [insira o nome do terceiro relevante]. As seguintes páginas serão afetadas por isso: </em>[insira os URLs das páginas]. <em>Portanto,</em> <em>declaramos conformidade parcial com o padrão para essas páginas.</em></div></div><div data-component-type="text"><div><em><strong>Medidas de acessibilidade na organização</strong></em><strong> </strong>(h2) [insira apenas se relevante]</div></div><div data-component-type="text"><div>(p) [Insira uma descrição das medidas de acessibilidade nos escritórios físicos/filiais da organização ou negócio do seu site. A descrição pode incluir todas as medidas de acessibilidade atuais, começando com o início do serviço (por exemplo: estacionamento e/ou estações de transporte público) até o final (como o balcão de atendimento, mesa do restaurante, sala de aula, etc.). Também é necessário especificar quaisquer medidas adicionais de acessibilidade, como serviços desativados e sua localização, e acessórios de acessibilidade (por exemplo: induções de áudio e elevadores) disponíveis para uso]</div></div><div data-component-type="text"><div><em><strong>Solicitações, problemas e sugestões</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Se você encontrar um problema de acessibilidade no site ou se precisar de mais assistência, entre em contato conosco através do coordenador de acessibilidade da organização:</em></div><ul>
  <li>[Nome do coordenador de acessibilidade]</li>  <li>[Número de telefone do coordenador de acessibilidade]</li>  <li>[Endereço de email do coordenador de acessibilidade]</li>  <li>[Insira qualquer informação de contato adicional se relevante/disponível]</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Próxima etapa:</div><div class="info-content"><div>Confira a <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">checklist de acessibilidade</a> do site para continuar melhorando seu site e deixá-lo mais acessível.</div></div></div></div>

Os formulários permitem que os visitantes do site enviem informações, participem de uma lista de emails e muito mais. Ao criar um formulário, é importante ter em mente a acessibilidade para garantir q...

Acessibilidade: criar um formulário Wix acessível

Aprenda a criar formulários acessíveis no seu site Wix, permitindo que os visitantes enviem informações e se inscrevam em listas de e-mails. Este artigo orienta você a mostrar e definir títulos de campos, personalizar o design do formulário e ativar indicadores visuais para facilitar a navegação. Ao seguir essas etapas, você garante que todos possam interagir com seu site de forma eficiente e inclusiva.

<div data-component-type="text"><div>Os formulários permitem que os visitantes do site enviem informações, participem de uma lista de emails e muito mais. Ao criar um formulário, é importante ter em mente a acessibilidade para garantir que todos possam visualizá-lo e usá-lo. </div></div><div data-component-type="text"><div>Siga as etapas neste artigo para criar um formulário com o qual os visitantes podem navegar e interagir, e tirar o máximo proveito do seu site.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Os Formulários Wix antigos não são acessíveis. Se você precisar cumprir os regulamentos de acessibilidade, mude para o <a data-composite="true" href="https://support.wix.com/pt/article/formulários-wix-a-diferença-entre-o-formulários-wix-novo-e-o-antigo" target="">novo Formulários Wix</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-display-field-titles" level="3">Etapa 1 | Mostre títulos dos campos</h2></div><div data-component-type="text"><div>Mostre títulos dos campos para permitir que os visitantes identifiquem cada campo do formulário. Exibir títulos fornece clareza e indica aos visitantes o campo em que eles estão no momento.</div></div><div data-component-type="heading"><h2 id="" level="4">Para mostrar os títulos dos campos:</h2></div><div data-component-type="text"><ol>
  <li>Selecione o formulário no seu editor.</li>  <li>Clique em <strong>Editar formulário</strong>.</li>  <li>Selecione um campo de formulário.</li>  <li>Clique em <strong>Configurações</strong>.</li>  <li>Passe o mouse sobre o campo relevante e clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Clique em <strong>Mostrar título do campo</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/704b585c-e85a-42a3-a4f6-4918fc22ea7d/de509bb7-f65c-4ee0-9aa6-8c945a368eb3.jpg" alt="A central de formulários. Um campo foi selecionado e o cursor está clicando em" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-define-your-field-titles" level="3">Etapa 2 | Defina os títulos dos campos</h2></div><div data-component-type="text"><div>Depois de ativar os títulos dos campos, certifique-se de defini-los claramente. O título deve ser específico para garantir que os visitantes saibam exatamente o que é necessário (sobrenome, número de telefone, etc).</div></div><div data-component-type="heading"><h2 id="" level="4">Para definir os títulos dos campos:</h2></div><div data-component-type="text"><ol>
  <li>Selecione o formulário no seu editor.</li>  <li>Clique em <strong>Editar formulário</strong>.</li>  <li>Selecione um campo de formulário.</li>  <li>Clique em <strong>Configurações</strong>.</li>  <li>Insira o texto em <strong>Título do campo</strong>.</li>  <li>Clique em <strong>Salvar</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/b0c417e6-adb2-4bbb-9ac2-2d4990c1374b/83955b53-2aba-47eb-9a01-33be5f0f8066.jpg" alt="A central de formulários. Um campo foi selecionado e o cursor está clicando no campo do título." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-forms-design" level="3">Etapa 3 | Personalize o design do formulário</h2></div><div data-component-type="text"><div>Ajustar os <a data-composite="true" href="https://support.wix.com/pt/article/formulários-wix-personalizando-o-design-do-seu-formulário" target="">campos e botões do formulário</a> por estado (Normal, Interativo e Erro) pode criar uma experiência visual lógica. Recomendamos personalizar o design para o estado Interativo, por exemplo, para que os visitantes saibam com qual parte do formulário eles estão interagindo.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>O estado Interativo é como o campo/botão do formulário fica quando um visitante passa o mouse sobre ele. O estado Normal é como ele é exibido antes de um visitante interagir com ele.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar o design do formulário:</h2></div><div data-component-type="text"><ol>
  <li>Selecione o formulário no seu editor.</li>  <li>Clique em <strong>Configurações</strong>.</li>  <li>Selecione <strong>Design</strong>.</li>  <li>Escolha qual parte do formulário você deseja personalizar:
    <ul>
      <li><strong>Campos</strong>: 
        <ol>
          <li>Selecione <strong>Campos do formulário</strong>.</li>          <li>Selecione <strong>Interativo</strong> no menu dropdown.</li>          <li>Altere o design do campo:
            <ul>
              <li><strong>Cor e opacidade: </strong>defina a cor do background do campo e arraste o slider para alterar a opacidade.</li>              <li><strong>Cor e opacidade da borda:</strong> defina a cor e a opacidade da borda do campo.</li>            </ul>          </li>        </ol>      </li>      <li><strong>Botões:</strong>
        <ol>
          <li>Selecione <strong>Botões</strong>.</li>          <li>Selecione o botão que deseja personalizar (Enviar, Voltar, Fazer upload, etc).</li>          <li>Clique na aba <strong>Interativo</strong>.</li>          <li>Altere o design do botão:
            <ul>
              <li><strong>Cor do texto:</strong> defina a cor do texto do botão no estado Interativo.</li>              <li><strong>Cor e opacidade: </strong>defina a cor do background do botão e arraste o slider para alterar a opacidade.</li>              <li><strong>Cor e opacidade da borda:</strong> defina a cor e a opacidade da borda do botão.</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/f9359600-cb03-4d29-bbce-67dba5e29d86/8b155fad-596d-41c2-8d1b-ef00a834a912.jpg" alt="O painel de design do campo do formulário está aberto. O estado Interativo foi selecionado e o cursor está clicando na caixa de cores." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dicas:</div><div class="info-content"><ul>
  <li>Você também deve personalizar os campos do formulário no estado Erro para garantir uma melhor acessibilidade.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-texto-e-gráficos" target="">Saiba mais sobre cores e contraste na acessibilidade do site</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-enable-visual-indicators-on-your-site" level="3">Etapa 4 | Ative indicadores visuais no seu site</h2></div><div data-component-type="text"><div>Indicadores visuais ajudam pessoas com diferentes necessidades de visão ou mobilidade a navegar pelo seu site. Ao ativar essa opção, visitantes que usam a tecla Tab veem uma caixa azul ao redor da seção ou elemento em que estão. <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-ativando-e-desativando-as-caixas-azuis-indicadores-visuais" target="">Saiba mais sobre indicadores visuais</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Os indicadores visuais são ativados automaticamente em sites criados no Editor do Wix Studio.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para ativar indicadores visuais:</h2></div><div data-component-type="text"><ol>
  <li>Selecione <strong>Configurações</strong> na barra superior do seu Editor.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Selecione o ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/opXJFSSKoZdZ0l3N8VdFcrR4TnvE4tiiTz1AHYBHytfL3f-dkfjJ1TOkrC6j10wq-fDeiHvvQRjeAs3Hb-Lo3v0PmC_O6vamAU4QV6z69ZVZUzUC3VXQE7c6E5eOVQNncGR4w70a" /> no canto superior direito do Assistente. </li>  <li>Selecione em <strong>Configurações avançadas de acessibilidade</strong>.</li>  <li>Selecione <strong>Indicadores visuais</strong>. </li>  <li>Ative a alavanca <strong>Permita que os usuários naveguem no seu site pelo teclado</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/22/451e930b-a31a-4d26-915c-95ff0c2c53a4/f00095b7-c375-43b5-aaba-479698334c3f.png" alt="A alavanca dos indicadores visuais foi ativada nas configurações avançadas do Assistente de Acessibilidade." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Próximo passo:</div><div class="info-content"><div>Confira a <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">checklist de acessibilidade</a> para continuar melhorando a acessibilidade do seu site. </div></div></div></div>

O Wix oferece templates com recursos de acessibilidade integrados para que visitantes com deficiências ou limitações físicas possam tirar o máximo proveito do seu site. Esses templates são uma ótima m...

Acessibilidade: templates com recursos de acessibilidade

Descubra como criar um site acessível com os templates do Wix que já vêm com recursos de acessibilidade integrados. Esses templates oferecem elementos básicos, como estruturas de cabeçalho acessíveis e bom contraste de cores, facilitando a navegação para visitantes com deficiências. Após personalizar seu template, consulte nossa lista de verificação para otimizar ainda mais a acessibilidade do seu site e garantir que ele atenda às normas locais.

<div data-component-type="text"><div>O Wix oferece templates com recursos de acessibilidade integrados para que visitantes com deficiências ou limitações físicas possam tirar o máximo proveito do seu site. Esses templates são uma ótima maneira de começar a construir um site acessível a todos os visitantes, independentemente de sua capacidade.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/07/b014594a-e95c-43b4-865d-a7101bfd1a25/4b544182-4e94-4cf6-a59a-516d6cc25ab4.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-templates" level="3">Templates de acessibilidade</h2></div><div data-component-type="text"><div>Os templates acessíveis têm recursos básicos de acessibilidade incorporados, como estruturas de cabeçalho acessíveis e contraste de cor do site. Os recursos oferecidos variam dependendo do estilo do template do site que você escolher. Explore, visualize, e edite <a data-composite="true" href="https://pt.wix.com/website/templates/html/accessible" target="">templates de sites acessíveis</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Alguns recursos avançados de acessibilidade, como etiquetas ARIA personalizadas e alt text, não estão incluídos nesses templates e precisam ser adicionados manualmente.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="continue-optimizing-your-site-for-accessibility" level="3">Continue otimizando seu site para acessibilidade</h2></div><div data-component-type="text"><div>Depois de adicionar e editar o template do seu site, recomendamos que você consulte nossa <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site#accessibility-checklist" target="_blank">lista de verificação</a> para garantir que seu site tenha usado todos os recursos de acessibilidade que oferecemos. </div></div><div data-component-type="text"><div>Outras etapas incluem:</div><div><br /></div><ul>
  <li><a href="https://support.wix.com/pt/article/acessibilidade-preparando-a-estrutura-do-seu-site" target="_blank">Preparar a estrutura do seu site</a></li>  <li><a href="https://support.wix.com/pt/article/acessibilidade-reduzir-movimento" target="_blank">Reduzir o movimento</a></li>  <li><a href="https://support.wix.com/pt/article/acessibilidade-adicionar-uma-declaração-de-acessibilidade-ao-seu-site" target="_blank">Adicionar uma declaração de acessibilidade</a></li>  <li><a href="https://support.wix.com/pt/article/acessibilidade-preparando-suas-imagens-e-galerias" target="_blank">Preparar imagens e galerias</a> </li>  <li><a href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-texto-e-gráficos" target="_blank">Preparar texto e gráficos</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Embora estejamos continuamente nos esforçando para garantir que todos, independentemente da capacidade, possam usar nossos produtos e serviços, não podemos garantir que seu site esteja em conformidade com suas leis e regulamentos locais de acessibilidade.</div><div><br /></div><div>Recomendamos verificar nossa lista de verificação de acessibilidade e consultar um especialista em acessibilidade para garantir que seu site atenda aos critérios descritos nos regulamentos de acessibilidade da sua região.</div></div></div></div>

Identifique e corrija problemas de acessibilidade em um site Wix com o assistente de acessibilidade Esse recurso verifica o site e exibe 2 abas que você é solicitado a preencher: 
  Problemas identifi...

Acessibilidade: usar o assistente de acessibilidade

Aprenda a identificar e corrigir problemas de acessibilidade em seu site Wix utilizando o assistente de acessibilidade. Este recurso analisa seu site e apresenta duas abas: uma com problemas detectados e outra com tarefas manuais que você deve concluir para garantir uma experiência mais inclusiva. Siga as orientações para melhorar a acessibilidade e consulte um especialista para garantir conformidade com as normas da sua região.

Alguns visitantes do site (como pessoas com deficiência ou dificuldades visuais) podem usar um recurso de zoom no navegador para ampliar o conteúdo e elementos que, em 100%, ainda não são grandes ou c...

Acessibilidade: conteúdo ampliado

Garanta que seu site seja acessível para todos, verificando se todo o conteúdo é claro e legível com um zoom de 200%. Aprenda a ajustar o zoom no seu navegador e utilize o Assistente de Acessibilidade para identificar e corrigir problemas. Este artigo oferece dicas sobre como evitar sobreposições de elementos fixados e garantir que seu conteúdo esteja sempre visível, melhorando a experiência dos visitantes com dificuldades visuais.

<div data-component-type="text"><div>Alguns visitantes do site (como pessoas com deficiência ou dificuldades visuais) podem usar um recurso de zoom no navegador para ampliar o conteúdo e elementos que, em 100%, ainda não são grandes ou claros o suficiente para serem vistos.</div></div><div data-component-type="text"><div>Garantir que seu site esteja totalmente visível no zoom é uma parte importante da acessibilidade, pois ajuda esses visitantes a visualizar e navegar pelo conteúdo. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Todo o conteúdo do seu site deve estar claro, visível e legível com um <strong>zoom de 200%</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-your-sites-zoom" level="3">Verificar o zoom do seu site</h2></div><div data-component-type="text"><div>Recomendamos verificar o zoom do seu site para garantir que todo o seu conteúdo esteja claro e visível a 200%. Você pode fazer isso nas configurações do seu navegador.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Confira como verificar no Chrome</h4><div class="collapsible-content"><ol>
  <li>Selecione o ícone <strong>Mais ações</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/a53b52b5-9ef9-4c51-a650-d3d64405ede7/656a564f-13b8-47be-a40f-b5d29b7d0e41.png" /> no canto superior direito do seu navegador.</li>  <li>Amplie o zoom clicando no ícone de <strong>Adição</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/5a2c2bb5-a459-4934-9d6c-9f7222655653/b5230cf0-4640-4dbf-834e-65d6d63fff3a.png" /> ou pressione <strong>Ctrl</strong> e <strong>+</strong> no teclado.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Confira como verificar no Safari</h4><div class="collapsible-content"><ol>
  <li>Selecione <strong>Visualizar</strong> na barra de ferramentas do navegador.</li>  <li>Aumente o nível de zoom clicando em <strong>Ampliar </strong>ou pressione <strong>cmd</strong> e <strong>+</strong> no teclado.</li></ol></div></div></div><div data-component-type="text"><div>Se estiver usando o Assistente de Acessibilidade para melhorar a acessibilidade do seu site, você pode verificá-lo usando as etapas acima e, em seguida, marcar como &quot;OK&quot; no Assistente. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Confira como</h4><div class="collapsible-content"><ol>
  <li>Verifique seu site com o Assistente de Acessibilidade e <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade#step-2-fix-detected-issues" target="">corrija os problemas detectados</a>. </li>  <li>Selecione <strong>Vá para a Etapa 2</strong>.</li>  <li>Selecione o cartão com o título <strong>Conteúdo ampliado </strong>e siga as etapas abaixo:
    <ol>
      <li>Visualize seu conteúdo em 200% de zoom para garantir que tudo esteja visível e legível.</li>      <li>Quando terminar, marque a caixa de seleção ao lado de <strong>Tudo pronto? Marque essa tarefa como concluída</strong>.</li>      <li>Selecione <strong>OK</strong>.</li>    </ol>  </li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/12/a4cfd05f-1799-4f5a-8baf-7fc99f1a3b9c/accbbffb-a3c1-4846-8110-a13d91ad8df9.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resolving-issues-in-zoomed-view" level="3">Solucionar problemas na visualização com zoom</h2></div><div data-component-type="text"><div>Ao verificar o conteúdo ampliado do seu site, você deve ter em mente algumas coisas que podem afetar a acessibilidade do seu site. Se você notar algum dos problemas a seguir, recomendamos resolvê-lo para garantir uma melhor experiência para seus visitantes.</div></div><div data-component-type="heading"><h2 id="pinned-elements" level="4">Elementos fixados</h2></div><div data-component-type="text"><div>Os elementos fixados são sempre visíveis no seu site online, mesmo quando os visitantes rolam para cima ou para baixo na página. Os elementos comumente fixados incluem menus e botões.</div></div><div data-component-type="text"><div>Se tiver fixado elementos à esquerda e à direita da tela, talvez você observe que eles se sobrepõem quando o zoom é aumentado. Elementos grandes fixados também podem bloquear outros conteúdos no seu site. </div></div><div data-component-type="text"><div>Você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-fixando-um-elemento#changing-the-settings-of-a-pinned-element" target="">alterar a posição dos elementos fixados</a> para evitar sobreposições ou bloqueio de conteúdo ou <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-copiando-e-colando-um-elemento#resizing-your-elements" target="">redimensionar os elementos</a> para diminuí-los.</div></div><div data-component-type="heading"><h2 id="elements-outside-the-gridlines" level="4">Elementos fora das linhas de grade</h2></div><div data-component-type="text"><div>O Editor Wix contém <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-linhas-de-grade-do-editor" target="">linhas de grade para ajudar você a manter o conteúdo do seu site visível em todos os tamanhos de tela</a>. Elementos que ficam fora das linhas de grade podem, portanto, não ser visíveis em telas menores ou quando um visitante aumenta o zoom.</div></div><div data-component-type="text"><div>Se o conteúdo do site for cortado quando você aumentar o zoom, recomendamos <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-copiando-e-colando-um-elemento#moving-your-elements" target="">mover o elemento para dentro das linhas de grade</a>. </div></div>

A navegação do site é a forma como os visitantes se movem pelas páginas e conteúdo do site. Um site deve ter vários métodos de navegação consistentes, pois isso pode torná-lo acessível a um público ma...

Acessibilidade: navegação no site

Descubra como melhorar a navegação do seu site Wix para torná-lo mais acessível a todos os visitantes. Aprenda a adicionar menus do site e uma barra de busca, facilitando a localização de conteúdo. O artigo também destaca a importância de manter uma navegação consistente em todas as páginas, garantindo que os elementos estejam sempre visíveis. Siga estas orientações para criar uma experiência de usuário mais fluida e intuitiva.

<div data-component-type="text"><div>A navegação do site é a forma como os visitantes se movem pelas páginas e conteúdo do site. Um site deve ter vários métodos de navegação consistentes, pois isso pode torná-lo acessível a um público mais amplo. Por exemplo, pode ser que para alguns visitantes seja mais fácil clicar e para outros digitar.</div></div><div data-component-type="text"><div>Atualmente existem 2 métodos disponíveis para adicionar ao seu site Wix: menus do site e busca no site.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">De onde o Wix obtém suas informações?</div><div class="info-content"><ul>
  <li>Fazemos recomendações de acordo com as <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês)</a> (em inglês), que foi desenvolvido pelo <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Este artigo baseia-se no <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways" target="_blank">critério de sucesso 2.4.5 (multiple ways)</a> e <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html" target="_blank">critério de sucesso 3.2.3 (consistent navigation)</a> (em inglês).</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-site-menu" level="3">Adicionar um menu do site</h2></div><div data-component-type="text"><div>Os menus do site são um método popular de navegação e geralmente são adicionados ao cabeçalho ou rodapé do site. Use-os para exibir páginas, seções e links para que os visitantes possam encontrar e acessar o conteúdo do site. </div></div><div data-component-type="text"><div>A maioria dos templates de site já contém menus. No entanto, você também pode adicionar um menu a partir do painel <strong>Elementos</strong> no editor do seu site.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-do-Wix-Studio" class="tab-heading heading-0">Editor do Wix Studio</div><div data-slug="Editor-Wix" class="tab-heading heading-1">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Elementos </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Menu e busca</strong>. </li>  <li>Selecione o tipo de menu que deseja (horizontal, vertical, etc).</li>  <li>Clique e arraste o menu para adicioná-lo ao seu site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/dffea31c-0991-4363-bc8a-04ec8a5a82e0/eecf09c5-5406-4ffe-b117-e5c99be0c5d0.jpg" alt="Elementos no Editor do Wix Studio. A opção Menu e busca está destacada e o cursor está clicando em um menu horizontal." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Elementos </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Menu e âncora</strong>.</li>  <li>Selecione o tipo de menu que deseja (horizontal, vertical, etc).</li>  <li>Clique e arraste o menu para adicioná-lo ao seu site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/bc582988-5eaa-42cd-80f0-26b27a01c3ef/b5bc7f2c-f64d-4db9-9889-e7c3e4879d87.jpg" alt="Elementos no Editor Wix. Menu e âncora está destacado e o cursor está clicando em um menu horizontal." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-site-search" level="3">Adicionar a Barra de Busca Wix</h2></div><div data-component-type="text"><div>A busca no site permite que os visitantes encontrem um conteúdo ou informações específicas por meio de uma barra de busca e exibe os resultados em uma lista. Isso pode melhorar a acessibilidade, pois os visitantes não precisam clicar/rolar pelo conteúdo para encontrar o que desejam.</div></div><div data-component-type="text"><div>Instale a Busca no site através do painel <strong>Elementos</strong> no seu editor. Se você já o instalou anteriormente, você pode adicionar uma nova barra de busca.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-do-Wix-Studio-0" class="tab-heading heading-0">Editor do Wix Studio</div><div data-slug="Editor-Wix-1" class="tab-heading heading-1">Editor Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Elementos </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Menu e busca</strong>. </li>  <li>Selecione <strong>Busca no site</strong>.</li>  <li>Adicione ao site:
    <ol>
      <li>(Se estiver instalando pela primeira vez) Clique em <strong>Adicionar ao site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>Clique e arraste a barra de busca escolhida para adicioná-la ao site.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/5d200efc-8767-4e43-b312-89dc083309da/62bdc851-deef-48bb-8ed8-e4790842a502.jpg" alt="Elementos no Editor do Wix Studio. A busca no site está destacada e o cursor está clicando no ícone para adicioná-lo." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Vá para o seu editor</a>.</li>  <li>Clique em <strong>Elementos </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> no lado esquerdo do editor.</li>  <li>Clique em <strong>Menu e âncora</strong>.</li>  <li>Selecione <strong>Busca no site</strong>.</li>  <li>Adicione ao site:
    <ol>
      <li>(Se estiver instalando pela primeira vez) Clique em <strong>Adicionar ao site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>Clique e arraste a barra de busca escolhida para adicioná-la ao site.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/02/8e38590b-5cea-4649-901c-4d213dda9efb/8e451a50-f4f7-4d8b-b000-ffc2be02e290.jpg" alt="Adicionar elementos no Editor Wix. A busca no site está destacada e o cursor está clicando para adicioná-la ao site." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">É importante saber que:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/wix-editor-sobre-wix-site-search#visitors-can-search-for-the-content-they-need" target="">Alguns elementos/conteúdo do site não podem ser encontrados através da busca no site</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é a próxima etapa?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/adicionar-e-configurar-o-wix-site-search" target="">Configure a busca no site</a> para que ela fique e se comporte como você quiser.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="consistent-site-navigation" level="3">Navegação consistente no site</h2></div><div data-component-type="text"><div>Depois de adicionar os métodos de navegação do site, você deve se certificar de que eles estão visíveis na mesma posição em todas as páginas do site.</div></div><div data-component-type="text"><div>Se você estiver criando um site com o Editor do Wix Studio, você pode anexar os elementos de navegação ao <a data-composite="true" href="https://support.wix.com/pt/article/editor-do-wix-studio-usar-seções-master" target="">cabeçalho, rodapé ou uma seção master</a>.</div></div><div data-component-type="text"><div>Com o Editor Wix, você pode anexar elementos de navegação ao <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-organizando-o-conteúdo-nas-páginas-do-seu-site" target="">cabeçalho ou rodapé do site</a>. Se você preferir exibi-los no corpo da página, você pode <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-mostrando-um-elemento-em-todas-as-páginas" target="">configurá-los para que apareçam em todas as páginas</a>.</div></div>

A acessibilidade do site garante que todas as pessoas possam acessar, navegar e aproveitar um site. Algumas pessoas utilizam a internet de maneiras diferentes, e é importante adaptar os sites que você...

Acessibilidade: verificar a acessibilidade do site com o monitor de acessibilidade

Descubra como garantir que seu site seja acessível a todos, utilizando o monitor de acessibilidade do Wix. Esta ferramenta verifica seu site em busca de problemas de acessibilidade e permite que você os resolva facilmente através do assistente de acessibilidade no editor. Aprenda a acessar o monitor e a melhorar a experiência de navegação para todos os usuários, assegurando que seu site atenda aos padrões de acessibilidade.

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-acessibilidade-na-web" target="">A acessibilidade do site</a> garante que todas as pessoas possam acessar, navegar e aproveitar um site. Algumas pessoas utilizam a internet de maneiras diferentes, e é importante adaptar os sites que você cria para acolher essas experiências.</div></div><div data-component-type="text"><div>Existem várias maneiras de verificar e melhorar a acessibilidade de um site com o Wix, incluindo o monitor de acessibilidade. Essa é uma ferramenta que verifica um site Wix online em busca de possíveis problemas de acessibilidade e exibe o status no painel de controle do site.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Embora o Wix esteja sempre se esforçando para melhorar nossos produtos e serviços, não podemos garantir que seu site estará em conformidade com as leis e regulamentos de acessibilidade da sua região. Recomendamos consultar um especialista em acessibilidade para garantir que seu site esteja de acordo com os padrões da sua região.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-using-the-accessibility-monitor" level="3">Verificar e usar o monitor de acessibilidade</h2></div><div data-component-type="text"><div>Abra o monitor no painel de controle do seu site para verificar o status de acessibilidade do seu site online. Se algum problema for detectado, você pode usar o monitor para abrir o assistente de acessibilidade no seu editor e resolvê-lo.</div></div><div data-component-type="heading"><h2 id="" level="4">Para usar o monitor de acessibilidade:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Ir%20para%20painel%20de%20controle&amp;title=Selecione%20um%20site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">Acesse o painel de controle do seu site</a>.</li>  <li>Passe o mouse sobre <strong>Site e app mobile</strong> no menu à esquerda. </li>  <li>Selecione <strong>Site </strong>em<strong> Site e SEO</strong>.</li>  <li>Verifique o cartão de <strong>Acessibilidade</strong>.</li>  <li>(Se forem identificados problemas) Clique em <strong>Corrigir problemas </strong>para abrir o assistente de acessibilidade no seu editor (Editor do Wix Studio ou Editor Wix).</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade" target="">Siga os passos no assistente</a> para melhorar a acessibilidade do site.</li>  <li>Salve e publique as alterações.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/09/94191cdb-eaf0-4e1f-ae84-db89fdd2f66a/4c4fe0e2-704d-4839-a08e-ec57a0b6e224.jpg" alt="Um painel de controle do site Wix. O widget do monitor de acessibilidade está destacado. A opção" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Perguntas frequentes</h2></div><div data-component-type="text"><div>Clique nas perguntas para saber mais sobre o monitor de acessibilidade.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Em quais criadores de sites o monitor está disponível?</h4><div class="collapsible-content"><div>O monitor de acessibilidade está disponível para sites criados no Editor Wix e no Editor do Wix Studio.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Qual é a diferença entre o Assistente de acessibilidade e o monitor?</h4><div class="collapsible-content"><div>O monitor de acessibilidade identifica problemas <strong>apenas</strong> na versão publicada do site. O assistente de acessibilidade identifica problemas na versão salva do site (que você ainda não publicou).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Com que frequência devo verificar o monitor?</h4><div class="collapsible-content"><div>Recomendamos verificar o monitor toda vez que você publicar novas alterações em um site, para que você possa continuar melhorando sua acessibilidade ao expandir sua marca ou conteúdo. </div></div></div></div>

Pode haver problemas adicionais de contraste de cores no site que o assistente não identificou. Recomendamos revisar manualmente o contraste para garantir que o conteúdo do site esteja claro e visível...

Analisar o contraste de cores

Descubra como revisar e melhorar o contraste de cores no seu site para garantir que todo o conteúdo seja claro e acessível a todos os visitantes. Aprenda sobre a importância do contraste, como usar o add-on Verificador de contraste para ajustar as cores de acordo com as Diretrizes de Acessibilidade para o Conteúdo Web (WCAG), e quais são as taxas de contraste necessárias para diferentes elementos. Garanta que seu site seja inclusivo e fácil de navegar.

<div data-component-type="text"><div>Pode haver problemas adicionais de contraste de cores no site que o assistente não identificou. Recomendamos revisar manualmente o contraste para garantir que o conteúdo do site esteja claro e visível para os visitantes.</div></div><div data-component-type="text"><div>Clique nas perguntas abaixo para saber mais.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">O que é contraste de cores e por que ele é importante? </h4><div class="collapsible-content"><div>O contraste de cores refere-se à diferença percebida no contraste entre duas cores.</div><div>A diferença no brilho percebido das cores é expresso como uma proporção que varia de 1:1 (sem contraste) a 21:1 (forte contraste).</div><div><br /></div><div>Visitantes que tenham alguma deficiência ou condição visual podem exigir um contraste de cores mais forte para visualizar o conteúdo. Criar um forte contraste de cores é importante, pois garante que todos os visitantes possam visualizar e interagir com o site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como faço para revisar manualmente o contraste de cores?</h4><div class="collapsible-content"><ol>
  <li>Verifique se o elemento não está se &quot;camuflando&quot; com o background.</li>  <li>Selecione o elemento no seu editor para verificar seu tamanho (por exemplo, um texto não em negrito com menos de 18px é mais difícil de ver) e aumentá-lo conforme necessário.</li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/aplicativos-wix-verificador-de-contraste">Use o add-on Verificador de contraste</a> para verificar o contraste do elemento e ajuste manualmente as cores conforme necessário.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/07/24/9544d0be-3a2b-4329-963d-344857799550/13e146d3-f3f9-42e7-b19e-9ceac88df119.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Como o add-on Verificador de contraste ajuda com problemas de contraste?</h4><div class="collapsible-content"><div>Usando o <a data-composite="true" href="https://support.wix.com/pt/article/aplicativos-wix-verificador-de-contraste">add-on Verificador de contraste</a>, você pode criar um contraste que seja compatível com a WCAG, copiar os códigos de cores e atualizar o design do elemento.</div><ol>
  <li>Ajuste as cores do primeiro plano e do background no Verificador de contraste para a proporção recomendada.</li>  <li>Copie os códigos das cores no canto inferior direito do seletor.</li>  <li>Selecione o elemento relevante no seu editor e abra as configurações de design.<br />
<strong>Observação:</strong> essa etapa depende do elemento e/ou do seu editor.</li>  <li>Abra o seletor de cores.</li>  <li>Clique em <strong>Adicionar</strong> ao lado de <strong>Minhas cores</strong>.</li>  <li>Cole o código copiado no campo.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/07/24/954eaaa8-eabc-4943-b378-380fd991c09e/b202bfb1-e8e2-4e42-94df-a7e1872c5d0b.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Qual é a taxa de contraste de cores necessária?</h4><div class="collapsible-content"><div>A taxa de contraste de cores necessária depende do tipo do elemento e do nível das <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG)</a> que você deseja alcançar. Pode ser <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html" target="_blank">AA (o requisito mínimo)</a>, ou <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html" target="">AAA (melhorado)</a> (links em inglês):</div><div><br /></div><ul>
  <li><strong>Texto pequeno: </strong>texto menor que 24px (18pts):
    <ul>
      <li><strong>AA:</strong> 4.5:1 e superior</li>      <li><strong>AAA:</strong> 7:1 e superior</li>    </ul>  </li>  <li><strong>Texto grande:</strong> texto maior que 24px (18pts) ou texto maior que 18px (14pts) e negrito:  
    <ul>
      <li><strong>AA:</strong> 3:1 e superior</li>      <li><strong>AAA:</strong> 4.5:1 e superior</li>    </ul>  </li>  <li><strong>Componentes não textuais</strong> (por exemplo: ícones):
    <ul>
      <li><strong>A</strong><strong>A:</strong> 3:1 e superior</li>    </ul>  </li></ul><div><br /></div><div><strong>Observação:</strong> no momento, apenas o nível AA é necessário no assistente de acessibilidade.</div>   </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Por que não consigo revisar o contraste de cores no assistente de acessibilidade?</h4><div class="collapsible-content"><div>Estamos sempre trabalhando para tornar a acessibilidade um processo simples, e o assistente fornece uma variedade de soluções dentro do produto. No entanto, alguns recursos e elementos não estão totalmente integrados ao assistente e precisam ser verificados manualmente.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer obter mais informações?</div><div class="info-content"><div>As <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG)</a> contêm mais explicações e diretrizes sobre:</div><ul>
  <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html" target="_blank">Requisitos mínimos de contraste (nível AA)</a></li>  <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html" target="_blank">Requisitos de contraste aprimorado (nível AAA)</a></li></ul></div></div></div>

Como começar

Escolha o seu template

Contrate um profissional para criar o seu site

Confira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.

Primeiros passos

Confira como usar o Wix para construir seu site e negócio.

Noções básicas do Editor Wix

Use as ferramentas do Editor

Layout do site

Faixas e colunas

Estruture o seu site

Personalize seu site

Páginas

Gerencie páginas e menus

Texto

Botão

Contêineres e caixas

Slideshow

Formas e linhas

Adicione e personalize elementos

Imagem

Galeria

Vídeo

Documentos e arquivos

Adicione arquivos e mídia

Trabalhe com elementos

Use efeitos e animações

Compartilhe e divulgue seu site

Adicione elementos avançados

Visualização mobile

Recursos mobile

Páginas mobile

Background no mobile

Layout do site mobile

Elementos mobile

Texto no mobile

Mídia no mobile

Outros elementos no mobile

Solucionando problemas no site online

Mobile

Soluções de problemas do Editor

Use o Editor Wix

Use seu painel de controle

Configurações do site

Gerencie funções e permissões

Gerencie seu site

Comece a usar a IA

Use a IA para criar e gerenciar seu site

Use a IA para configurar o seu negócio

Agente de marketing com IA

Agente personalizado com IA

Agente de atendimento

Use agentes de IA

Ferramentas de IA

Conheça o editor

Use as ferramentas do editor

Estruture seu site

Adicione animações e efeitos

Estabeleça a identidade do site

Faça o design do site

Solução de problemas do site

Use o Editor do Wix Harmony

Gerenciador de mídia - Básico

Faça upload de mídia 

Compre arquivos de mídia

Gerencie seus arquivos de mídia

Problemas com mídia

Adicione e gerencia sua mídia

Use o Pro Gallery

Edite imagens (Wix Photo Studio)

Comece a usar o Wixel

Crie e gerencie projetos

Faça o design com o Wixel

Sobre upgrade e gerenciamento da conta

Wixel

Gerencie sua mídia

Comece a usar o Wix Multilíngue 

Traduza seu site

Gerencie seus idiomas

SEO no Wix Multilíngue

Crie um site multilíngue

Privacidade e GDPR

Sobre acessibilidade

Torne o seu site acessível

Recursos avançados de acessibilidade

Crie um site acessível

Sobre o CMS (antigo Gerenciador de Dados)

Use o CMS (antigo Gerenciador de Dados)

Conecte conteúdo de coleções do CMS ao site

Trabalhe com páginas dinâmicas e CMS

Conecte elementos de entrada do usuário ao CMS

Use o CMS com outros produtos Wix

Recursos avançados do CMS

Wix para desenvolvedores

Sites de teste

Logins SSO

Wix Blocks

Recursos avançados

Aprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.

Crie o seu site

Personalize e gerencie seu site com os recursos do Wix.

Altere as configurações da conta

Problemas de login

Gerencie sua conta

Faça upgrade para um plano Premium

Planos Premium

Domínios Wix

Contas de email Google Workspace

Gerencie suas assinaturas

Cobranças, pagamentos e impostos

Faturas para Serviços Wix

Use promoções e cupons

Faturamento e assinaturas Premium

Revise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.

Conta e faturamento

Gerencie seu site no app Wix

Princípios dos apps mobile

Personalize seu próprio app mobile

Gerencie seu próprio app mobile

Envie seu app mobile para aprovação

Construa seu próprio app mobile

Personalize seu site nos apps de membros Wix

Gerencie seu site nos apps de membros Wix

Use os apps mobile como membro

Use os apps de membros Wix

Apps mobile para clientes

Use o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.

Use os apps mobile do Wix

Administre seu negócio e conecte-se com os membros.