Boa noite pessoal,
No curso de acessibilidade, na parte onde se fala do carrossel, notei que foi inserido o operador void() e que também poderia ser utilizado o preventDefault, mas que ambos deixariam a acessibilidade inadequada, justamente pela falta do retorno da chamada.
Também notei que o efeito padrão do botão é recarregar a pagina, mas fiquei pensando se a solução nesse caso, seria de criar um elemento, talvez o span no lugar do botão.
Isso seria uma solução possível?
Fala ai Juliano, tudo bem? Você pode dar uma lida na documentação da W3C para entender melhor os padrões seja de semântica ou funcionamento de um componente Carousel:
https://www.w3.org/TR/wai-aria-practices-1.1/#carousel
Eles possuem até exemplos prontos.
Espero ter ajudado.
Olá Matheus, tudo bem?
Você notou que o elemento que foi transformado em botão(visualmente) foi uma DIV?, ou seja, como o efeito de um button é recarregar a pagina, talvez trocar o elemento para uma div, faz com que não seja necessário adicionar o void(). Aproveito para dizer que para o leitor de tela, foi adicionou um role=buttom. https://www.w3.org/TR/wai-aria-practices-1.1/examples/button/button.html
Fala Juliano, as implementações tem N maneiras de serem feitas.
Mas, eu particularmente prefiro manter o button e através da JavaScript realizar o preventDefault.
Mesmo tem a opção de usar a div com as role's (no caso a button).
Espero ter ajudado.