A Duda leva a acessibilidade a sério, e estamos investindo ativamente para deixar os sites desenvolvidos com a Plataforma Duda mais acessíveis. Conte com a gente para criar um site acessível e com sempre com novos recursos facilitar isso; porém, cabe a você garantir um site acessível, assim como é com a a SEO e o desempenho do site. Saiba mais abaixo sobre acessibilidade na Duda.
O que é acessibilidade?
Em termos de sites, acessibilidade é um site que pode ser usado por usuários com deficiência auditiva, visual ou cognitiva, bem como quem só consegue navegar por voz, leitor de tela ou outras tecnologias assistivas. De acordo com a organização World Wide Web Consortium (W3C), que estabelece os padrões internacionais da web, o site acessível precisa ser perceptível, operável, compreensível e preparado para esses usuários.
Recursos incorporados nos sites acessíveis
Confira alguns dos recursos integrados que você pode usar para criar um site mais acessível com a Duda.
Semântica correta como padrão
Sempre que possível, a Duda utiliza elementos semânticos HTML5. Essa é a melhor prática de acessibilidade, pois os padrões HTML implementam uma ótima UX para ferramentas assistivas. A base da estratégia de acessibilidade da Duda é contar com a funcionalidade HTML padrão. Por exemplo: os cabeçalhos usam tags de cabeçalho (<h1>), garantindo a melhor funcionalidade de acessibilidade, pois elas já vêm nos browsers e funcionam nos leitores de tela.
Tags de cabeçalho
Com as tags de cabeçalho, os visitantes que usam leitor de tela entendem o seu site e como ele é organizado. As tags de cabeçalho (h1, h2, h3 e assim por diante) dividem o conteúdo de uma página em trechos relacionados. Tenha em mente o seguinte:
- As tags de cabeçalho devem ser usadas para apresentar conteúdo
- Use apenas uma tag h1 por página ou tela
- As tags de cabeçalho devem ser escritas em uma sequência lógica
- Não pule os níveis de cabeçalhos
Texto Alt
Todos os elementos com imagem precisam ter uma tag ou atributo alternativo. Com o texto alternativo nas imagens, os visitantes com deficiência visual entendem melhor o contexto das fotos no site. Quando não há tag alternativa em uma imagem, o leitor de tela talvez anuncie o nome ou o caminho do arquivo da imagem, não o conteúdo da imagem. Nas imagens com texto, a descrição alternativa deve incluí-lo.
Para adicionar texto alternativo a um widget, clique com o botão direito do e clique em Editar conteúdo. Por exemplo: para adicionar texto alternativo a um widget de imagem, confira Widget com imagem.
O campo de texto alternativo tem um limite de 80 caracteres.
As imagens de fundo não têm espaço para inserir texto alternativo porque, quando a fonte da página é digitalizada ou rastreada por um buscador, o design do fundo não é registrado como conteúdo.
Navegação do teclado
Nem todo mundo usa mouse ou track pad ao navegar no site. Usuários sem mouse navegam pelo teclado, clicando em "Tab" ou usando as setas para passarem de elemento. Você pode acessar a funcionalidade com o teclado.
Pop-ups
Os pop-ups podem ser fechados pelo teclado.
Widgets
Nem todos os widgets na plataforma Duda funcionam bem com a navegação pelo teclado. Como exemplo, qualquer ferramenta externa, como o Facebook incorporado ou o Mapas, depende do respectivo desenvolvedor para garantir o uso pelo teclado.
Definição do idioma do site
Definimos automaticamente o idioma do site, com base nas configurações do site. Com isso, o leitor de tela determina o idioma do site e auxilia o usuário no idioma correto. Saiba mais em Configure um idioma padrão para o site.
Mais recursos em breve
A Duda está investindo ativamente para deixar mais acessíveis os sites desenvolvidos com a Plataforma Duda.
Recursos adicionais
Além dos recursos acima, a Duda disponibiliza dois apps para auxiliar na automação da conformidade. O AudioEye e o UserWay geram automaticamente um texto alternativo, corrigem o contraste de cores, ampliam o cursor, criam fontes específicas para dislexia e muito mais.
Saiba mais sobre acessibilidade em: