Nos blocos de mapa Express, a chave/legenda usa uma lista não ordenada (<ul>) para a lista de locais clicáveis, o que funciona bem para navegação visual e por teclado. No entanto, os itens da lista (<li>) dentro dela são todos atribuídos ao papel de botão (role="button"), o que não é HTML válido — e é uma violação do WCAG 2.1 que faz com que usuários de leitores de tela não sejam informados sobre quantos itens há na lista. Isso se torna um grande problema com blocos de mapa robustos que têm dezenas — ou mais — de locais pelos quais eles teriam que navegar usando tabulação.
Há uma boa explicação em dequeuniversity.com/rules/axe/4.12/list (peço desculpas — não posso postar um link porque minha conta não é antiga o suficiente).
Vou deixar para outros mais conhecedores do que eu, mas idealmente a legenda usaria um elemento semântico como <button> ou <a>a0dentroa0de cada <li>, em vez de atribuir um papel clicável ao próprio <li>.
Isso é algo que poderia ser resolvido? Pergunto porque somos uma instituição educacional governamental nos EUA, e temos um prazo até 26 de abril de 2027 para conformidade com o WCAG 2.1 (conforme regulamentos federais ADA Título II). Adoramos os mapas Express nos StoryMaps que usamos para ensino e pesquisa, mas teremos que removê-los até o prazo se houver violações.
