1b:["$","path","1wnfg3",{"d":"m15 18-6-6 6-6"}] 1c:["$","header",null,{"className":"mb-10","children":[["$","div",null,{"className":"mb-4 flex flex-wrap gap-2","children":[["$","span","acessibilidade",{"className":"rounded-md bg-secondary px-2.5 py-1 text-xs font-medium text-secondary-foreground","children":"Acessibilidade"}]]}],["$","h1",null,{"className":"text-balance text-4xl font-bold tracking-tight text-foreground sm:text-5xl lg:text-6xl","children":"Acessibilidade Web: um guia para desenvolvedores"}],["$","div",null,{"className":"mt-4 flex items-center gap-3 text-sm text-muted-foreground","children":[["$","address",null,{"className":"not-italic font-medium text-foreground","children":"Autor Exemplo"}],["$","span",null,{"aria-hidden":"true","children":"/"}],["$","time",null,{"dateTime":"2026-01-20T14:00:00","children":"20 de janeiro de 2026"}],false]}]]}] 1d:["$","div",null,{"className":"prose prose-lg max-w-none text-foreground prose-headings:text-foreground prose-p:text-muted-foreground prose-p:leading-relaxed prose-a:text-primary prose-a:underline prose-a:underline-offset-4 hover:prose-a:text-primary/80 prose-strong:text-foreground prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:marker:text-muted-foreground prose-blockquote:border-primary prose-blockquote:text-muted-foreground","dangerouslySetInnerHTML":{"__html":"\n

Por que acessibilidade importa

A acessibilidade nao e apenas uma questao etica, mas tambem impacta SEO e a experiencia geral do usuario. Sites acessiveis tendem a ter melhor performance em buscas.

HTML Semantico

Usar elementos semanticos como header, nav, main, article e footer ajuda leitores de tela a navegar pelo conteudo corretamente.

ARIA e Roles

Quando elementos semanticos nao sao suficientes, atributos ARIA podem complementar a acessibilidade. Mas lembre-se: HTML semantico vem primeiro.

\n "}}]