Gutenberg: Mejoras en los límites en línea

Creado en 8 mar. 2017  ·  3Comentarios  ·  Fuente: WordPress/gutenberg

Hay varios problemas pequeños con la nueva lógica de límites de enlace/código que deben corregirse.

  1. El cuadro de diálogo de enlace fijo incluye zwsp en "Texto para mostrar"
  2. Ingresar en zwsp produce un enlace vacío que debe recortarse.
  3. Es posible que el desvinculo esté roto, necesita más pruebas.
  4. Elimine zwsp cuando el símbolo de intercalación esté en el mismo nodo de texto, pero ya no junto al carácter zwsp.
  5. Agregue más pruebas para rtl y bidi.
  6. Pruebe line-height: -moz-block-height; como una solución para las fallas de procesamiento de Windows de Firefox.
  7. Agregue una opción para deshabilitar esta cosa en caso de que la gente piense que es molesta.
  8. Intenta arreglar la navegación en iOS con teclados externos.
[Type] Task

Comentario más útil

Arreglamos los elementos enumerados en este ticket. Así que estoy cerrando este.

Todos 3 comentarios

Me encanta la función y creo que ayuda mucho a entender dónde estás escribiendo.

Sin embargo, al probar rápidamente con Safari 10 + VoiceOver, el límite del enlace se lee como:
link zero width no break space
o algo así, lo siento, no soy un hablante nativo de inglés aquí 🙂

Una opción podría ser la mencionada por @spocke en Slack :

es posible que deba envolverlo en un lapso con etiquetas aria entonces

Al navegar por caracteres o palabras, los lectores de pantalla ya anuncian link al ingresar a un enlace, aunque no anuncian nada al salir del enlace, por lo que tal vez solo ocultar el carácter zwnbsp de las tecnologías de asistencia podría trabajar bien.

@afercia Hizo algunas investigaciones sobre este.

Para evitar que el signo de intercalación se normalice en el ancla cuando se está dentro/fuera, necesitamos insertar algo que evite que el navegador haga lo que está predeterminado. Usamos espacios de ancho cero que no se rompen porque es básicamente un carácter invisible que ya no se usa para nada, excepto para las firmas de BOM en los documentos. Estos personajes parecen ser ignorados por Tiburón pero hablados por VoiceOver y NVDA.

Traté de solucionar esto de varias maneras:

  1. Cambiar el carácter a tramos con roles y atributos de aria no funcionó, ya que la mayoría de los lectores de pantalla ignoraron complacientemente los atributos. Supongo que, dado que está en el contexto del editor, no tiene ninguna relevancia. Intenté role="presentation" aria-hidden="true" y aria-label="abc" pero no pasó nada excepto en Jaws.
  2. Probé el rango Unicode reservado \ue000, esto está reservado para cosas como íconos, etc. y el lector de pantalla no debe pronunciarlo. No habla estos, sin embargo, también es ignorado por la lógica de normalización de selección de los navegadores, por lo que no se puede usar.
  3. Se agregó un elemento role="status" con aria-live="assertive" y se envió texto a eso, básicamente lo que hace wp.a11y.speak y eso cancela la cola en VoiceOver pero no en NVDA y parece un poco extraño en Jaws. La especificación dice que podría cancelar la cola, así que supongo que lo que sucede es aleatorio. Sin embargo, esto probablemente tenga más sentido para decirle al usuario dónde está el signo de intercalación si está al principio del enlace, al final, antes o después, ya que esas son las ubicaciones que manejamos. Sin embargo, algunos lectores de pantalla seguirán pronunciando ese código de carácter extraño y no estamos seguros de que podamos hacer mucho al respecto.

Así que para resumir esto es complicado. :)

Arreglamos los elementos enumerados en este ticket. Así que estoy cerrando este.

¿Fue útil esta página
0 / 5 - 0 calificaciones