deixo um validador em portugues de Portugal que valida estas questões de acessibilidade:
https://accessmonitor.acessibilidade.gov.pt/
testem
deixo um validador em portugues de Portugal que valida estas questões de acessibilidade:
https://accessmonitor.acessibilidade.gov.pt/
testem
Cara, muito interessante. Joguei a URL desse artigo lá e ele me atentou em algumas coisas que eu nem sabia! E ainda me deu uma brecha para falar um pouquinho sobre a atenção e pesquisa na hora de realizar testes de acessibilidade na web.
Todas as imagens do meu markdown tem uma descrição alt
com o conteúdo do card.
Ele me atentou que todas essas imagens tem uma alt
maior que 100 caracteres e me recomenda usar o atributo longdesc
.
Então meus elementos de imagem ficariam assim:
<img src="{url}" alt="Card com descrição de critério de sucesso" longdesc="{url.txt contendo a descrição longa com o conteúdo do card}" />
mas além de ser um atributo não suportado por quase nenhum browser moderno (se por algum acaso as imagens acabarem não carregando, o usuário só seria capaz de saber que aquilo era um card, mas não o que o card dizia), nem todos os leitores de telas tem suporte para long-desc.
Esse atributo não fez sentido nesse contexto, mas talvez faça no seu! Então sempre pesquise bastante e analise o seu caso e pense em qual solução seria a mais acessível para todos!