acessibilidade

Curso de Design de Interfaces Acessíveis

Atualização: Nova turma aberta! O curso começa dia 22 de setembro, com aulas noturnas e na modalidade online (com o Microsoft Teams). Para deixar mais fácil, vou deixar aqui também os...

Continue lendo

Ilustração de um computador com uma página Web na tela. Em volta do computador há uma série de ferramentas, como lupa, chave inglesa, engrenagem dentre outras. Todas flutuando pela tela

Plug-ins que uso para testes de acessibilidade

7 de julho de 20216 de agosto de 2021

Ilustração de uma mulher segurando um grande símbolo de checado, verificado. Ao seu lado há uma grande pasta de trabalho e atrás dela uma enorme tela de onde sai uma folha de papel. A figura representa que o documento que sai do computador está em conformidade.

Conformidade com validadores automáticos em uma página com barreiras de acesso

22 de junho de 202122 de junho de 2021

Ilustração de um tablet sendo segurado por uma mão. Na tela há um formulário com campos de nome e senha. Na mão esquerda um dedo aponta para um botão rosa.

Como leitores de tela interpretam os tipos de campos de formulário

26 de maio de 202126 de maio de 2021

Ilustração que representa a criação de uma animação. Na tela há uma mulher correndo com linhas que demarcam o movimento de suas juntas. Ao lado existem alguns painéis que representam ajustes de vídeo

Controlar redução de movimento no CSS

9 de abril de 20219 de abril de 2021

Homem com a mão na cabeça com cara de pensativo. Sobre sua cabeça existem três balões de pensamento. Um com o texto aria-label, outro com aria-describedby e outro com aria-labeledby. A figura expressa a dúvida sobre qual deles usar.

Diferenças entre aria-label, aria-labeledby e aria-describedby

2 de abril de 2021

Ilustração de um grande monitor. Há uma aplicação carregando uma imagem e uma mulher carrega uma foto para dentro desse monitor

Limite de caracteres para texto alternativo em imagens

20 de março de 202120 de março de 2021

Campanha – Descrição de imagens no twitter

4 de fevereiro de 202116 de junho de 2021

Montagem com a foto dos alunos do curso de design de interfaces acessíveis e três exemplares do meu livro sobre acessibilidade na Web

Um ano para compartilhar conhecimento

9 de dezembro de 202018 de junho de 2021

Imagem com o boneco do pokemon Mewtwo olhando para a direita. Existem três botões de redes sociais. Twitter, Facebook e Instagram. Abaixo do boneco há um bloco de texto com a seguinte informação. Descrição da imagem: Boneco do Pokemon Mewtwo de pé sobre uma plataforma de madeira. O boneco é roxo tem orelhas sobre a cabeça, cauda longa e anda sobre dois pés. Ele está olhando para o lado direito.

Como adicionar texto alternativo em imagens nas redes sociais

24 de agosto de 202018 de junho de 2021