Hola, soy un nuevo desarrollador web. Recibo un error de botón vacío de wave.webaim.org - Accesibilidad WCAG 2.0 Nivel AA. Ese es el código.
<button type="button" role="presentation" class="owl-prev disabled h-hidden" title="none">alguna ayuda en eso? Gracias por adelantado.
Debe tener texto real dentro del button . Si no desea tener un texto visible porque diseña el botón de cierta manera, usar la solución PisteVW de arriba funciona bien.
Alternativamente, puede usar el atributo aria-label="button text here" para darle una etiqueta al botón.
Además, debe eliminar role=presentation ya que el botón realiza una acción clara, no está allí simplemente para indicar imágenes de presentación, por ejemplo: https://www.w3.org/TR/wai-aria-1.1/#presentation
"Un error de botón vacío significa que uno de los botones presentes en la página web está vacío o no contiene texto que describa la función del botón. O, si es un botón de imagen, a la imagen contenida en el botón le falta el texto alternativo". Fuente:https://equalizedigital.com/accessibility-checker/empty-button/
Puede ser que no haya texto en el botón. Si no desea poner un texto visible en el botón, puede poner un texto oculto visualmente que los lectores de pantalla lean, a veces llamado clase sr-only en css. Más información: ¿Cómo ocultar un texto y hacerlo accesible mediante un lector de pantalla?