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

<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 do DOM de um site

<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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-sites" level="3">Ordem do 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 do DOM com base na ordem visual dos elementos: da esquerda para a direita e de cima para baixo. 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="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>A ordem automática do DOM nos sites Wix em desktop foi criada para scripts da esquerda para a direita (por exemplo: inglês, espanhol, etc). Se o seu site usa um script da direita para a esquerda, como árabe ou hebraico, você precisa reorganizar manualmente a ordem do DOM no painel Camadas.</div></div></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 do 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 com deficiência visual a escanear o conteúdo do site e a 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 do 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 do 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 do DOM do seu site?</div><div class="info-content"><div>Você pode testar a ordem automática do DOM do seu site 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 trabalhar em um site do Editor do Wix Studio, você pode ver a opção de organizar automaticamente sua ordem do DOM no Assistente de Acessibilidade. 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 do DOM de um site</h2></div><div data-component-type="text"><div>Se você perceber que a ordem do DOM do seu site não é lógica, recomendamos alterá-la para garantir uma melhor experiência para os visitantes. </div></div><div data-component-type="text"><div>Use o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de Acessibilidade</a> e o painel Camadas 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 do 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 do DOM para seu site, você precisa desativá-la nas <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">configurações avançadas do Assistente de Acessibilidade</a>. Você pode então ajustar manualmente a ordem dos elementos do DOM no painel Camadas do seu site conforme necessário.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar as configurações e a ordem do DOM do seu site:</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>Clique no ícone <strong>Mais ações </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> na parte superior do painel do Assistente de Acessibilidade. </li>  <li>Selecione <strong>Configurações avançadas</strong>. </li>  <li>Selecione <strong>Ordem automática do DOM</strong>.</li>  <li>Desative a alavanca no painel.</li>  <li>Selecione <strong>Desativar</strong> na janela pop-up.</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/18/ab92122b-479b-488b-953b-e80c7fee2f0c/0180414f-feaa-40a8-bb4b-c7eb1eec76a8.jpg" alt="O painel de configurações avançadas do assistente de acessibilidade. A alavanca de Ordem automática do DOM foi desativada." /></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 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 as mesmas etapas.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Dependendo das necessidades do site e/ou do script, 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 o site inteiro</a>. Você pode então ajustar manualmente o pedido conforme necessário.</div></div><div data-component-type="heading"><h2 id="" level="4">Para organizar manualmente a ordem do 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>Volte para 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 do site</a> para continuar trabalhando na acessibilidade do seu site.</div></div></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

<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. Ao adicionar alternativas aos arquivos de mídia (por exemplo: transcrições e descrições de áudio), você po...

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

<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. Ao adicionar alternativas aos arquivos de mídia (por exemplo: transcrições e descrições de áudio), você pode fornecer mais maneiras para que esses visitantes acessem e aproveitem o conteúdo.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-media-without-sound" level="3">Adicionar descrições de texto à mídia sem som</h2></div><div data-component-type="text"><div>Se o seu site tiver GIFs ou vídeos que não tiverem som, pode ser que os visitantes com deficiência visual não consigam acessá-los.</div></div><div data-component-type="text"><div>Recomendamos adicionar uma descrição de texto à mídia que descreve os eventos que estão ocorrendo. Por exemplo, o texto de descrição desse GIF pode ser: <em>Um GIF do sol com a palavra &quot;Novo&quot; piscando sobre ele.</em></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="text"><div>Isso melhora a acessibilidade do seu site, pois os leitores de tela podem &quot;ler&quot; a descrição e informar o visitante sobre o conteúdo da mídia. <a data-composite="true" href="https://www.w3.org/WAI/media/av/description/" target="_blank">Saiba mais sobre descrições de texto para mídia</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-transcripts-to-audio-files" level="3">Adicionar transcrições de texto a arquivos de áudio</h2></div><div data-component-type="text"><div>Você deve anexar transcrições de texto a todos os arquivos de áudio que você carregar no seu site. Isso melhora a acessibilidade, pois garante que os visitantes surdos ou com deficiência auditiva possam acessar e aproveitar esse conteúdo.</div></div><div data-component-type="text"><div>Você pode criar uma transcrição escrevendo-a em um documento e, em seguida, conectando o documento abaixo ou acima do arquivo de áudio. <a data-composite="true" href="https://www.w3.org/WAI/media/av/transcripts/" target="_blank">Saiba mais sobre como criar transcrições para seus arquivos de áudio</a></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="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Você pode vincular sua transcrição <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-um-link-ao-texto#hyperlinking-text" target="">por meio de texto</a>, ou <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-um-link-a-um-botão#adding-a-link-to-your-button" target="">com um botão</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-videos" level="3">Adicionar legendas aos vídeos</h2></div><div data-component-type="text"><div>Adicionar legendas aos seus vídeos é uma boa maneira de garantir que os visitantes com alguma condição auditiva ou cognitiva possam entender e aproveitar o seu conteúdo. </div></div><div data-component-type="text"><div>As legendas do tipo &quot;closed caption&quot; não contêm apenas legendas, elas também incluem a descrição de sons que não fazem parte do diálogo. Por exemplo, as legendas na captura de tela do vídeo abaixo incluem a música de fundo. <a data-composite="true" href="https://www.w3.org/WAI/perspective-videos/captions/" target="">Saiba mais sobre legendas de vídeo</a></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="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, pois elas também são úteis para espectadores que podem não falar o idioma usado no seu vídeo.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-audio-descriptions-to-videos" level="3">Adicionar descrições de áudio aos vídeos</h2></div><div data-component-type="text"><div>As descrições de áudio são um tipo de áudio que é adicionado aos vídeos para melhorar a acessibilidade. Eles o fazem ao descrever eventos para visitantes que têm condições visuais e que podem contar com o áudio para navegar e entender o conteúdo do seu site. </div></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>As descrições de áudio são adicionadas entre um diálogo e outro áudio importante, para que o público possa ouvi-las 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://digital.gov/2014/06/30/508-accessible-videos-how-to-make-audio-descriptions/" target="_blank">Saiba mais sobre como fazer descrições de áudio</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-live-events" level="3">Adicionar legendas a eventos ao vivo</h2></div><div data-component-type="text"><div>Recomendamos adicionar legendas a todos os eventos ao vivo que você transmitir no seu site. Isso garante que os visitantes surdos ou com deficiência auditiva também possam vê-los e aproveitá-los. </div></div><div data-component-type="text"><div>Existem dois métodos para adicionar legendas a eventos ao vivo no seu site:</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>

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

<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

<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

<div data-component-type="text"><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 cores em seu site conforme necessário.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="our-recommendations" level="3">Nossas recomendações</h2></div><div data-component-type="text"><div>A fim de aumentar a acessibilidade para visitantes com necessidades visuais diferentes, recomendamos o seguinte:</div></div><div data-component-type="text"><ul><li>Configurar o contraste de cores de texto e background para 4.5:1 para textos normais e 3:1 para textos maiores.</li><li>Raio de contraste de pelo menos 3:1 para componentes gráficos e de interface (como margem de formulários, placeholders, etc).</li><li>Nível AAA exige um raio de contraste de pelo menos 7:1 para textos normais e 4.5:1 para textos maiores.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">É importante saber:</div><div class="info-content"><div>Um texto grande é definido como acima de 14 pontos (aproximadamente 18 px) e negrito ou 18 pontos (aproximadamente 24 px).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="finding-color-codes" level="3">Encontrar códigos de cores</h2></div><div data-component-type="text"><div>Você pode encontrar os códigos de cores em qualquer criador de sites que esteja usando (Editor do Wix Studio ou Editor Wix).</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><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecione o elemento relevante (texto, faixa de background, caixa contêiner, etc.) e acesse o <strong>Seletor de cores</strong>.</li>  <li>Passe o mouse sobre qualquer uma das cores para ver seu código.</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/987e1f71-14d9-4355-9600-9fdae03039c0/2e535f26-c7cd-4b48-bf08-f17406fc74a3.png" alt="O seletor de cores no Editor Wix. O cursor está passando sobre uma cor e o código está destacado no painel." /></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 relevante.</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/03/27/47734c09-bad3-4bdd-a746-bc02bf3a0ffa/dca4f55c-86e0-45a6-955b-2464a10b380f.png" alt="The open inspector arrow is being clicked 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>Clique na caixa de cores para abrir o seletor de cores.</li>  <li>Passe o mouse sobre a cor para ver o código.</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/a94613b8-833d-4fca-b2fe-bc88952971c9/8159577b-28c9-4533-b5dd-e8b00dce4247.jpg" alt="O seletor de cores no Editor do Wix Studio. O cursor está passando sobre uma cor e o código está destacado no painel." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Testando contrastes de cores:</div><div class="info-content"><div>Existe uma série de sites e plug-ins de navegadores, como o <a href="https://webaim.org/resources/contrastchecker/" target="_blank">Contrast Checker</a>, que testam o contraste das cores comparando a cor do texto com a cor do background (utilizando os códigos das cores). Para verificar o contraste da cor do texto sobre uma imagem de background, recomendamos o uso do <a href="https://developer.paciellogroup.com/resources/contrastanalyser/" target="_blank">Colour Contrast Analyser</a>, que permite escolher a cor do background e testar.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-color-contrast" level="3">Ajustar o contraste das cores</h2></div><div data-component-type="text"><div>Você pode usar o Assistente de Acessibilidade no seu editor para encontrar e ajustar qualquer contraste baixo de cores em um site. Não importa se você está usando o Editor Wix ou o Editor do Wix Studio. O assistente verifica seu site em busca de possíveis problemas de acessibilidade e destaca maneiras de melhorar a acessibilidade do 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>Clique em <strong>Configurações </strong>na parte superior do seu editor.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Selecione <strong>Verificar site</strong>.</li>  <li>Selecione cartões chamados <strong>Contraste de cores</strong>.</li>  <li>Use o slider para ajustar a cor do texto e do background.</li>  <li>Selecione <strong>Aplicar Alterações</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/df090a3b-8288-4687-b670-206f42e37cd4/23ddf314-fc74-4bb4-8064-8262b32ee11a.jpg" alt="Um contraste de cores está aberto no Assistente. O contraste foi ajustado e o cursor está passando sobre Aplicar alterações." /></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</strong> <strong>problemas de acessibilidade.</strong></li>  <li>Clique em <strong>Escanear site</strong>.</li>  <li>Clique na aba <strong>Problemas identificados</strong>.</li>  <li>Selecione uma página da lista.</li>  <li>Clique no dropdown <strong>Melhore o contraste de cores</strong>.</li>  <li>Clique no elemento relevante e ajuste a proporção de contraste usando os sliders.</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/03/27/c2283c4a-2bf4-439e-963b-b32601aafa28/289fd9fa-27da-408d-90d6-4b3efb326bb6.jpg" alt="O dropdown de contraste de cores está aberto em um elemento de texto. O contraste foi ajustado e o cursor está clicando em Aplicar." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Exibindo gráficos ou dados no seu site?</div><div class="info-content"><div>O alto contraste de cores é uma ótima maneira de exibir dados em seu site. No entanto, também recomendamos o uso de outros indicadores (como texturas e padrões) para diferenciar as informações.</div></div></div></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 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

A hierarquia do seu site (sua estrutura) ajuda os navegadores 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 seu...

Acessibilidade: preparar a estrutura do site

<div data-component-type="text"><div>A hierarquia do seu site (sua estrutura) ajuda os navegadores 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="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>Adicionar títulos ao corpo da página:</strong> os H1s adicionados a um cabeçalho do site aparecem em todas as páginas onde o cabeçalho é exibido. Portanto, recomendamos adicionar títulos ao corpo da página.<br /> <strong>Dica:</strong> se você tiver um site de uma só página, 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" level="3">Adicionar tags HTML ao texto</h2></div><div data-component-type="text"><div>Adicione tags HTML ao texto do site para definir sua hierarquia. Você pode definir a tag nas configurações/design do texto no seu editor ou selecioná-la no Assistente de Acessibilidade (somente para sites com o Editor Wix). </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 data-slug="Assistente-de-Acessibilidade" class="tab-heading heading-2">Assistente de Acessibilidade</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <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.</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>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 <strong>Configurações</strong>.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Selecione <strong>Verificar site</strong>.</li>  <li>Selecione os cartões chamados <strong>Definição do cabeçalho</strong>.</li>  <li>Selecione a tag HTML relevante no dropdown.</li>  <li>Clique em <strong>Definir cabeçalho</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/07/cac03724-c700-4ba6-846d-adfcc8518a0f/5843629d-dfa8-4e85-9150-91f8932579f4.jpg" alt="O cartão de definição do cabeçalho no assistente. O cursor está clicando no botão Definir cabeçalho." /></div></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>O Assistente de Acessibilidade <a data-composite="true" href="https://support.wix.com/pt/article/pedido-editor-do-wix-studio-assistente-de-acessibilidade" target="">não está disponível no Editor do Wix Studio</a></div></div></div></div></div></div></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 da 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" target="_blank">Saiba mais sobre como organizar a ordem do seu site</a></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 do site</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

<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 deve 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 que você tenha que alterar o idioma de um site com um único idioma no Assistente de Acessibilidade. Use as etapas para atualizar o idioma no seu criador de sites.</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><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>(Apenas na primeira vez) Clique em <strong>Verificar site </strong>no painel do Assistente de Acessibilidade à direita. </li>  <li>Selecione <strong>Configurações</strong> na parte superior do seu editor.</li>  <li>Clique em <strong>Todas as páginas</strong> na Etapa 1.</li>  <li>Clique no dropdown em <strong>Qual é o idioma principal do seu site? </strong>e selecione o idioma do seu site.</li>  <li>Clique em <strong>Definir idioma do site</strong>.</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>O cartão só aparece se o idioma do seu site não corresponder ao idioma do próprio conteúdo (por exemplo: o idioma do site está definido como inglês, mas o texto do site está em espanhol).</div></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 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>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="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Mesmo que o Assistente de Acessibilidade não indique o idioma do site, você ainda pode verificá-lo e alterá-lo no painel.</div></div></div></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 do site</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 Multilíngue?</h4><div class="collapsible-content"><div>Se você adicionou o 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

<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

<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="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, Ao passar o mouse e Erro) pode criar uma experiência visual lógica. Recomendamos personalizar o design para o estado Ao passar o mouse, por exemplo, para que os visitantes saibam com qual parte do formulário 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 Ao passar o mouse é 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>Ao passar o mouse</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>Ao passar o mouse</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 Ao passar o mouse.</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 Ao passar o mouse 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>Os indicadores visuais podem ajudar pessoas com diferentes necessidades de visão/mobilidade a navegar no seu site. Quando você as ativa, os visitantes que usam a tecla Tab podem ver 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 do site</a> para continuar melhorando seu site e deixá-lo mais acessível. </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

<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>

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

<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

<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 na web garante que todos, incluindo pessoas com deficiência, possam acessar, navegar e aproveitar o seu site. Alguns visitantes interagem com os sites de forma diferente. É im...

Acessibilidade: verificar a acessibilidade do site com o monitor 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 na web</a> garante que todos, incluindo pessoas com deficiência, possam acessar, navegar e aproveitar o seu site. Alguns visitantes interagem com os sites de forma diferente. É importante adaptar seu site para acomodar essas interações.</div></div><div data-component-type="text"><div>Existem várias maneiras de verificar e melhorar a acessibilidade do seu site, incluindo o monitor de acessibilidade. Ele é uma ferramenta que analisa seu site online em busca de possíveis problemas de acessibilidade e exibe o status no painel de controle do seu site.</div></div><div data-component-type="text"><div><strong>Neste artigo, confira como:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-verificar-a-acessibilidade-do-site-com-o-monitor-de-acessibilidade#checking-and-using-the-accessibility-monitor" target="">Verificar e usar o monitor de acessibilidade</a></li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-verificar-a-acessibilidade-do-site-com-o-monitor-de-acessibilidade#faqs" target="">Perguntas frequentes</a></li></ul></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 forem identificados problemas, você pode usá-lo para abrir o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de Acessibilidade</a> no editor Wix e resolvê-los.</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>.</li>  <li>Siga as <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade" target="">etapas no Assistente</a> para melhorar a acessibilidade do seu 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>Assim como o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de acessibilidade</a>, o monitor só está disponível para sites criados no editor Wix.</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 seu site. O <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de acessibilidade</a> identifica problemas na versão salva do seu site (que talvez você ainda não tenha publicado).</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 seu site, para que você possa continuar melhorando a acessibilidade do seu site enquanto expande sua marca ou negócio. </div></div></div></div>

O Assistente de Acessibilidade é uma ferramenta que pode ajudar você a tornar seu site mais acessível para seus visitantes. Dependendo do tipo de conteúdo visual ou de back-end que você tem no seu sit...

Acessibilidade: solução de problemas com o Assistente de Acessibilidade

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">O Assistente de Acessibilidade</a> é uma ferramenta que pode ajudar você a tornar seu site mais acessível para seus visitantes. </div></div><div data-component-type="text"><div>Dependendo do tipo de conteúdo visual ou de back-end que você tem no seu site, você pode encontrar alguns problemas ao usar o Assistente. Use as opções no artigo para saber mais sobre esses problemas e suas possíveis soluções.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="color-contrast-on-images" level="3">Contraste de cores nas imagens</h2></div><div data-component-type="text"><div>Para deixar o texto do seu site bem visível, o Assistente sinaliza todas as áreas que não têm um nível de contraste de cores de 3,0 e acima para textos grandes e 4,5 para textos normais. Você pode ver uma dessas notificações quando tiver contraste de cores suficiente, mas tiver texto colocado em uma imagem.</div></div><div data-component-type="text"><div>O Assistente calcula o contraste com base na claridade do texto e do background da <strong> seção</strong> ou <strong>faixa</strong> em que a imagem está. Portanto, para resolver esse problema, você precisa alterar a claridade (tom) do texto ou do background.</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/2023/10/09/c812240a-0c56-4aa0-b9fa-43dc354f15a7/08739e7c-686f-4901-8726-7f5ab07cd7aa.png" alt="O Assistente em um site no Editor. O contraste de cores do texto na parte superior de uma imagem foi sinalizado." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="color-contrast-in-containers" level="3">Contraste de cores em contêineres</h2></div><div data-component-type="text"><div>Se você colocar texto em cima de uma caixa contêiner sem anexá-lo ao contêiner, o cálculo de contraste de cores não estará correto. Como resultado, pode ser que você veja um cartão sinalizando um problema com o contraste. </div></div><div data-component-type="text"><div>Isso ocorre porque o Assistente não reconhece o contêiner como background e, em vez disso, calcula o contraste com base no background em que o contêiner está (por exemplo: uma faixa ou seção).</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/2023/10/09/6f65f80f-8446-49a0-a50f-3330d2d21b8b/5db8ead6-5482-4241-8ebb-c119c7fa8f33.png" alt="O Assistente em um site no Editor. O contraste de cores do texto foi sinalizado, embora esteja em cima de um contêiner." /></div></div><div data-component-type="text"><div>Para resolver esse problema, você precisa anexar o texto à caixa contêiner. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Confira como anexar texto a um contêiner</h4><div class="collapsible-content"><ol>
  <li>Selecione a caixa de texto relevante no seu editor.</li>  <li>Arraste-o para fora da caixa e solte-o na seção/faixa.</li>  <li>Clique na caixa de texto novamente e arraste-o para a posição desejada na caixa contêiner.</li>  <li>Solte o texto quando vir a mensagem <strong>Anexar à caixa</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/2024/08/29/1a63f890-0d32-4904-9f8f-9c06c1b93f80/426cf749-0e3c-4260-87bf-bd0423df6677.png" alt="Uma captura de tela de uma caixa no editor. O cursor arrastou texto sobre ela. O texto" anexar="Anexar" à="à" caixa="caixa" aparece="aparece" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="heading-tags-on-your-pages" level="3">Tags de cabeçalho nas páginas</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/gerenciar-as-tags-de-cabeçalho-da-sua-página" target="">Tags de cabeçalho</a> definem a hierarquia do conteúdo da sua página e permitem que os visitantes naveguem por ela. Se você não definir o texto na sua página, o Assistente pode exibir cartões solicitando que você defina o cabeçalho principal da página e as tags de cabeçalho de outros textos.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solução de problemas de tags de cabeçalho</h4><div class="collapsible-content"><div>Você pode ver tags duplicadas em um cabeçalho. Isso ocorre quando o texto do cabeçalho contém uma quebra de linha. Recomendamos remover a quebra sempre que possível ou remover as tags duplicadas.</div><div><br /></div><div>Se você colou seu texto de uma fonte externa, pode haver diferentes tags de cabeçalho em uma única caixa de texto. Sugerimos usar caixas de texto separadas para cada tag HTML para melhorar a acessibilidade e garantir que seu site seja verificado com precisão.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solução de problemas de cabeçalhos das páginas</h4><div class="collapsible-content"><div>O cabeçalho principal da sua página (H1) deve ser o título da página e deve descrever o conteúdo da página (por exemplo: casa, projetos, etc). Como cada título da página deve ser exclusivo, ele não deve: </div><div><br /></div><ul>
  <li>Estar anexado a uma seção que aparece em todas as páginas (o cabeçalho do site).</li>  <li>Estar definido para <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-mostrando-um-elemento-em-todas-as-páginas" target="">aparecer em todas as páginas</a></li></ul><div><br /></div><div>Se for solicitado que você defina o cabeçalho da página novamente, verifique se ele não está no cabeçalho ou definido para aparecer em todas as páginas.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Você vê os cartões Cabeçalho principal e Definição do cabeçalho no Assistente?</div><div class="info-content"><div>Recomendamos resolver o cartão Cabeçalho principal primeiro. Isso resolve automaticamente um dos cartões Definição do cabeçalho, para que você não precise definir o texto novamente.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linked-text" level="3">Hiperlink</h2></div><div data-component-type="text"><div>Você pode ver um cartão no Assistente sinalizando um hiperlink no seu site ou incentivando você a verificá-lo manualmente. Isso ocorre porque um hiperlink genérico (como &quot;Leia mais&quot;) não descreve claramente o que acontece quando os visitantes clicam nele.</div></div><div data-component-type="text"><div>Recomendamos que você se certifique de que qualquer hiperlink que você adicionar ao seu site seja descritivo e aconselhe os visitantes sobre sua função (por exemplo: &quot;Leia as avaliações do nosso programa&quot;).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="alt-text-and-cms" level="3">Alt text e CMS</h2></div><div data-component-type="text"><div>Se você conectar uma imagem a um conjunto de dados e adicionar alt text a ela através da conexão, pode ser que você tenha que adicionar alt text novamente no Assistente de Acessibilidade. Isso ocorre porque o Assistente não lê os conjuntos de dados do seu site e coleta as informações das configurações da imagem.</div></div><div data-component-type="text"><div>Para resolver/evitar o cartão de alt text, recomendamos adicionar um bom alt text à imagem no Editor Wix. Depois de conectar a imagem ao conjunto de dados, você pode verificar se o campo de alt text está conectado ao alt text que você adicionou no seu editor.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="aria-attributes-in-images" level="3">Atributos ARIA em imagens</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-adicionando-atributos-aria-a-aplicativos-web-personalizados" target="">Atributos ARIA</a> fornecem informações adicionais sobre a semântica dos elementos para tecnologias assistivas. Recomendamos adicionar atributos ARIA apenas a aplicativos web personalizados no seu site, já que a maioria dos outros elementos tem atributos pré-codificados. </div></div><div data-component-type="text"><div>Como o alt text fornece informações sobre a mídia do seu site para tecnologias assistivas, não é necessário adicionar também atributos ARIA. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="repeated-issues" level="3">Problemas recorrentes</h2></div><div data-component-type="text"><div>O Assistente pode destacar problemas que você já resolveu <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade#step-3-find-and-fix-issues" target="">na etapa 3</a>. Por exemplo, se você adicionou uma declaração de acessibilidade (e a marcou como concluída no Assistente), o cartão pode reaparecer quando você verificar o site novamente.</div></div><div data-component-type="text"><div>As alterações/configurações que você salvou ainda devem ser aplicadas ao site. Basta clicar no botão para marcar como concluído.</div></div>

O Assistente de Acessibilidade é um recurso que ajuda você a encontrar e corrigir problemas de acessibilidade no site em que você está trabalhando. Ele verifica o site a partir do seu editor e orienta...

Acessibilidade: sobre o Assistente de Acessibilidade no Editor do Wix Studio

<div data-component-type="text"><div>O Assistente de Acessibilidade é um recurso que ajuda você a encontrar e corrigir problemas de acessibilidade no site em que você está trabalhando. Ele verifica o site a partir do seu editor e orienta você com ações para melhorar a experiência dos visitantes do site do seu cliente. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>Este artigo se refere ao Assistente de Acessibilidade no Editor do Wix Studio. Para saber mais sobre o Assistente no Editor Wix, <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">clique aqui</a>.</li>  <li>Embora o Wix esteja sempre se esforçando para melhorar nossos produtos e serviços, não podemos garantir que os sites estarão em conformidade com as leis e regulamentos de acessibilidade da sua região <strong>após o uso do Assistente</strong>. Recomendamos consultar um especialista em acessibilidade para garantir que o site atenda aos padrões da sua região.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-a-comprehensive-overview" level="3">Tenha uma visão geral abrangente</h2></div><div data-component-type="text"><div>Quando você <a data-composite="true" href="https://support.wix.com/pt/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor#scanning-the-site-with-the-accessibility-wizard" target="">verifica um site com o Assistente de Acessibilidade</a>, os resultados são exibidos em 2 abas: <strong>Problemas detectados</strong> e <strong>Tarefas manuais</strong>. </div></div><div data-component-type="text"><div>Usamos como base para essas tarefas as <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="_blank">Diretrizes de Acessibilidade para o Conteúdo Web (WCAG na sigla em inglês) 2.2</a>. Este documento foi desenvolvido pelo <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a> e descreve o padrão internacional para acessibilidade web.</div></div><div data-component-type="text"><div>Verificar um site com o Assistente de Acessibilidade é, portanto, uma ótima maneira de ter uma ideia da acessibilidade do site e ver sugestões úteis para melhorias. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Você sabia?</div><div class="info-content"><div>As alterações feitas são salvas no Assistente à medida que você avança, para que você possa alternar entre as abas (ou sair do Assistente completamente) sem perder nenhum progresso.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-the-way-you-build-sites" level="3">Otimize a maneira como você cria sites</h2></div><div data-component-type="text"><div>O Assistente destaca o que foi encontrado na aba <strong>Problemas detectados</strong> e divide-os em problemas no nível do site e na página:</div></div><div data-component-type="text"><ul>
  <li><strong>Problemas no nível do site:</strong> são possíveis bloqueadores de acessibilidade que se aplicam a todo o site (por exemplo: idioma principal do site, ordem DOM, etc.), para que você possa fazer rapidamente ajustes gerais.</li>  <li><strong>Problemas de página:</strong> cada página do site tem seu próprio dropdown no Assistente, permitindo que você atualize conteúdo e configurações específicas como alt text, contraste de cores e mais.</li></ul></div><div data-component-type="text"><div>Os problemas identificados são uma maneira útil de começar a melhorar a acessibilidade de um site e trabalhar para criar uma experiência igual para todos. <a data-composite="true" href="https://support.wix.com/pt/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor#fixing-detected-issues" target="">Saiba mais sobre problemas detectados</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-actionable-solutions" level="3">Obtenha soluções práticas </h2></div><div data-component-type="text"><div>Cada parte da acessibilidade de um site é importante. A aba <strong>Tarefas manuais</strong> exibe ações ou problemas que o Assistente não pode detectar, ajudando você a cobrir a maior parte do site.</div></div><div data-component-type="text"><div>A aba fornece diretrizes detalhadas para ajustar elementos e configurações, como uso de cor, zoom do navegador e muito mais. <a data-composite="true" href="https://support.wix.com/pt/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor#doing-manual-tasks" target="">Saiba mais sobre tarefas manuais</a></div></div><div data-component-type="text"><div>Realizar de cada tarefa pode ajudar os clientes a expandir seus negócios e fornecer uma experiência no site mais acessível para os visitantes.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tudo pronto para começar?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor" target="">Saiba mais sobre como verificar um site com o Assistente de Acessibilidade</a></div></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

<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>

Ao criar seu site com o Wix, é importante levar em conta a acessibilidade. Isso garante que todos os visitantes, independentemente da capacidade, possam acessar e desfrutar do conteúdo do seu site.Rec...

Acessibilidade: lista de verificação para melhorar a acessibilidade do seu site

<div data-component-type="text"><div>Ao criar seu site com o Wix, é importante levar em conta a acessibilidade. Isso garante que todos os visitantes, independentemente da capacidade, possam acessar e desfrutar do conteúdo do seu site.</div></div><div data-component-type="text"><div>Recomendamos verificar manualmente seu site com a lista de verificação abaixo para garantir que seus visitantes tenham uma experiência agradável e simples.</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>A melhor maneira de garantir a acessibilidade em seu site é com o Assistente de Acessibilidade, que verifica seu site e fornece soluções práticas para melhorar a acessibilidade do seu site. Experimente o <a data-composite="true" href="https://manage.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fmanage.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26deeplink%3Daccessibility" target="_blank">Assistente de Acessibilidade</a> para começar.<br /> <strong>Observação</strong>: o Assistente de Acessibilidade ainda não está disponível para o Wix Studio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="understanding-accessibility" level="3">Sobre a acessibilidade</h2></div><div data-component-type="text"><div>A acessibilidade do site refere-se à prática de formatar seu site para garantir que todas as pessoas, com deficiência ou não, possam acessar, navegar e interagir com o conteúdo do seu site.</div></div><div data-component-type="text"><div>Você pode ter alguns visitantes que requerem determinadas adaptações para navegar ou usar seu site, tais como:</div></div><div data-component-type="text"><ul>
  <li><strong>Adaptações visuais: </strong>as pessoas com baixa visão ou perda de visão podem confiar em tecnologias assistivas (como leitores de tela) ou formatação visual (como aumento do tamanho do texto, contrastes de cores mais altos, etc.) para navegar pelo seu site.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Adaptações para função motora limitada: </strong>pessoas cujo alcance de função motora limita o uso de um mouse ou touchpad, podem usar um teclado juntamente com indicadores visuais para navegar por um site.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Adaptações auditivas: </strong>as pessoas que têm qualquer grau de perda auditiva podem contar com a disponibilidade de legendas ou transcrições de áudio em seu site.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Acomodações cognitivas: </strong>as pessoas afetadas por dificuldades cognitivas ou de aprendizagem (dislexia, TDAH, autismo, etc.) dependem da estrutura de conteúdo e consistência de layout para navegar pelo seu site.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Adaptações neurológicas:</strong> pessoas com sensibilidades sensoriais (como distúrbios convulsivos) podem confiar em movimentos reduzidos de elementos animados, ou podem se beneficiar da opção de controlar o que desencadeia um movimento ou uma animação.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Adaptações de fala:</strong> as pessoas que são afetadas por deficiências de fala podem exigir formas de contato alternativas, como o fornecimento de formulários de contato, chat ou email, em vez de apenas fornecer apenas um número de telefone.</li></ul></div><div data-component-type="text"><div>Portanto, é uma boa prática garantir que todos os seus visitantes possam navegar e desfrutar do seu site igualmente.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="building-an-accessible-wix-site" level="3">Construa um site Wix acessível</h2></div><div data-component-type="text"><div>Você pode criar um novo site do zero usando um de nossos <a data-composite="true" href="https://pt.wix.com/website/templates/html/accessible" target="">templates acessíveis</a>.</div></div><div data-component-type="text"><div>Esses templates têm recursos básicos de acessibilidade, como estruturas de cabeçalho acessíveis e contraste de cores.</div></div><div data-component-type="text"><div>Após selecionar seu template e adicionar o conteúdo desejado a ele, você pode revisar a lista de verificação abaixo e concluir os itens de ação necessários.</div></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>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="accessibility-checklist" level="3">Lista de verificação de acessibilidade</h2></div><div data-component-type="text"><div>Enquanto o Wix cuida de muitos dos recursos / configurações de acessibilidade back-end que seu site precisa, tais como: semântica adequada de teclado, definição de atributos ARIA para elementos que fornecemos, oferecimento de indicadores visuais, etc., também é necessário tornar <strong>o conteúdo que você adicionar ao seu site acessível. </strong></div></div><div data-component-type="text"><div>Os requisitos de acessibilidade podem diferir de região para região, mas criamos uma lista universal de verificação de etapas que cobre os essenciais de todas as regiões.</div></div><div data-component-type="text"><div>Para saber mais sobre a criação de um site acessível que também esteja em conformidade com as leis em sua região, consulte <a href="https://support.wix.com/pt/article/acessibilidade-conformidade-com-suas-leis-regionais" target="">Acessibilidade: conformidade com suas leis regionais</a>.</div></div><div data-component-type="text"><div><strong>Siga as nossas recomendações abaixo para ajudar a melhorar a acessibilidade do seu site:</strong></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-configurando-o-idioma-do-seu-site" target="">Definir o idioma do seu site</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/e2d4d67a-3223-4ba9-ad12-ab027d4320c5/158c5dcc-44bc-488d-a6e5-bac16ccb4021.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-ativando-e-desativando-as-caixas-azuis-indicadores-visuais" target="">Ativar indicadores visuais</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-site-para-leitores-de-tela" target="">Verificar a ordem DOM do seu site</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-a-estrutura-do-seu-site" target="">Preparar a estrutura do seu site</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-suas-imagens-e-galerias" target="">Preparar suas imagens e galerias</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-texto-e-gráficos" target="">Preparar seu texto e gráficos</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-fontes-e-legibilidade" target="">Escolher fontes claras</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-reduzir-movimento" target="">Reduzir o movimento</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis" target="">Tornar vídeos e áudio acessíveis</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornar-os-arquivos-de-documentos-acessíveis" target="">Tornar arquivos de documentos acessíveis</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-criando-um-formulário-wix-acessível" target="">Tornar os Formulários Wix acessíveis</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-adicionar-uma-declaração-de-acessibilidade-ao-seu-site" target="">Adicionar uma declaração de acessibilidade ao seu site</a></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Observação importante sobre conformidade:</div><div class="info-content"><ul>
  <li>No Wix, estamos comprometidos em garantir que todos possam usar nossos produtos e serviços, seja qual for seu nível de habilidade. Estamos sempre trabalhando para melhorá-los, de acordo com os padrões de acessibilidade.</li>  <li>O Wix.com não pode garantir ou se certificar de que o uso de nossos serviços está em conformidade com todas as leis de acessibilidade e regulamentos mundiais.</li>  <li>Você é responsável por revisar e cumprir a legislação local aplicável a você ou aos visitantes do seu site.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quer saber mais?</div><div class="info-content"><div>Confira nosso <a data-composite="true" href="https://pt.wix.com/learn/courses/site-essentials/build-your-accessible-website-pt" target="_blank">curso de acessibilidade no Wix Learn</a>.</div></div></div></div>

Use o Assistente de Acessibilidade para identificar e corrigir os problemas de acessibilidade no seu site. Esse recurso é integrado ao seu editor e pode verificar seu site para fornecer soluções práti...

Acessibilidade: sobre o Assistente de Acessibilidade no Editor Wix

<div data-component-type="text"><div>Use o Assistente de Acessibilidade para identificar e corrigir os problemas de acessibilidade no seu site. Esse recurso é integrado ao seu editor e pode verificar seu site para fornecer soluções práticas para tornar seu site acessível a todos.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>Este artigo se refere ao Assistente de Acessibilidade no Editor Wix. Para saber mais sobre o Assistente no Editor do Wix Studio, <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade-no-editor-do-wix-studio" target="">clique aqui</a>.</li>  <li>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 <strong>após o uso do Assistente</strong>. Recomendamos consultar um especialista em acessibilidade para garantir que seu site atenda aos padrões da sua região.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-scanning-in-the-wizard" level="3">Verificação automática no Assistente</h2></div><div data-component-type="text"><div>Depois de abrir o Assistente de Acessibilidade, é solicitado que você dê permissão para o Assistente verificar seu site. Essa verificação pode demorar alguns minutos.</div></div><div data-component-type="text"><div>O Assistente destaca o que encontrou. Ele faz isso buscando componentes ou configurações no seu site que podem causar problemas, como contraste de cor e definição de cabeçalho.</div></div><div data-component-type="text"><div>Esta etapa é uma ótima maneira para começar a tornar seu site acessível e pode fazer uma grande diferença para os visitantes do seu site. <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade" target="">Saiba como verificar seu site com o Assistente</a></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/03/26/431cb8d2-843f-4a7e-a125-e2b4afa62afe/b8b31e6f-e17e-4be0-9049-58ae99f05d5e.png" alt="O primeiro painel no Assistente. O cursor está passando sobre o botão" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="actionable-solutions" level="3">Soluções práticas</h2></div><div data-component-type="text"><div>Depois de concluir a seção automática do Assistente, você verá uma lista de itens para você considerar e ajustar em seu site.</div></div><div data-component-type="text"><div>O Assistente destaca áreas do seu site para revisar e corrigir. Você pode ver diretrizes detalhadas sobre como ajustar os elementos e configurações relevantes.</div></div><div data-component-type="text"><div>Recomendamos que você leia esta seção passo a passo, pois é uma ótima oportunidade para verificar seu site manualmente em busca de possíveis problemas.</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/03/31/3552a766-5a6a-4865-b205-7b101fd8efca/d15a49d5-adaf-4897-b6d2-a2f0e9f1b4a2.png" alt="Um cartão de verificação manual no Assistente, recomendando verificar o texto do link no site. O cursor está passando sobre" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="advanced-accessibility-settings" level="3">Configurações avançadas de acessibilidade</h2></div><div data-component-type="text"><div>Para melhorar a acessibilidade do seu site, o Assistente indica configurações úteis que você deve ativar. Após <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade" target="">concluir as etapas</a> no Assistente, recomendamos ativar essas configurações para garantir que seu site seja o mais acessível possível. </div></div><div data-component-type="heading"><h2 id="" level="4">Para ativar as configurações avançadas de acessibilidade do site:</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>Clique no ícone <strong>Mais ações </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> na parte superior do painel do Assistente de Acessibilidade.</li>  <li>Selecione <strong>Configurações avançadas de acessibilidade</strong>.</li>  <li>Clique na configuração relevante e, em seguida, clique na alavanca para ativá-la ou desativá-la: 
    <ul>
      <li><strong>Indicadores visuais:</strong> quando essa configuração está ativada, um <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-ativando-e-desativando-as-caixas-azuis-indicadores-visuais" target="">indicador azul</a> aparece em volta da mudança de foco. Os visitantes podem mover para diferentes elementos pressionando a tecla tab.</li>      <li><strong>Ir para o conteúdo principal:</strong> essa configuração permite que os usuários com teclado pulem diretamente para o conteúdo principal de cada página quando ativada.</li>      <li><strong>Ordem automática do DOM:</strong> ativar uma <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-site-para-leitores-de-tela" target="">ordem automática do DOM</a> significa que seu conteúdo é organizado automaticamente pela ordem visual dos elementos.</li>      <li><strong>Ferramentas avançadas de acessibilidade:</strong> ativar essa alavanca expõe configurações avançadas de acessibilidade que você pode ajustar, como <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-adicionando-atributos-aria-a-aplicativos-web-personalizados" target="">etiquetas ARIA</a> e tabindex.</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/2021/03/26/cb006e8f-1f93-410a-bd92-50b210d420a8/9e5845b1-a441-437d-9cd5-a13da7778243.png" alt="As configurações avançadas no Assistente. O cursor está passando sobre o dropdown de seta para indicadores visuais." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="monitoring-from-your-dashboard" level="3">Monitorar pelo painel de controle</h2></div><div data-component-type="text"><div>O Assistente está conectado ao <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-verificar-a-acessibilidade-do-site-com-o-monitor-de-acessibilidade" target="">monitor de acessibilidade</a> no painel de controle do seu site. Esse recurso verifica e sinaliza possíveis problemas na versão publicada do seu site, para que você possa continuar melhorando a acessibilidade do seu site.</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/06/14/f1e5cd09-db75-4e66-844e-654f49b735f8/7bca306f-2482-4adc-aa0a-aa7a3dac921c.jpg" alt="Uma imagem ampliada do painel de controle do site Wix, exibindo o widget do monitor de acessibilidade." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Pronto para começar?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-usando-o-assistente-de-acessibilidade" target="">Saiba como usar o Assistente de Acessibilidade</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Tem um site multilíngue?</div><div class="info-content"><div>No momento, o Assistente de Acessibilidade só está disponível no idioma principal do seu site e não pode ser acessado em idiomas secundários que você adiciona com o <a data-composite="true" href="https://support.wix.com/pt/article/wix-multilingual-uma-visão-geral" target="">Wix Multilíngue</a>. No entanto, você pode <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">usar nossa checklist</a> para melhorar a acessibilidade do seu site em todos os idiomas.</div></div></div></div>

Identifique e corrija problemas de acessibilidade no seu site Wix usando o Assistente de Acessibilidade. Essa é uma ferramenta que pode ajudar você a garantir que qualquer visitante possa visualizar e...

Acessibilidade: usar o Assistente de Acessibilidade no Editor Wix

<div data-component-type="text"><div>Identifique e corrija problemas de acessibilidade no seu site Wix usando o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de Acessibilidade</a>. Essa é uma ferramenta que pode ajudar você a garantir que qualquer visitante possa visualizar e navegar no seu site.</div></div><div data-component-type="text"><div>Existem duas seções no Assistente que você será solicitado a concluir. Recomendamos seguir e completar todas as seções para melhorar e otimizar a acessibilidade 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"><ul>
  <li>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.</li>  <li>Este artigo se refere ao Assistente de Acessibilidade no Editor Wix. Para obter informações sobre o Assistente para sites no Editor do Wix Studio, <a data-composite="true" href="https://support.wix.com/pt/article/accessibility-using-the-accessibility-wizard-in-the-studio-editor" target="">acesse este link</a>. </li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Você tem um site multilíngue?</div><div class="info-content"><div>No momento, o Assistente de Acessibilidade só está disponível no idioma principal do seu site e não pode ser acessado em idiomas secundários que você adiciona com o <a data-composite="true" href="https://support.wix.com/pt/article/wix-multilingual-uma-visão-geral" target="">Wix Multilíngue</a>. No entanto, você pode <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">usar nossa checklist</a> para melhorar a acessibilidade do seu site em todos os idiomas.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-open-the-accessibility-wizard" level="3">Etapa 1 | Abra o Assistente de Acessibilidade</h2></div><div data-component-type="text"><div>Abra o Assistente nas configurações do Editor para tornar seu site mais acessível para os visitantes.</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/08/13/9649a0dd-ee41-43ad-a218-39bb6f77ff3b/67ba3d46-898e-4581-b627-a6287c9ddcf2.png" alt="O painel Configurações na parte superior do Editor. O cursor está passando sobre a opção do Assistente de Acessibilidade" /></div></div><div data-component-type="heading"><h2 id="" level="4">Para abrir o Assistente de Acessibilidade:</h2></div><div data-component-type="text"><ol>
  <li>Selecione <strong>Configurações</strong> na parte superior do Editor Wix.</li>  <li>Selecione <strong>Acessibilidade.</strong></li>  <li>Selecione <strong>Verificar site</strong> à direita.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-fix-detected-issues" level="3">Etapa 2 | Corrija problemas detectados</h2></div><div data-component-type="text"><div>Depois que seu site for verificado, você verá uma lista de problemas detectados. Selecione em cada problema para abrir as instruções e certifique-se de aplicar as alterações após corrigi-las.</div></div><div data-component-type="text"><div>Quando terminar, selecione <strong>Vá para a Etapa 2</strong>.</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/2022/03/28/f2054a3b-ac91-4e28-a635-d4ef19e894aa/d4e62b24-4800-4e52-b4dc-e5b7b6ef2798.png" alt="Etapa 1 no Assistente. O cursor está passando sobre um problema com o cabeçalho principal da página Sobre" /></div></div><div data-component-type="text"><div>Selecione uma opção abaixo para saber mais sobre os problemas que podem ser detectados.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Texto alternativo</h4><div class="collapsible-content"><div>O <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-suas-imagens-e-galerias" target="">alt text</a> é a descrição de uma imagem. Adicionar essas descrições permite que as imagens sejam lidas por leitores de tela para visitantes com deficiência visual.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Cabeçalho principal</h4><div class="collapsible-content"><div>O cabeçalho principal é o título da sua página. Adicionar e definir um <a href="https://support.wix.com/pt/article/gerenciar-as-tags-de-cabeçalho-da-sua-página#adding-an-h1-tag" target="">cabeçalho principal</a> informa aos visitantes do site que usam leitores de tela sobre o que se trata a página.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Definição do cabeçalho</h4><div class="collapsible-content"><div>Os cabeçalhos comunicam a hierarquia do conteúdo da sua página. Ter uma <a data-composite="true" href="https://support.wix.com/pt/article/gerenciar-as-tags-de-cabeçalho-da-sua-página" target="">definição de cabeçalho</a> clara permite que os visitantes que usam leitores de tela naveguem no seu site com facilidade.</div><div><br /></div><div><strong>Observação:</strong> se um cartão de <strong>Cabeçalho principal</strong> for exibido em uma página, você deve resolvê-lo antes de resolver cartões de <strong>Definição de cabeçalho</strong> nessa página. Resolver um Cabeçalho Principal resolve automaticamente um dos cartões de Definição de cabeçalho, então você não precisa fazer isso novamente.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/99df74c2-9d28-4303-8a94-26dac3268413/a6a9c051-6824-4aeb-9f2e-7e2e89ff2134.png" alt="Etapa 1 no Assistente. O cursor passa sobre uma das opções mostradas no assistente para definir um cabeçalho" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Duplicar tags de cabeçalho</h4><div class="collapsible-content"><div>Tags de cabeçalho duplicadas podem ocorrer quando há uma quebra de linha no cabeçalho. Isso significa que ele não pode ser lido corretamente pelos leitores de tela. A remoção de tags duplicadas garante que o título esteja claro para seus visitantes.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Contraste de cor</h4><div class="collapsible-content"><div>O <a href="https://support.wix.com/pt/article/acessibilidade-preparando-seu-texto-e-gráficos" target="">contraste de cor</a> é uma medida da diferença de brilho percebido entre duas cores. Ter um contraste de 4.5 ou mais significa que o conteúdo do seu site é fácil de ver e ler.</div></div></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>Você precisará concluir todos os problemas detectados nesta seção para avançar para a próxima etapa do Assistente.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-find-and-fix-issues" level="3">Etapa 3 | Encontre e corrija os problemas</h2></div><div data-component-type="text"><div>Em seguida, a etapa Encontrar e corrigir problemas destaca mais configurações em seu site que podem precisar ser ajustadas para acessibilidade. Essa seção não é automática e os componentes precisam ser ajustados manualmente.</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>Você precisa marcar manualmente cada opção como concluída para concluir esta etapa. </div></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/2021/03/19/88825f2f-55b5-418e-87d8-fb0647b41d19/0846c060-4d0f-4479-a024-05d5410f3953.png" alt="Etapa 2 do Assistente. O cursor está passando sobre um problema com o texto do link em todas as páginas" /></div></div><div data-component-type="text"><div>Selecione uma opção abaixo para saber mais sobre as configurações que você pode ajustar nessa etapa.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Texto do link</h4><div class="collapsible-content"><div>Texto ou elementos que vinculam a outras páginas, seções ou sites devem ser os mais descritivos possíveis. Por exemplo, &quot;Leia mais sobre nossa pesquisa mais recente&quot; é mais claro do que &quot;Leia mais&quot;. Eles também devem ser claros se levarem a uma ação.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Texto nas imagens</h4><div class="collapsible-content"><div>O texto em imagens (como fotos de placas ou slogans) não é lido por leitores de tela. Substitua essas imagens quando possível ou inclua o texto na descrição da imagem.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Usando cores</h4><div class="collapsible-content"><div>As informações transmitidas por cor também devem ter indicadores separados, como padrão, estilo de fonte e ícones. Por exemplo, o texto com link deve ser sublinhado e os gráficos também devem exibir dados com diferentes padrões ou texturas.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Conteúdo ampliado</h4><div class="collapsible-content"><div>O conteúdo do seu site ainda deve estar visível se o navegador estiver ampliado. Isso é para garantir que os usuários com deficiência visual possam ver seu site em detalhes. Você pode verificar isso visualizando seu site e alterando o zoom do seu navegador para 200%.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Declaração de acessibilidade</h4><div class="collapsible-content"><div>A acessibilidade na web é um requisito legal em vários países. Adicionar uma <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-adicionar-uma-declaração-de-acessibilidade-ao-seu-site" target="">declaração de acessibilidade</a> demonstra seu compromisso em fornecer um site que pode ser aproveitado por todos os visitantes.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Qual é o próximo passo?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-verificar-a-acessibilidade-do-site-com-o-monitor-de-acessibilidade" target="">Abra o Monitor de Acessibilidade</a> para verificar a acessibilidade do seu site online no seu painel de controle.</li>  <li>Use as configurações avançadas no Assistente para continuar melhorando a acessibilidade do seu site. <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade#advanced-accessibility-settings" target="">Saiba mais sobre as configurações avançadas do Assistente de Acessibilidade</a></li></ul></div></div></div>

Acessibilidade refere-se à prática de possibilitar que as pessoas acessem serviços, recursos e produtos, independentemente de alguma deficiência que elas possam ter. A acessibilidade na web pega esse ...

Acessibilidade: sobre acessibilidade na web

<div data-component-type="text"><div>Acessibilidade refere-se à prática de possibilitar que as pessoas acessem serviços, recursos e produtos, independentemente de alguma deficiência que elas possam ter. A acessibilidade na web pega esse conceito e o transfere para a internet e seu site.</div></div><div data-component-type="text"><div>Ao praticar a acessibilidade na web, você garante que todas as pessoas, incluindo pessoas com deficiência, possam acessar, navegar e desfrutar do seu site. Alguns de seus visitantes têm uma experiência diferente em seu site, e é importante adaptá-lo para acomodar essas experiências.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-importance-of-web-accessibility" level="3">A importância da acessibilidade na web</h2></div><div data-component-type="text"><div>De acordo com a Organização Mundial de Saúde, cerca de 15% da população tem alguma forma de deficiência. Portanto, a acessibilidade na web é uma parte importante da criação, construção e manutenção do site. Ao tornar seu site acessível, você garante que todos possam acessá-lo e aproveitá-lo.</div></div><div data-component-type="text"><div>Para começar, recomendamos <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site#building-an-accessible-wix-site" target="">criar um site acessível do zero</a>. Você pode fazer isso começando com um <a data-composite="true" href="https://pt.wix.com/website/templates/html/accessible" target="">template de site acessível</a> no Editor Wix, e seguindo 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="">lista de verificação de acessibilidade</a>. </div></div><div data-component-type="text"><div>Se você já tem um site, 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>. O Assistente é uma ferramenta que verifica seu site, localiza possíveis problemas de acessibilidade e fornece soluções práticas.</div></div><div data-component-type="text"><div>Tenha em mente que, embora existam padrões web internacionais aos quais os sites são mantidos, sua região pode ter seu próprio conjunto de requisitos específicos.</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>Mesmo que você tenha criado seu site pensando na acessibilidade, recomendamos usar o Assistente caso haja algo que você possa ter deixado passar.</div></div></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="sight-impairments-and-visual-information" level="3">Deficiências visuais e informações visuais</h2></div><div data-component-type="text"><div>Pessoas cegas, com baixa visão ou com dificuldade de processar informações visuais podem não ser capazes de ver o conteúdo do seu site muito bem, ou não ver nenhuma parte do conteúdo. As informações visuais incluem a maior parte do conteúdo do seu site, como texto, imagens e GIFs.</div></div><div data-component-type="text"><div>Esses visitantes podem utilizar outros métodos e tecnologias assistivas para ajudá-los a navegar no seu site, como leitores de tela.</div></div><div data-component-type="text"><div>Os leitores de tela &quot;leem&quot; o conteúdo do seu site e o transformam em áudio que o visitante pode ouvir. Isso significa que você deve preparar a mídia em seu site para garantir que esses visitantes possam acessá-la.<strong> </strong></div><div><br /></div><div><strong>Você pode preparar sua mídia ao:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-suas-imagens-e-galerias" target="">Adicionar alt text a imagens e galerias em seu site</a></li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-text-descriptions-to-media-without-sound" target="">Adicionar descrições de texto a GIFs e outras mídias sem som</a></li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-audio-descriptions-to-videos" target="">Adicionar áudio descrições aos vídeos em seu site</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Dica:</div><div class="info-content"><div>Não se esqueça de verificar se todo o texto no seu site tem a <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-a-estrutura-do-seu-site" target="">tag HTML</a> correta, para que o leitor de tela não pule parte do conteúdo ou salte pelas páginas.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="motor-difficulties-and-site-navigation" level="3">Dificuldades motoras e navegação no site</h2></div><div data-component-type="text"><div>Visitantes com dificuldades motoras podem usar diferentes métodos de navegar pelo seu site, como o teclado ou tecnologias assistivas.</div></div><div data-component-type="text"><div>Para garantir que esses visitantes possam navegar e explorar seu site, recomendamos adicionar dois ou mais métodos de navegação no site. Os mais populares incluem:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-um-menu-de-site" target="">Menus do site</a></li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/wix-editor-sobre-wix-site-search" target="">Barra de Busca Wix</a></li></ul></div><div data-component-type="text"><div>Você também deve adicionar as <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-preparando-a-estrutura-do-seu-site" target="">tags HTML</a> a todo o texto do seu site. Isso serve para que os visitantes que usam a tecla tab para navegar possam ver seu conteúdo na ordem correta e não precisem se preocupar com a tecla tab pular algum conteúdo ou pular pela página.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hearing-impairments-and-audio" level="3">Deficiências auditivas e áudio</h2></div><div data-component-type="text"><div>Alguns visitantes podem ter dificuldades relacionadas a informações sonoras e auditivas. Esses visitantes podem ser surdos, ter dificuldades de audição ou problemas para processar sons.</div></div><div data-component-type="text"><div>Para garantir que esses visitantes possam acessar e desfrutar de todo o seu conteúdo, você deve adicionar alternativas para qualquer mídia que contenha áudio em seu site. Algumas delas incluem:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-text-transcripts-to-audio-files" target="">Adicionar transcrições de texto a arquivos de áudio</a></li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-captions-to-videos" target="">Adicionar legendas aos seus vídeos</a></li>  <li><a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-captions-to-live-events" target="">Adicionar legendas a eventos com transmissão ao vivo</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cognitive-disabilities-and-disorders" level="3">Deficiências e transtornos cognitivos</h2></div><div data-component-type="text"><div>Há uma variedade de transtornos e deficiências que afetam a função cognitiva de uma pessoa. Alguns deles incluem autismo, TDAH, lesões cerebrais, demência e afasia.</div></div><div data-component-type="text"><div>Visitantes com essas condições podem ter dificuldade com foco, compreensão de leitura e processamento de informações. Para tornar seu site acessível para eles, recomendamos as seguintes etapas:</div></div><div data-component-type="text"><ul>
  <li>Certifique-se de que o formato, a estrutura e o layout do seu site sejam claros. Por exemplo, o conteúdo principal da sua página não deve ser anexado ao cabeçalho.</li>  <li>Use uma linguagem fácil de entender.</li>  <li>Minimize o uso de elementos decorativos e/ou animados no seu site.</li>  <li>Evite usar muitas cores diferentes em seu site e certifique-se de que elas não sejam muito fortes.</li>  <li>Adicione alternativas à mídia que contenha áudio, como <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-text-transcripts-to-audio-files" target="">transcrições</a> e <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-tornando-vídeos-e-áudio-acessíveis#adding-captions-to-videos" target="">legendas</a>.</li></ul></div>

Atualmente, os sites Wix incluem configurações e recursos integrados de acessibilidade que estão em conformidade com os mais altos padrões globais.No entanto, os construtores de sites Wix e os painéis...

Pedido Acessibilidade: tornar os construtores de sites Wix e os painéis do site acessíveis

<div data-component-type="text"><div>Atualmente, os sites Wix incluem configurações e recursos integrados de acessibilidade que estão em conformidade com os mais altos padrões globais.</div></div><div data-component-type="text"><div>No entanto, os construtores de sites Wix e os painéis de controle do site ainda não são totalmente compatíveis. </div></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>Siga nossa <a href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site">lista de verificação</a> para melhorar a acessibilidade do seu site online.</div></div></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante para nós.</div></div>

Dependendo do criador de sites que você está usando, você pode ver uma configuração conhecida como Indicadores de foco (Editor do Wix Studio) ou Indicadores visuais (Editor Wix). São retângulos azuis ...

Acessibilidade: sobre os indicadores de foco (indicadores visuais)

<div data-component-type="text"><div>Dependendo do criador de sites que você está usando, você pode ver uma configuração conhecida como <strong>Indicadores de foco</strong> (Editor do Wix Studio) ou <strong>Indicadores visuais</strong> (Editor Wix). São retângulos azuis que aparecem ao redor de elementos interativos como botões e links quando os visitantes usam um teclado para navegar pelo site online. </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/09/24/5392965c-0d96-41fc-b26c-0991fea45819/85b68dd0-01d0-4601-bfdc-b88d6eb68f8a.png" alt="Uma imagem de um site com um indicador visual ao redor do item de menu chamado" /></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/focus-visible.html" target="_blank">Focus Visible criterion (2.4.7)</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="why-focus-indicators-are-important" level="3">Por que os indicadores de foco são importantes</h2></div><div data-component-type="text"><div>Alguns visitantes navegam por sites usando a tecla Tab no teclado. Os indicadores de foco/visuais exibem a posição atual da tecla Tab, para que esses visitantes saibam exatamente em que parte da página eles estão. </div></div><div data-component-type="text"><div>Se os indicadores não estiverem ativados, pode ser que esses visitantes do site não consigam navegar na página ou no conteúdo do site, e isso os torna uma parte importante da acessibilidade do site. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="focus-indicators-on-your-wix-site" level="3">Indicadores de foco no seu site Wix</h2></div><div data-component-type="text"><div>Os indicadores de foco/visuais são ativados automaticamente em todos os sites que você cria com o Wix.</div></div><div data-component-type="text"><div>O indicador foi projetado para se adequar à maioria das combinações de cores dos sites. No entanto, ele é menos visível em botões com um preenchimento branco sobre um background azul. Portanto, recomendamos verificar a cor dos elementos do seu site para garantir que todos os visitantes possam vê-lo.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Como posso testar o indicador de foco no meu site?</div><div class="info-content"><div>Para verificar a aparência do indicador de foco, abra seu site online ou a visualização do site e navegue pela página usando a tecla Tab no seu teclado. Se o indicador de foco não aparecer na visualização ou na versão online do seu site, você pode alterar as configurações no Assistente de Acessibilidade. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-focus-indicators" level="3">Ativar indicadores de foco</h2></div><div data-component-type="text"><div>Se você estiver usando o Editor Wix, pode ser necessário ativar os indicadores de foco do Assistente de Acessibilidade.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Você está usando o Editor do Wix Studio?</div><div class="info-content"><div>Os indicadores de foco estão sempre ativados nos sites do Editor do Wix Studio, então você não precisa verificar essa configuração. </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><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 no ícone <strong>Mais ações </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> na parte superior do painel do Assistente de Acessibilidade. </li>  <li>Selecione <strong>Configurações avançadas</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/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9dc097fe-2e9f-4938-a82c-2b9ec66fc828/495d872f-f036-4052-8c6b-125968669125.jpg" alt="Configurações avançadas do Assistente. O cursor clicou na alavanca para ativar os indicadores visuais." /></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 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> para continuar melhorando a acessibilidade do seu site. </div></div></div></div>

As barras de ferramentas de acessibilidade permitem que os visitantes manipulem certos aspectos do seu site, como fonte e tamanho do texto. Embora o Wix não ofereça barras de ferramentas de acessibili...

Acessibilidade: adicionar uma barra de ferramentas de acessibilidade ao seu site

<div data-component-type="text"><div>As barras de ferramentas de acessibilidade permitem que os visitantes manipulem certos aspectos do seu site, como fonte e tamanho do texto. Embora o Wix não ofereça barras de ferramentas de acessibilidade integradas, você pode adicionar uma ao seu site usando o código de um provedor externo. </div></div><div data-component-type="text"><div>Essas barras de ferramentas não são um requisito para alcançar o padrão, conforme descrito nas <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Diretrizes de Acessibilidade para Conteúdo Web (WCAG)</a>. De qualquer forma, recomendamos seguir 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="">Lista de verificação de acessibilidade</a> e escanear seu site com o <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de acessibilidade</a> para garantir uma experiência aprimorada para seus visitantes. </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>A incorporação de código personalizado só está disponível para sites com um <a data-composite="true" href="https://support.wix.com/pt/article/sobre-domínios" target="">domínio conectado</a>. </div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Para adicionar uma barra de ferramentas de acessibilidade usando código de terceiros:</h2></div><div data-component-type="text"><ol>
  <li>Vá para <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">Configurações</a> no painel de controle do seu site.</li>  <li>Selecione a aba <strong>Código personalizado</strong> em <strong>Avançado</strong>.</li>  <li>Selecione <strong>+ Código personalizado</strong> no canto superior direito.</li>  <li>Cole o trecho de código na caixa de texto.</li>  <li>Insira um nome para o seu código.<br /> <strong>Dica:</strong> dê um nome fácil de reconhecer para que você possa identificá-lo rapidamente depois.</li>  <li>Selecione uma opção em <strong>Adicionar código às páginas</strong>:
    <ul>
      <li><strong>Todas as páginas: </strong>o código será adicionado a todas as páginas do seu site, incluindo quaisquer páginas que serão criadas no futuro. Escolha se deseja carregar o código apenas uma vez por visita ou em cada página que o visitante abre.</li>      <li><strong>Escolha páginas específicas: </strong>use o menu dropdown para selecionar as páginas relevantes.</li>    </ul>  </li>  <li>Escolha onde colocar seu código:
    <ul>
      <li>Cabeçalho</li>      <li>Corpo - Início</li>      <li>Corpo - Fim</li>    </ul>  </li>  <li>Selecione <strong>Aplicar</strong>.</li></ol></div>

Aqui no Wix, estamos trabalhando constantemente para melhorar a acessibilidade dos nossos sites. Nosso objetivo é fornecer as ferramentas que você precisa para garantir que seu site seja acessível. Po...

Acessibilidade: usar software ou recursos de verificação externa

<div data-component-type="text"><div>Aqui no Wix, estamos trabalhando constantemente para melhorar a acessibilidade dos nossos sites. Nosso objetivo é fornecer as ferramentas que você precisa para garantir que seu site seja acessível. Por isso, criamos uma série de <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-lista-de-verificação-para-melhorar-a-acessibilidade-do-seu-site" target="">diretrizes que listam nossas recomendações</a>.</div></div><div data-component-type="text"><div>Você pode usar recursos externos para revisar a acessibilidade do seu site e receber sugestões de melhoria. No entanto, cada <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-conformidade-com-suas-leis-regionais" target="">país e região tem leis diferentes</a>. Por isso, recomendamos que seu site seja revisado por um &quot;consultor de acessibilidade&quot; para verificar se ele está em conformidade com os requisitos da sua região.</div></div>

Os atributos ARIA fornecem informações adicionais sobre a semântica de elementos para tecnologias assistivas, como leitores de tela. Você pode adicionar atributos ARIA a qualquer elementos personaliza...

Acessibilidade: adicionar atributos ARIA a aplicativos web personalizados

<div data-component-type="text"><div>Os atributos ARIA fornecem informações adicionais sobre a semântica de elementos para tecnologias assistivas, como leitores de tela. Você pode adicionar atributos ARIA a qualquer elementos personalizados ou aplicativos em seu site.</div></div><div data-component-type="text"><div>Os atributos ARIA são importantes, pois definem maneiras pelas quais elementos e aplicativos personalizados podem se tornar acessíveis quando não é possível fazê-lo com o HTML nativo do elemento.</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>Esse recurso é destinado a usuários que possuem aplicativos/elementos personalizados que requerem atributos ARIA. Se você não os possui em seu site, não precisa editar os atributos ARIA.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-aria-attributes" level="3">Adicionar atributos ARIA</h2></div><div data-component-type="text"><div>Já codificamos os atributos ARIA para a maioria dos elementos em um site. No entanto, se você criou aplicativos personalizados, convém adicionar seus próprios atributos ARIA para fins de acessibilidade.</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"><div>Ative o modo de desenvolvedor (Velo by Wix) no Editor do Wix Studio para adicionar atributos aos elementos. O Velo permite que você <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/about-velo-by-wix" target="">adicione código, crie bancos de dados e muito mais</a>.</div></div><div data-component-type="text"><ol>
  <li>Selecione <strong>Código</strong>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0de74f7a-9d8a-4c0c-8279-219bd3eefe97/d55e629b-e8dc-4acc-8af2-7a7779fb8bbc.png" /> no lado esquerdo do editor.</li>  <li>Selecione o aplicativo ou elemento relevante e clique no ícone <strong>Mais ações</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Clique em <strong>Adicionar atributo</strong>.</li>  <li>Selecione um atributo no menu dropdown.</li>  <li>Insira uma etiqueta/selecione o nível ou valor.</li>  <li>Selecione <strong>Adicionar</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/28953d00-e0af-4830-9a6e-befc645463b7/d306108c-c260-44f0-8301-e5713d96a4c6.jpg" alt="O painel de acessibilidade de um elemento no Editor do Wix Studio. O cursor está clicando no botão Adicionar atributo." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Ative os recursos de desenvolvedor no <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-sobre-o-assistente-de-acessibilidade" target="">Assistente de Acessibilidade</a> para adicionar atributos aria aos seus elementos personalizados. Você pode adicionar o atributo ao clicar com o botão direito do mouse no elemento ou aplicativo.</div></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://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" /><strong> </strong>na barra superior do Assistente.</li>  <li>Selecione <strong>Configurações avançadas</strong>.</li>  <li>Clique na alavanca <strong>Ferramentas avançadas de acessibilidade</strong> para ativá-la.</li>  <li>Clique com o botão direito do mouse no aplicativo ou elemento ao qual deseja adicionar os atributos.</li>  <li>Selecione <strong>Acessibilidade</strong>.</li>  <li>Clique em <strong>Adicionar atributo</strong>.</li>  <li>Selecione um atributo no menu dropdown.</li>  <li>Insira uma etiqueta/selecione o nível ou valor.</li>  <li>Selecione <strong>Adicionar</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/08f56fa8-dbc6-4484-b600-2447401cd390/51281520-4c34-49dc-a5f1-8159f3ce06e7.jpg" alt="O painel de acessibilidade e o assistente estão abertos. O cursor está clicando em Adicionar atributo e a alavanca está ativada." /></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>Você pode desativar as configurações avançadas de acessibilidade a qualquer momento e os atributos ARIA não serão excluídos.</div></div></div></div></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Você pode adicionar atributos ARIA aos seguintes elementos:</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Elemento</div></th><th><div>Propriedades</div></th></tr></thead><tbody><tr><td><div>Janelas</div></td><td><div>Etiqueta</div></td></tr><tr><td><div>Texto</div></td><td><div>label, role [heading, status, alert], live, relevant, atomic, hidden, current, level</div></td></tr><tr><td><div>Caixa Contêiner</div></td><td><div>label, tabindex, role [region, group, none, status, alert], live, relevant, atomic, current, controls, hidden</div></td></tr><tr><td><div>Faixa</div></td><td><div>label, tabindex, role [heading, status, alert], live, atomic, hidden, current</div></td></tr><tr><td><div>Repetidor</div></td><td><div>label, role [heading, status, alert]</div></td></tr><tr><td><div>Botão de Texto</div></td><td><div>tabindex, pressed, expanded, haspopup</div></td></tr></tbody></table></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Estamos trabalhando continuamente para adicionar atributos ARIA a mais elementos. <a data-composite="true" href="https://www.wix.com/contact/en" target="">Entre em contato</a> se você tiver alguma solicitação específica sobre atributos ARIA.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-your-aria-attributes" level="3">Editar seus atributos ARIA</h2></div><div data-component-type="text"><div>Após adicionar atributos a aplicativos personalizados, você pode editá-los e atualizá-los sempre que quiser com o ícone Acessibilidade <img data-composite="true" src="https://lh6.googleusercontent.com/tzGAKNeD3huzfUCBGbiHOAmMhpoOMn2d7mXWbB8x3rd5_wDvr4uEfNczYUD_5EqzSdzFPLv5nc9zp7VkwFDWloqQmUBf71J5_kTbI5nE3o9Wb2s_CS8xcsfkw0eHNAxCpa4dBBIq=s0" />. Esse ícone é adicionado automaticamente aos elementos aos quais você conectou atributos.</div></div><div data-component-type="heading"><h2 id="" level="4">Para editar o atributo:</h2></div><div data-component-type="text"><ol>
  <li>Selecione o elemento/app no seu editor.</li>  <li>Selecione o ícone <strong>Acessibilidade</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/05/123b3ec4-f910-485b-ba95-c80ee1f6723b/29accdaa-a7f8-4070-a4e9-be08ffc45e99.png" />.</li>  <li>Passe o mouse sobre o atributo relevante e selecione o í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>Selecione <strong>Editar</strong>.</li>  <li>Faça as alterações relevantes e selecione <strong>Salvar</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-aria-attributes" level="3">Tipos de atributos ARIA</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Nome do Atributo</div></th><th><div>Categoria</div></th><th><div>Tokens</div></th></tr></thead><tbody><tr><td><div>tabindex</div></td><td><div><br /></div></td><td><div>0, -1</div></td></tr><tr><td><div>Função</div></td><td><div><br /></div></td><td><div>token: de acordo com a definição no primitivo</div></td></tr><tr><td><div>aria-level</div></td><td><div><br /></div></td><td><div>int</div></td></tr><tr><td><div>aria-live</div></td><td><div>Online</div></td><td><div>token: polite, assertive</div></td></tr><tr><td><div>aria-multiline </div></td><td><div>Descrição</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-multiselectable</div></td><td><div>Descrição</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-pressed</div></td><td><div>Estado</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-relevant</div></td><td><div>Online</div></td><td><div>token: all, additions, removals, text</div></td></tr><tr><td><div>aria-activedescendant</div></td><td><div>relacionamentos</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-atomic</div></td><td><div>Online</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-autocomplete</div></td><td><div>Descrição</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-controls</div></td><td><div>relacionamentos</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-current</div></td><td><div>Estado</div></td><td><div>step, page, true, false</div></td></tr><tr><td><div>aria-describedby</div></td><td><div>relacionamentos</div></td><td><div>ID_REF (itens separados por espaço)</div></td></tr><tr><td><div>aria-expanded</div></td><td><div><br /></div></td><td><div>true, false</div></td></tr><tr><td><div>aria-haspopup</div></td><td><div>relacionamentos</div></td><td><div>dialog, menu, true, false</div></td></tr><tr><td><div>aria-hidden</div></td><td><div><br /></div></td><td><div>true, false</div></td></tr><tr><td><div>aria-invalid</div></td><td><div>Estado</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-label</div></td><td><div><br /></div></td><td><div>string</div></td></tr><tr><td><div>aria-labelledby </div></td><td><div>relacionamentos</div></td><td><div>ID_REF (itens separados por espaço)</div></td></tr></tbody></table></div></div>

&quot;Ir para o conteúdo principal&quot; é um recurso que permite que visitantes que usam tecnologias adicionais e/ou assistivas evitem conteúdo irrelevante ou repetido. É assim que ele aparece em um ...

Acessibilidade: sobre o recurso "Ir para o conteúdo principal"

<div data-component-type="text"><div>&quot;Ir para o conteúdo principal&quot; é um recurso que permite que visitantes que usam tecnologias adicionais e/ou assistivas evitem conteúdo irrelevante ou repetido. </div></div><div data-component-type="text"><div>É assim que ele aparece em um site Wix online:</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/09/13/04bd498b-4bcc-471d-9078-111775493073/0d4f6684-5a9a-49f5-9279-b83acfee00b9.png" alt="Um site online com o botão Ir para o conteúdo principal ativado." /></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/bypass-blocks.html" target="_blank">critério de sucesso 2.4.1 (Bypass Blocks)</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="why-skip-to-main-content-is-important" level="3">A importância do recurso &quot;Ir para o conteúdo principal&quot;</h2></div><div data-component-type="text"><div>Visitantes que podem ver/visitantes que navegam com um mouse podem localizar o conteúdo principal de uma página visualmente ou rolando pela página do site. No entanto, alguns visitantes do site, como pessoas com problemas visuais, podem usar tecnologias assistivas e/ou um teclado para navegar. </div></div><div data-component-type="text"><div>A opção &quot;Ir para o conteúdo principal&quot; fornece a esses visitantes acesso direto ao conteúdo principal da página, sem precisar passar por conteúdo repetido (por exemplo: título do site, menu, etc) primeiro.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="skip-to-main-content-and-wix-sites" level="3">&quot;Ir para o conteúdo principal&quot; e sites Wix</h2></div><div data-component-type="text"><div>A opção &quot;Ir para o conteúdo principal&quot; é ativada automaticamente em todos os sites que você criar com o Wix. Ela aparece como um link quando os visitantes navegam na página usando a tecla Tab.</div></div><div data-component-type="text"><div>O link foi criado para se adequar à maioria das combinações de cores dos sites. No entanto, ele pode ser menos visível em cabeçalhos/seções de sites que usam um esquema de cores branco e azul. Portanto, recomendamos verificar a cor dessas seções para garantir que elas apareçam para os visitantes.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="testing-skip-to-main-content" level="3">Teste a opção &quot;Ir para o conteúdo principal&quot;</h2></div><div data-component-type="text"><div>Você pode verificar como o link aparece sempre que quiser. Basta abrir o site online (ou a visualização do site) e navegar na página usando a tecla Tab do teclado.</div></div><div data-component-type="text"><div>Se você perceber que o link não aparece na versão de visualização/online do seu site no Editor Wix, você pode verificar e alterar as configurações no Assistente de Acessibilidade. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Você está criando um site com o Editor do Wix Studio?</div><div class="info-content"><div>Não é possível desativar &quot;Ir para o conteúdo principal&quot; nos sites do Editor do Wix Studio, portanto, você não precisa verificar essa configuração. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para verificar as configurações:</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>Clique no ícone <strong>Mais ações </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> na parte superior do painel do Assistente de Acessibilidade. </li>  <li>Selecione <strong>Configurações avançadas</strong>. </li>  <li>Clique em <strong>Ir para o conteúdo principal</strong>.</li>  <li>Clique na alavanca para ativá-la ou desativá-la:
    <ul>
      <li><strong>Ativada:</strong> a opção Ir para o conteúdo principal é exibida no seu site online e é o primeiro link que os visitantes veem durante a navegação com o teclado.</li>      <li><strong>Desativada:</strong> a opção Ir para o conteúdo principal não é exibida no seu site online.</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/06/5ac3a5d2-91a5-48ef-8286-09839baecca5/114bfdaa-5c69-45eb-8cd9-4836143fe4ae.jpg" alt="As configurações avançadas no assistente de acessibilidade. O cursor ativou a alavanca Ir para o conteúdo principal." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><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 do site</a> para continuar melhorando a acessibilidade do seu site. </div></div></div></div>

Você ou seus visitantes podem perceber que os elementos que contêm movimento (como efeitos de animação e vídeos transparentes) não são reproduzidos nas versões mobile e desktop do seu site online. Iss...

Acessibilidade: vídeos e animações não são reproduzidos no site online

<div data-component-type="text"><div>Você ou seus visitantes podem perceber que os elementos que contêm movimento (como efeitos de animação e vídeos transparentes) não são reproduzidos nas versões mobile e desktop do seu site online. Isso pode ocorrer devido a configurações no sistema operacional que você ou seu visitante estão usando.</div></div><div data-component-type="text"><div>Existem duas configurações que impedem a reprodução de animações e vídeos em um site online: Movimento reduzido e Melhor desempenho.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reduced-motion" level="3">Movimento reduzido</h2></div><div data-component-type="text"><div>O recurso de movimento reduzido interrompe a reprodução de animações e vídeos no navegador. Movimento reduzido é um recurso de acessibilidade, o que significa que seu uso principal é permitir que visitantes com deficiência e certas condições (por exemplo, enjoo) visitem seu site.</div></div><div data-component-type="text"><div>O movimento reduzido está disponível na maioria dos sistemas operacionais. Você e seus visitantes podem desativar o recurso do seu dispositivo para ver toda a gama de efeitos, movimento e animação em seu site.</div></div><div data-component-type="text"><div>Selecione o dispositivo relevante na lista abaixo para saber como desativar o movimento reduzido.</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.apple.com/pt-br/HT202655" target="_blank">iPhone e iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/pt-br/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/pt-br/office/desativar-animações-do-office-9ee5c4d2-d144-4fd2-b670-22cef9fa025a" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://canaltech.com.br/android/Desabilite-as-animacoes-do-Android-e-deixe-o-seu-dispositivo-mais-rapido/#:~:text=Dentro%20das%20op%C3%A7%C3%B5es%20do%20desenvolvedor,habilita%20as%20op%C3%A7%C3%B5es%20listadas%20abaixo." target="_blank">Android</a></li></ul></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>O movimento reduzido também é ativado automaticamente para alguns dispositivos móveis no modo de bateria fraca/economia de energia.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="performance-options" level="3">Opções de desempenho</h2></div><div data-component-type="text"><div>Seus visitantes podem alterar uma configuração em seu computador para melhorar o desempenho do seu site. A configuração <strong>Ajustar para obter o melhor desempenho</strong>, disponível em dispositivos com sistema operacional Windows, permite que você escolha o que fazer com efeitos visuais, como elementos animados e vídeos.</div></div><div data-component-type="text"><div>De acordo com suas preferências, os visitantes podem escolher se desejam ativar ou desativar quaisquer efeitos visuais em seu navegador.</div></div><div data-component-type="heading"><h2 id="" level="4">Para alterar as configurações de desempenho:</h2></div><div data-component-type="text"><ol>
  <li>Digite “Desempenho” na caixa de busca do Windows.</li>  <li>Selecione <strong>Ajustar a aparência e o desempenho do Windows</strong>.</li>  <li>Selecione a aba <strong>Efeitos visuais</strong>.</li>  <li>Escolha uma opção na lista abaixo:
    <ul>
      <li><strong>Deixar o Windows escolher a melhor opção para o computador:</strong> o Windows altera as configurações de desempenho do seu dispositivo com base nas capacidades do seu dispositivo.</li>      <li><strong>Ajustar para obter uma melhor aparência:</strong> todos os efeitos visuais avançados e configurações são ativados e reproduzidos no seu dispositivo (incluindo animações e vídeos).</li>      <li><strong>Ajustar para obter um melhor desempenho:</strong> todos os efeitos visuais avançados e configurações são desativados e não são reproduzidos no seu dispositivo.</li>      <li><strong>Personalizar:</strong> ajuste manualmente as configurações para ativar e desativar os recursos que deseja.</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/2022/07/18/fdef93a2-4781-416b-8a15-f73d77c4f12c/8fae3cab-b453-4700-9e83-97d8d57a83b9.png" alt="Ajuste a aparência e o desempenho da aba janelas. O cursor passa sobre" /></div></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>Para que os visitantes vejam as animações e os vídeos sendo reproduzidos no seu site online, eles devem selecionar a opção <strong>Ajustar para obter uma melhor aparência</strong>.</div></div></div></div>

No momento, não temos uma barra de ferramentas de acessibilidade integrada que seus visitantes possam usar para ajustar ou aprimorar certas partes do seu site.Como alternativa, você pode adicionar uma...

Pedido Acessibilidade: adicionar uma barra de ferramentas de acessibilidade ao seu site

<div data-component-type="text"><div>No momento, não temos uma barra de ferramentas de acessibilidade integrada que seus visitantes possam usar para ajustar ou aprimorar certas partes do seu site.</div></div><div data-component-type="text"><div>Como alternativa, você pode adicionar uma barra de ferramentas de acessibilidade ao <a data-composite="true" href="https://support.wix.com/pt/article/acessibilidade-adicionando-uma-barra-de-acessibilidade-ao-seu-site" target="">obter código de terceiros e incorporá-lo ao seu site</a>. </div></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>Barras de ferramentas de acessibilidade não são um requisito para alcançar o padrão, conforme descrito nas <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Diretrizes de acessibilidade para conteúdo na web</a>. </div></div></div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito apreciado.</div></div><div data-component-type="text"><div>Se este é um recurso que você gostaria de ver no futuro, clique em <strong>Vote nesse recurso</strong> e nós nos certificaremos de mantê-lo atualizado.</div></div>

No momento, não é possível criar um sitemap HTML dinâmico, que seria atualizado automaticamente quando você adicionasse novas páginas ao seu site. Como alternativa, você pode criar uma página do site ...

Pedido de Acessibilidade: criar um sitemap HTML dinâmico

<div data-component-type="text"><div>No momento, não é possível criar um sitemap HTML dinâmico, que seria atualizado automaticamente quando você adicionasse novas páginas ao seu site. </div></div><div data-component-type="text"><div>Como alternativa, você pode <a data-composite="true" href="https://support.wix.com/pt/article/wix-editor-adding-a-page-to-your--site" target="">criar uma página do site</a> que lista e <a data-composite="true" href="https://support.wix.com/pt/article/editor-wix-adicionando-um-link-a-um-elemento" target="">vincula para todas as páginas do seu site</a> e atualizar a lista quando necessário.</div></div><div data-component-type="text"><div>Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.</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

Recursos de IA

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)

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

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.