Probablemente deberíamos usar el atributo role por ahora… Sospecho que cambiar a H2 rompería muchos temas.
7 Me gusta
Sin problemas, la PR está en camino.
Esto hace que navegar por las listas de temas sea mucho más agradable en NVDA; solo tienes que presionar h, h, h para moverte entre los temas.
9 Me gusta
Es una lástima, pero usar h2 o h3 para la lista de temas tendría sentido. Probablemente ese barco se hizo a la mar hace más de 8 años.
4 Me gusta
Hmm, no estoy muy seguro de cómo me siento con la nueva región. Sí añade un pequeño extra de texto a cada publicación, pero no creo que sea tan malo, y de hecho proporciona un poco más de contexto a cada publicación mientras navegas con las flechas. Supongo que podremos revertirlo en una fecha posterior si resulta que a la gente no le gusta, ¿verdad?
¿Supongo que estos cambios ya están activos aquí? Parece que sí, y hacen que la experiencia de navegación por temas sea mucho más agradable. ¡Muchas gracias por actuar tan rápido en esto! ¿Cuándo se lanzará la nueva versión en los sitios alojados?
6 Me gusta
Cuando pulsemos el botón de implementación 
. Tu sitio se está desplegando ahora mismo; debería estar activo en unos 20 minutos.
4 Me gusta
Asumo que podemos revertirlo más adelante si resulta que a la gente no le gusta.
Sí, absolutamente. Si la comunidad de personas ciegas considera que esto genera más ruido del que realmente ayuda, estaré encantado de revertirlo.
Los menús desplegables que mi lector de pantalla reporta como HTML
<select/>están casi totalmente rotos.
Tenemos una biblioteca llamada SelectKit que utilizamos en muchos lugares. La usas para seleccionar categorías, seleccionar usuarios al crear un mensaje privado, seleccionar el “estado de seguimiento” de un tema (para indicar que estás interesado en seguir un tema).
Esta biblioteca no es en absoluto compatible con NVDA. Vamos a dedicar tiempo a mejorarla, pero lamento decir que se trata de un trabajo muy complejo que podría llevar varias semanas.
Hoy implementamos algunas correcciones más que estoy seguro de que te gustarán. Recuerdo que mencionaste lo difícil que era para ti encontrar la interfaz de administración.
“Ir a otra lista de temas o categoría”, que se encuentra en la parte superior de la página, es nuestro área de “surtido”, que incluye enlaces a la configuración del sitio, al panel de administración, a listas de temas por categorías y más. @eviltrout la modificó esta mañana para que, al expandir la lista, el foco se coloque allí. Esto la hace mucho más evidente para NVDA.
Estoy dedicando mucho tiempo a aprender sobre tu experiencia. Otro problema que noté hoy fue la “falta de retroalimentación” cuando publicas una respuesta o un nuevo tema. Es muy difícil para ti saber si funcionó o no. Intentaremos al menos aplicar algunos trucos de enfoque para ayudarte. Me pregunto si, a largo plazo, deberíamos agregar un modo de “sonidos” en Discourse para que te proporcione retroalimentación sobre errores y éxitos en diversas acciones.
Tenemos un largo camino por recorrer, pero estoy muy emocionado al respecto.
Mi objetivo, y el de Discourse, no es ser “tan bueno” como phpBB. Lo que queremos es ser tu primera opción porque somos mejores en todos los aspectos comparados con la “forma antigua”. Llegar ahí tomará algún tiempo, pero ya hemos comenzado el viaje.
11 Me gusta
Podríamos utilizar regiones en vivo de ARIA para esto; ARIA live regions - ARIA | MDN. El ejemplo común es anunciar la cantidad de resultados después de enviar una búsqueda, pero también podríamos tener un div vacío marcado como región en vivo y agregarle algún texto como “respuesta publicada” cuando sea necesario.
5 Me gusta
¡Las regiones en vivo se ven geniales, incluso podrían ser una solución posible para los problemas del kit de selección.
¡Oh, parece que role=alert también funciona muy bien con nuestros diversos errores, lo estoy agregando ahora!
5 Me gusta
@nolan hoy hay un par de correcciones y mejoras más interesantes. (nota: estoy realizando todas mis pruebas con NVDA)
-
Si intentas publicar y el contenido es demasiado corto, mostramos un alerta con el rol aria, lo que hace que el lector de pantalla te indique qué está mal (por ejemplo, que el post es demasiado corto, etc.).
-
He mejorado la lógica de enfoque de los “modales”; ahora enfocaremos los modales sin excepción. Esto te permitirá descubrir los distintos atajos de teclado. Hay un enlace a ellos en la sección “ir a otra lista de temas o categoría”.
Los cambios se están desplegando en tu sitio en este momento.
¡Dime qué te parecen!
7 Me gusta
Bueno, quizás sea un poco quisquilloso aquí. Pero la forma en que se enumeran los temas es un poco extraña. Parece que toda la fila está marcada como un encabezado y no las columnas individuales. Como dije, esto es realmente algo menor, así que quizás solo sea que soy un poco quisquilloso.
2 Me gusta
¡Vaya, parece que este hilo ha explotado! Supongo que activar las notificaciones del navegador detiene los correos electrónicos; necesito ver si puedo arreglar eso.
¡Estos cambios son geniales! ¡Gracias por ellos!
Estoy de acuerdo en que los encabezados de la lista de temas son un poco extraños. Creo que preferiría que los encabezados solo abarcaran los detalles absolutamente esenciales, ya que si quiero el resto, sé dónde encontrarlo.
Por ejemplo, si miras la visualización de la publicación, el rol h2 que agregué rodea solo el nombre y la hora de la publicación. Esos son probablemente los detalles que más me importan al presionar h/H para moverme por una publicación. Para la lista de temas, probablemente solo me importa el título y nada más.
Ethin, espero que nos estemos refiriendo al mismo problema aquí y que haya captado correctamente tu intención. Por favor, házmelo saber si me he equivocado.
5 Me gusta
También quiero señalar, @Sam, que no es compatible con Orca. No estoy seguro de si @Ethindp puede ayudar con la búsqueda de errores en Linux o algo por el estilo, pero al menos en mi sistema (Ubuntu con Orca/Firefox), los menús desplegables funcionan un poco mejor.
Por ejemplo, si creo un tema, puedo expandir el menú desplegable de categorías y escribir una categoría. Puedo abrir la selección de estado, pero actúa como un botón; si expando ese menú, tengo que pulsar el menú de estado a ciegas (juego de palabras intencionado) y esperar que sea lo que busco. No sé lo suficiente sobre Orca o los eventos ATSPI para saber si lo que funciona para un lector de pantalla funcionaría también para Orca o si requeriría más trabajo.
3 Me gusta
No se pueden controlar los eventos de AT-SPI desde Firefox, así que eso no es un problema. El problema es simplemente el rol que se presenta al lector de pantalla: indica al navegador, mediante ARIA, que un control es un cuadro combinado si se comporta como tal. Recuerda: sigue los patrones de diseño de ARIA a menos que lo que intentes hacer no tenga un patrón definido (lo cual imagino que es bastante raro; ese documento es bastante completo).
@nolan Sí, a eso me refería. La navegación por la tabla a través de los encabezados (y los mensajes) me ralentiza porque:
-
Todas las columnas son un encabezado, o varios encabezados, por lo que se lee como múltiples. Se lee así: título del tema. Pausa. Información del tema. Pausa. Información del tema. Pausa, etc. Orca, a diferencia de NVDA, lee toda una fila de la tabla al navegar con las flechas (o, en este caso, usando la tecla h para recorrerla), en lugar de leer columnas individuales como hace NVDA.
-
Los mensajes son similares. Toda la información del mensaje son, nuevamente, encabezados separados y se leen como se describió anteriormente.
Una solución sería fusionar las columnas respectivas que contienen solo la información importante en un único encabezado, siempre que esto no rompa la disposición visual. (Para ser honesto, no me gusta mucho la navegación por encabezados dentro de una tabla; simplemente no es así como funciona una tabla y los encabezados realmente no deberían usarse allí).
Un último problema pequeño: todos los encabezados parecen estar en el mismo nivel. Esto es problemático porque los lectores de pantalla me permiten saltar por la página según el nivel del encabezado. Como todos los encabezados tienen el mismo nivel, no puedo saltar entre el encabezado del tema y el encabezado de los mensajes relacionados; tengo que leer todo el tema consecutivamente, lo cual resulta molesto, especialmente en temas con un gran número de mensajes.
5 Me gusta
Por el momento, tenemos el rol de encabezado ARIA en toda la fila. Lo moveré para que solo esté en la información esencial, la primera columna de la tabla grande (estado, título, categoría, número de mensajes no leídos, etc.).
¿Debería dar un paso más y asignar el rol solo al título del tema? Supongo que esto hace que todo sea un poco más rápido, siempre y cuando recuerdes navegar hacia la izquierda y la derecha para obtener información sobre el estado del tema, la categoría, etc.
@celtichawk ¡gracias! @j.jaffeux, la opción es una solución para los menús desplegables que debería ser compatible con JAWS, Orca y NVDA. Como mencioné, puede llevar un poco de tiempo, pero estamos trabajando en ello ahora mismo y esperamos tener algo que mostrarles en las próximas semanas.
@ethindp Creo que tengo una idea para la situación de los encabezados en los temas. Podemos asignar el rol de encabezado a un solo elemento como “nombre de usuario” y luego darle una descripción ARIA como “Sam publicó hace 3 horas”. Entonces, supongo que diría:
“Publicación #3 región: Sam publicó hace 3 horas” mientras navegas por el contenido. ¿Deberíamos probar esto?
9 Me gusta
Yo diría que le des una oportunidad. De hecho, me encanta esa idea. (¡Hombre, las plantillas son geniales!)
4 Me gusta
Hmm, probablemente la primera columna sea suficiente. Jugando un poco más con esto, me gusta que no solo lea el título, sino también el estado de no leído y el contador. Supongo que podría conformarme con que lea el resto como lo hace ahora, ya que, por suerte, eso se lee al final. Pero solo la primera columna está más en línea con lo que esperaría.
5 Me gusta
Hola Nolan,
Estaba pensando en cambiar esto hoy, pero el elemento TD ya tiene el rol “rowheader”. Me preocupa tocar eso.
Tengo algunas opciones aquí:
-
Cambiar el rol en el
TD(columna de la tabla) que contiene toda la información clave. -
Introducir el rol en el
SPANlink-top-line; contiene información crítica pero excluye categorías y etiquetas. -
Realmente no quiero hacer esto, pero podríamos agregar un
DIVcontenedor.
¿Qué solución deberíamos elegir aquí?
3 Me gusta
Claus también planteó problemas sobre lo peculiar que resulta el rol de encabezado. Estoy pensando que quizás solo asignemos el rol de encabezado al “enlace” en sí.
De esta manera:
- No se lee nada sobre el estado (bloqueado, fijado, etc.)
- Presionas H
- Escuchas el título del tema
- Presionas H
- Escuchas el título del siguiente tema
Si en algún momento deseas descubrir aspectos especiales del tema o interactuar de una forma más rica, puedes presionar arriba o abajo para obtener más información.
No es una solución perfecta, pero parece una mejora frente a aterrizar en el enlace “fijado” o tener que leer toda la fila.
4 Me gusta
En realidad, el uso de una tabla para mostrar la lista de temas en un foro es realmente muy bueno. Todos los lectores de pantalla que conozco, excepto Orca, pueden navegar por las tablas; por lo tanto, si obtienes la información correcta de filas y columnas, tienes una buena navegación. La razón para solicitar los encabezados en los temas fue obtener una forma estable de navegar por un tema abierto. No veo buenas razones para incluir los encabezados en la tabla, pero si se hacen correctamente, no causan problemas.
Claus
4 Me gusta
Hola.
Quiero darles un enorme agradecimiento a las personas en este hilo. Ayudo a administrar algunas instancias de Discourse y he notado la mayoría de los puntos mencionados aquí. Nunca había dedicado el esfuerzo necesario para averiguar qué se podía hacer al respecto hasta que ayer actualicé uno de los foros y las cosas cambiaron, ¡para mejor!
Esta mañana, al encontrar este hilo, me ha dado mucha optimismo de que las cosas seguirán mejorando.
No tengo muchas sugerencias específicas; han cubierto la mayoría de mis puntos de dolor, así que diría que sigan por este camino.
Hay un punto que creo que no se mencionó, al menos no en este hilo: una forma accesible de citar a alguien en un hilo. Si quiero citar a alguien, normalmente lo hago así:
insertar cita aquí.
Pero me gustaría poder usar el método de cita adecuado. No conozco lo suficiente Markdown como para escribirlo directamente, y aunque lo supiera, suena un poco complicado. Me pregunto qué otros trucos utiliza la gente para citar a otros en un hilo si no se puede usar el ratón.
8 Me gusta