Criando páginas acessíveis

Vamos pensar

Para você, o que significa algo acessível?

Sinônimos

Aproximável, disponível, atingível, alcançável, transitável...

Precisa ser acessível

A web é aberta. Suas páginas podem ser navegadas em qualquer lugar do mundo, por pessoas com diversas vidas diferentes.

Acessível para quem?

Todos precisam conseguir navegar da melhor maneira possível no seu site.

E se...?

- Um idoso quiser acessar?

- Uma pessoa com algum tipo de deficiência?

- Uma pessoa que não fala sua língua?

- Uma pessoa que acessa usando celular?

São muitas situações

E talvez você não possa prever todas. Mas é seu dever enquanto desenvolvedor garantir que elas poderão ser resolvidas.

Mantendo acessível

Há muitas coisas que podemos fazer para garantir que nossas páginas sejam minimamente acessíveis!

HTML semântico

- Todos os elementos devem estar tagueados de forma semântica. Lembram do <h1>, <h2> ... <nav>, <main>?

Atribuindo a língua

Usando o atributo lang corretamente, o navegador pode identificar imediatamente qual a linguagem do conteúdo da página e oferecer uma tradução para outro idioma se for preciso.

Alt na imagem

Uma pessoa pode simplesmente não conseguir ver a imagem que você colocou. Mas e se ela poder ler ou ouvir o que está escrito?

Foco no HTML

Antes de pensar em incluir estilos na página, confira se o conteúdo da página pode ser realmente compreendido bem antes de ganhar algum estilo.

- O título principal parece um título principal?

Vamos praticar?

Há mais coisas para aprender, mas se vocês seguirem o que vimos hoje, uma porcentagem enorme de problemas com acessibilidade já estarão resolvidos. Isso foi o básico, sigam direitinho!

Até a próxima!

Não deixem de revisar as apostilas e resumos

Made with Slides.com