Pregunta sobre Accessibility de Wordpress:

Elimine las líneas de puntos sin comprometer la funcionalidad del lector de pantalla

Un usuario preguntó 👇

Hola a todos,

Se pregunta si hay una forma de eliminar las líneas de puntos sin comprometer la accesibilidad o la funcionalidad del lector de pantalla. Veo que otros sitios hacen eso y no puedo entenderlo por el resto de mi vida. Todo lo que quiero es que cuando el mouse haga clic en enlaces, etc. Siempre que no esté rodeado por una línea de puntos, pero también quiero que alguien pueda presionar el botón de tabulación y desplazarse y delinear la línea de puntos en el enlace en el que se encuentra o desplazarse. Gracias.

Atentamente, Craig

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

Eso no se aplica a los lectores de pantalla. Esto es para personas que necesitan ver lo que han seleccionado, especialmente para personas que usan dispositivos de entrada simples o usuarios de teclado.

Eso se puede hacer con seguridad, pero ¿es una buena idea eliminar ese pico de trucha? Este esquema cambiará, si entiendo correctamente su problema, en diferentes navegadores. Chrome, por ejemplo, tiene un contorno azul.

Para eliminar esto para las personas que usan dispositivos de mouse, agréguelo a la sección «CSS adicional» del panel:


body:hover .button:focus, button:focus, 
body:hover input[type="button"]:focus,
body:hover input[type="reset"]:focus, 
body:hover input[type="submit"]:focus, 
body:hover .main-navigation-container .button > a:focus, 
body:hover .menu-toggle:focus,
body:hover a:focus {
    outline: 0;
}

https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

Esta respuesta fue modificada hace 2 años, 9 meses por.

(@cmurway)

Hace 2 años, 9 meses

Hola andrew,

Gracias por su ayuda .. por favor piense por mi mismo si es una buena idea. Gracias también por la aclaración.

me da un error sobre la sangría esperada en la línea 200, col 23 justo antes de este cuerpo de línea: entrada de desplazamiento[type=»button»]: atención,

¿alguna sugerencia?

(@cmurway)

Hace 2 años, 9 meses

Ahh lo tengo funcionando (agregado en cada línea por separado).

Funcionó demasiado bien … eliminó el contorno … quería eliminarlo para los usuarios del mouse. ¿Cualquier otra sugerencia? gracias

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

No estoy seguro de lo que quiere decir, ¿dónde está la pregunta específicamente?

(@cmurway)

Hace 2 años, 9 meses

Ahora los contornos se han ido por completo (incluso usando una pestaña, etc.) … querían ser eliminados cuando un clicker del mouse hace clic en ellos … el CSS que proporcionó elimina los contornos por completo (que ‘Podría hacer con un {esquema: no! Importante;})

Pensé que el CSS que proporcionaste solo afectaría a los dispositivos de mouse. Agradezco la ayuda de Andrew.

Esta respuesta fue modificada hace 2 años, 9 meses por. Razón: da las gracias

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

Los contornos solo desaparecen si está usando un mouse. Intente mover el mouse fuera del sitio web y luego presione la pestaña.

(@cmurway)

Hace 2 años, 9 meses

ahh ya veo … gracias Andrew, movió el cursor del navegador por completo .. Gracias 😉 ¡Te lo agradezco!

Esta respuesta fue modificada hace 2 años, 9 meses por.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *