Oi, e bem-vindos de volta à medida que voltamos e falamos sobre projetar para
acessibilidade mais uma vez.
Então, como eu tenho dito mais e mais
coisas legais e legais, às vezes sinto a necessidade de controlar você de volta e
lembrá-lo do básico de quando você está projetando sua página.
E parte desse básico é que eu quero lembrá-lo que o conteúdo da sua
página deve estar em seu HTML.
O que eu quero dizer com isso é que pode ser realmente tentador adicionar conteúdo através de cores,
imagens, etc., coisas que as pessoas podem não ser capazes de perceber, mas
você não está necessariamente pensando sobre isso quando,
como um usuário visual, você está meio que trazê-lo para dentro.
Então, o que eu quero que vocês façam enquanto projetam suas páginas, testando,
redesenhando, testando e redesenhando é lembrar o que chamamos de diretrizes POUR.
Queremos que suas páginas sejam perceptíveis, operáveis, compreensíveis e robustas.
E o perceptível e
compreensível realmente combinam com o que você está fazendo com seu CSS.
Então, para
que as coisas sejam perceptíveis, eu só quero que você se lembre de algumas coisas.
Primeiro, lembre-se sempre de fornecer alternativas de texto para suas imagens.
Suas imagens não devem transmitir a informação completamente por conta própria.
Certifique-se de que você está fornecendo legendas e transcrições para vídeo e áudio.
Agora, nem todo mundo tem acesso a ferramentas para fornecer isso para você
gratuitamente, mas onde você trabalha ou onde você vai para a escola pode ser capaz de ajudá-lo.
Certifique-se de que você está usando essa marcação semântica correta para
que o conteúdo possa ser apresentado de maneiras diferentes.
Quero que use essa etiqueta de navegação.
Quero que use a etiqueta de figura em vez da etiqueta de imagem.
O que tende a acontecer é que as pessoas têm código que já
escreveram e querem ser um pouco preguiçosas e não ter que mudar o HTML,
porque quando o fazem, têm que mudar o CSS.
Vá em frente e faça essa mudança.
Vai valer a pena.
Torne mais fácil
para os usuários se conectarem, para ver seu conteúdo, usando um contraste de cores realmente bom.
Você ficaria muito surpreso ao perceber quantas pessoas são incapazes de acessar
informações na web porque eles realmente não conseguem ver o que você colocou lá em cima.
Em seguida, vamos falar sobre o que significa para sua página ser operável.
O que quero dizer com isso é que toda a funcionalidade que está indo para a sua página
deve estar disponível a partir do teclado.
Não espere que todos vão usar um mouse para passar por cima da sua página.
Não espere que algumas coisas, tudo bem que
algumas coisas só sejam acessíveis se você passar o mouse sobre elas.
Os usuários devem ter o controle sobre todo o tempo e os limites.
Então, se você tem esses vídeos na mídia, certifique-se de que você está colocando em que há
um painel de controle para eles para desligar as coisas, desligá-los, rebobinar, etc.
Isso é algo que é realmente importante para mim,
porque eu tenho membros da família que lidam com isso, é que você quer ter certeza
que você não tem algum tipo de conteúdo que pisca o tempo todo.
Não estou a falar do software Flash.
Estou falando de coisas que vão piscar na tela e
o usuário não tem o controle para desligá-lo.
Isso pode causar convulsões.
Você deseja fornecer maneiras de ajudar os usuários a navegar pela sua página.
Não faça disso um quebra-cabeça onde eles têm que descobrir como chegar onde
querem ir.
Seu trabalho é tornar o mais fácil possível para eles encontrar conteúdo e
descobrir onde eles estão em sua página.
Aqui estão apenas alguns exemplos rápidos de diferentes maneiras
que as pessoas às vezes acessam a web, seja com um penstick,
um teclado, um controle remoto, um tipo de teclado acessível, ou
até mesmo algum tipo de dispositivos de sopro que eles podem usar para navegar pela web.
Em seguida, vamos falar sobre o que quero dizer quando uma página é compreensível.
Normalmente, você deseja manter seu idioma curto e doce em sua página.
A menos que você seja um autor e esteja
exibindo seus trabalhos, as pessoas só passarão alguns segundos em sua página.
Torne mais fácil para eles entenderem o que você está tentando dizer.
Quando você tiver texto complementado com ilustrações, vídeos
e outros formatos, quando apropriado, certifique-se de que está usando um
bom design universal, de que as pessoas possam acessá-lo.
Navegação, estrutura de informação, esses devem ser realmente separados e
discerníveis do seu conteúdo.
Torne as pessoas, torne mais fácil para as pessoas fugirem, volte para certas páginas, etc.
E, finalmente, faça suas páginas funcionarem de maneiras previsíveis.
Isso pode ser uma coisa meio confusa para falar, mas
se você já foi a um site onde você simplesmente não consegue descobrir como
voltar para a página que você era há três páginas, torne mais fácil para as pessoas conseguirem isso.
Finalmente, ajude os usuários a evitar e corrigir erros.
Cabe a você, não a eles, descobrir como acessar a informação.
Finalmente, o R, o robusto no POUR.
O seu site é funcional em várias tecnologias, um smartphone,
leitor de tela, laptop, pensticks?
À medida que você trabalha comigo e
vamos mais longe, falaremos sobre design responsivo em algumas aulas posteriores.
E isso é garantir que sua página tenha a melhor aparência
em tamanhos de tela diferentes.
Mas é mais do que tamanhos de tela, você também precisa pensar sobre coisas como dissemos,
os pensticks e os leitores de tela.
Portanto, haverá erros de sintaxe que você pode ter em seu código
que não afetam a aparência da página para você.
Você entrou, parece ótimo, você é como, eu sou dourado.
Você tem que lembrar que esses erros de sintaxe podem atrapalhar outra tecnologia.
Portanto, certifique-se de que você está aderindo aos padrões e
para garantir compatibilidade futura com novos navegadores.
E a maneira mais fácil de fazer isso é acessar validator.w3c.org e
o wave.webaim.org para validar seu código.
É simples, rápido, e realmente vai te dar uma página muito melhor.
Só para revisar, não estou pedindo para fazer grandes progressos.
Só quero que faça as coisas certas.
E isso realmente começa com as tags HTML apropriadas.
Styling pode realmente tornar mais difícil para algumas pessoas acessar as informações, então
teste, teste, teste.
Peça às pessoas que olhem para a sua página.
Peça-lhes que lhe dêem feedback.
Não leve isso para o lado pessoal.
Não se trata da tua codificação.
É sobre realmente fazer um ótimo produto.
Finalmente, tenha o hábito inicial
de utilizar essas diferentes ferramentas de acessibilidade.
Eles estão lá para você tornar sua vida mais fácil, não mais difícil.
Finalmente, a única coisa com que eu realmente luto, com os alunos,
é que todos nós queremos fazer as coisas novas legais.
Mas novos estilos legais e novas tecnologias legais
não devem custar a acessibilidade e as pessoas que visualizam sua página.
Então realmente eu estou esperando que enquanto você está aprendendo este código e
você está ficando um pouco estressado sobre a utilização de todas essas coisas legais que
você está aprendendo, que você está se lembrando que não é sobre ter a página mais legal.
É sobre ter uma página limpa que realmente retrata as informações
que você deseja obter na web.
Boa sorte.