Torna o teu site Webflow mesmo acessível. EAA e WCAG, sem overlay

A verdade: o Webflow não é acessível por predefinição

O Webflow Designer produz HTML limpo, mas em tabs, dropdowns, sliders e modais raramente acrescenta as roles e os estados aria certos. Assim que constróis um componente personalizado, surgem barreiras silenciosas, botões div sem role, uma fila de tabs sem aria-selected, que os teus visitantes e o European Accessibility Act não aceitam.

O que costuma correr mal no Webflow

• Tabs personalizadas sem role e aria-selectedQuando construis as tuas próprias tabs no Designer, elas continuam a ser divs comuns. Sem role="tab", aria-selected e aria-controls nos botões das tabs, um leitor de ecrã não consegue saber que são tabs nem qual está ativa. Adiciona-los à mão através dos Custom Attributes.
• Dropdowns e modais sem gestão de keyboard trapAs interações do Webflow abrem muitas vezes um dropdown ou um modal sem mover nem reter o foco. Os utilizadores de teclado fazem tab para fora, atrás da overlay, e perdem o rasto do conteúdo.
• Botões div sem role e tabindexUm div com uma interação de clique parece um botão, mas não é. Sem role="button" e tabindex="0" através dos Custom Attributes, fica inacessível para os utilizadores de teclado e de leitor de ecrã.
• Sliders sem estado acessívelO componente Slider falha com frequência os aria labels e os anúncios de estado, por isso um leitor de ecrã nunca anuncia em que slide estás ou quantos há.

Como é uma correção a sério

Pega num componente de tabs personalizado que construíste a partir de divs no Designer. Um leitor de ecrã ouve então apenas 'grupo' em vez de uma fila de tabs. A correção vive inteiramente nos Custom Attributes, sem reconstrução: define role="tab", aria-selected e aria-controls nos botões das tabs.

<div class="tab-link">Overzicht</div>

<div class="tab-link"
  role="tab"
  aria-selected="true"
  aria-controls="panel-overzicht">Overzicht</div>

O que recebes

Com uma ferramenta de relatórios pagas a licença e os teus programadores para resolverem os erros. Com a Seviranta a correção está incluída, sem conta a dobrar.

Protege a tua conversão e o teu enquadramento legal

Uma app que cola um ícone de acessibilidade por cima do teu site Webflow é um risco para o teu negócio. Os factos em resumo:

Um widget de acessibilidade Webflow chega para a EAA?

Não. Um widget põe uma camada por cima do teu site, mas não repara o código de fundo e não conta como conformidade estrutural.

O meu checkout Webflow está abrangido pela EAA?

Sim. O checkout e a navegação fazem explicitamente parte da obrigação ao abrigo do WCAG 2.1 AA.

A Seviranta analisa também as minhas apps Webflow?

Sim. Testamos o HTML final gerado, tema mais apps, tal como uma autoridade faz.

Isto torna o meu site Webflow mais lento?

Não. Analisamos externamente a partir dos nossos servidores na UE; não entra nenhum script no teu site. 0% de impacto na tua velocidade de carregamento e nos Core Web Vitals.