Início › Recursos › Por sistema

A acessibilidade com Webflow

No Webflow, constrói o markup você mesmo. Isso permite páginas muito limpas e acessíveis — mas só se se cuidar da semântica e dos estados.

Constatações frequentes

Botões em <div> em vez de verdadeiros elementos <button>, interações e animações sem prefers-reduced-motion, campos de formulário sem etiqueta associada, imagens decorativas sem alt vazio, contraste do texto demasiado baixo a partir do painel de estilo.

Primeiros passos

Escolher etiquetas semânticas no Designer (elemento Button, etiquetas de título), definir os estilos de foco de forma global, dotar as interações de uma variante «Reduced motion», associar as etiquetas de formulário, analisar o código-fonte.

Como o a11yglass ajuda

A análise gratuita verifica o HTML e o CSS fornecidos à procura de infrações às WCAG detetáveis automaticamente e indica em cada constatação o critério de sucesso e uma medida concreta. Deteta cerca de 20–35 % dos problemas e não substitui uma auditoria completa.

Continuar a ler

• Navegação por teclado segundo WCAG 2.1.1
• Foco visível segundo WCAG 2.4.7
• Movimento segundo WCAG 2.2.2 / 2.3.3

Informação geral prestada de boa-fé, sem valor de aconselhamento jurídico. Para o caso concreto, recorrer a um escritório especializado em direito das tecnologias de informação.