Ferramentas e informações para tornar seu site acessível e em conformidade com a WCAG:
http://OnlineADA.comDesbloqueie os tutoriais da WCAG para conformidade com o nível AA, obtenha treinamento em desenvolvimento web acessível e treinamento adicional em ferramentas na Academia de Acessibilidade:
https://onlineada.com/academy/Online ADA
Avançando na Acessibilidade Digital
Transcrição abaixo:
Olá a todos. Josh aqui com a Online ADA.
Neste vídeo, estamos abordando o artigo 2.1.1,
que é 'Teclado'.
Este é um requisito de nível A e vai abordar
como tornar seu site acessível com o uso
do teclado.
Vamos lá.
Toda a funcionalidade do conteúdo é operável
por meio de uma interface de teclado sem exigir
tempos específicos para pressionamentos de tecla,
exceto onde a função subjacente requer
entrada que depende do caminho
do movimento do usuário e não apenas dos pontos finais.
Vou tocar nesse ponto em um minuto.
Existem duas exceções a isso, ou duas
observações sobre isso. Então, leia também essas.
Nota um, 'Esta exceção se relaciona à função subjacente
não à técnica de entrada,
por exemplo, usar caligrafia para inserir texto. A
técnica de entrada,
caligrafia,
requer entrada dependente do caminho,
mas a função subjacente de entrada de texto não'.
E nota dois,
'Isso não é proibido e não deve desencorajar
fornecer entrada por mouse ou outros métodos de entrada em
adição à operação do teclado'.
Então, a primeira coisa que quero abordar,
é essa frase,
'exceto onde a função subjacente requer
entrada que depende do caminho do movimento do usuário
e não apenas dos pontos finais'.
Está especificamente declarado no artigo da WCAG
que isso é incluído especificamente para separar
aqueles aspectos que não podem ser razoavelmente controlados
por um teclado.
Por exemplo, como uma mesa digitalizadora. Ser capaz de
desenhar em um programa usando
um dispositivo de caneta e uma mesa.
Você não poderia razoavelmente recriar essas funções
apenas com um teclado.
Então, é por isso que essa frase específica existe e
é isso que significa, apenas separar
essas diferenças óbvias que não podem ser
duplicadas.
Além disso, quero tocar no fato de que isso
ajuda muitas pessoas com diferentes tipos de
deficiências.
Pessoas que são cegas e não podem usar dispositivos
como mouses que requerem coordenação mão-olho.
Pessoas com baixa visão podem ter dificuldade em encontrar
ou rastrear um indicador de ponteiro na tela.
E algumas pessoas com tremores nas mãos acham muito
difícil usar um mouse, especialmente quando
o mouse tem
alta sensibilidade ou algo assim. Se elas
não conseguem controlar essa sensibilidade.
É uma boa ideia fornecer múltiplas maneiras de
operar seu site ou sua aplicação.
Existem muitos exemplos de como isso pode ser
utilizado. Eles têm muitos deles aqui na
documentação da WCAG. Vou ler alguns
deles.
Mas é importante entender, de certa forma, o
uso básico deste artigo e isso é
sempre que você tiver um botão
em seu site, digamos um envio de formulário ou até mesmo
um link.
Se você pode
clicar nele para operá-lo, você também deve ser capaz
de tabular para ele e então pressionar enter
para operar, também.
É só sempre que você tiver um evento de clique em
o seu JavaScript,
criar um evento 'on focus'
e um evento 'on enter' também.
Existem muitos
papéis Aria.
Aria é a Acessibilidade de Aplicações Ricas da Internet.
Eu acertei?
Existem muitos papéis Aria
que podem ser aplicados a várias coisas, como
tabas ou acordeões
em seu site
e essas coisas
são obrigatórias. Você deve ter foco de teclado
e controle desses elementos.
Isso é apenas parte do que é implícito ao usar
esses papéis.
Então, se você está rotulando coisas e criando essas
associações, voltando para 1.3.1,
corretamente
então você também está incluindo esses controles de teclado. Então, alguns exemplos que eles
forneceram aqui
são algo como um diagrama de desenho.
Um programa de desenho permite que os usuários criem tamanho,
posicionem e girem objetos a partir do teclado.
Um recurso de arrastar e soltar.
Uma aplicação que usa arrastar e soltar com o
mouse
também suporta recortar e colar ou controles de formulário para
objetos.
E então o último que vou ler aqui é, 'Movendo
entre e conectando pontos discretos'.
O programa de conectar os pontos permite que o usuário
se mova entre os pontos na tela e use a
barra de espaço para conectar o ponto atual ao
anterior.
Esses são alguns exemplos de como podemos implementar
o uso do teclado
em áreas que são tipicamente projetadas para uso de mouse.
Um tipo de coisa fora da caixa em alguns desses,
mas,
onde há vontade, há um caminho. Precisamos garantir
que estamos tornando tudo o mais acessível possível e apenas manter isso em mente ao
construir e projetar essas interfaces, ok?
Obrigado por se juntar a mim e nos vemos no
próximo vídeo.