Web Standards + acessibilidade em (quase) 5min

Você com certeza já ouviu esse termo — mas, sabe o real significado dele?

Photo by michael podger on Unsplash

O termo Web Standards deve ser um mantra para todo desenvolvedor front-end.

https://www.webstandards.org/

Utilize corretamente as linguagens e você terá um resultado final com qualidade, simplicidade e acessibilidade.

Para você ler o FAQ completo:

https://www.webstandards.org/learn/faq/index.html

1 — Formulários

<label for="form_name">Nome</label>
<input type="text" id="form_name" name="form_name" />
<input type="submit" id="form_submit" name="form_submit" value="Enviar" /><!-- ou --><button type="submit" id="form_submit" name="form_submit">Enviar</button>

2 — Heading Tags

3 — Listas

Apesar de visualmente o conteúdo estar ajeitado e até mesmo validado por um designer (ou um PM/PO), o código estará verdadeiramente correto se você utilizar a marcação correta.

4 — Imagens

"Ah mas essa minha imagem aqui não precisa de alt, não quero que o usuário interaja com ela"

<img src="imagem.jpg" alt="" />

5 — Emojis

<span role="img" aria-label="bandeira do Brasil">🇧🇷</span>

Embora este tema não esteja no FAQ do WaSP, é cada vez mais comum o uso desse tipo de linguagem e achei relevante ele estar figurando aqui.

6 — ARIA

ARIA significa Accessible Rich Internet Applications - em português, "Aplicações Ricas Acessíveis da Internet".

WAI significa Web Accessibility Initiative - em português, "Iniciativa da Web Acessível"

Os atributos ARIA podem (e devem) ser utilizados com as definições do HTML5!

Apenas citando, a velocidade de carregamento da página seria um desses outros itens.

--

--

Human, front-end developer, amateur musician, writer and speaker; problem solver. https://jlozovei.dev

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Julio Lozovei

Human, front-end developer, amateur musician, writer and speaker; problem solver. https://jlozovei.dev