Declaración de accesibilidad
Richscripts Inc. se compromete a que RichTextEditor pueda usarlo todo el mundo, sea cual sea la tecnología de apoyo con la que una persona escribe y revisa documentos. Esta página indica qué objetivo tenemos, qué funciona hoy y en qué sabemos que nos quedamos cortos.
Objetivo de conformidad
RichTextEditor tiene como objetivo cumplir las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.2, nivel AA. El editor está construido sobre contenteditable nativo, HTML semántico estándar y roles y atributos ARIA allí donde el HTML semántico por sí solo no basta.
Todavía no se han publicado una auditoría de accesibilidad de terceros ni un VPAT formal. Hasta que haya pruebas independientes, esta página es una autoevaluación y enumera de forma explícita las carencias que conocemos.
Qué funciona hoy
Uso con teclado (WCAG 2.1.1, 2.1.2, 2.4.3)
- La barra de herramientas es una única parada de tabulación, según el patrón de barra de herramientas de las ARIA Authoring Practices: Tab entra en ella una vez, luego ← / → se mueven entre los botones y Home / End saltan a cualquiera de los extremos. El foco vuelve al último botón que usaste. En RTL, la dirección de las flechas sigue la dirección de lectura del documento.
- Sin trampas de teclado (2.1.2). Tab conserva su significado de edición dentro del contenido (aumentar la sangría de una lista, pasar a la siguiente celda de una tabla), así que la salida es una tecla distinta y documentada: Esc sale del área de edición y pone el foco en la barra de herramientas, desde donde Tab sigue recorriendo la página con normalidad. La forma de salir se anuncia como parte del nombre accesible del área de edición, así que un lector de pantalla la lee al entrar en lugar de dejar que el usuario la adivine. Si hay un menú o un cuadro de diálogo abierto, Esc lo cierra primero.
- Todos los comandos de la barra de herramientas tienen atajos de teclado.
- Los cuadros de diálogo retienen el foco; Esc los cierra y devuelve el foco al control que los abrió.
- Las tablas admiten la navegación entre celdas con Tab y Shift+Tab para ir hacia atrás.
- Los comandos de barra, las @menciones y el cuadro de diálogo de IA se manejan por completo con el teclado: no hace falta el ratón.
Compatibilidad con lectores de pantalla (WCAG 1.3.1, 4.1.2, 4.1.3)
- Los botones de la barra de herramientas exponen nombres accesibles mediante
aria-label. Los comandos de alternancia (negrita, cursiva, subrayado, alineación, listas, control de cambios y los modos de vista) exponenaria-pressed, que refleja el propio estado activo del editor para que el valor anunciado nunca contradiga el botón resaltado. Los botones de menú exponenaria-haspopupy mantienenaria-expandedcorrecto mientras el menú se abre y se cierra. - Los cuadros de diálogo exponen
role="dialog"con unaria-labelque les da nombre; el foco se queda dentro, y Esc los cierra y devuelve el foco a donde estaba. En 2.6.12 hay dos paneles que no están marcados como modales: el panel Insert Link que se abre desde la barra de herramientas no tienearia-modal, y Find and Replace establecearia-modal="false". Activa el plugin de accesibilidad de los cuadros de diálogo para que el panel Insert Link recibarole="dialog"y sus campos tengan nombre. - El panel AI Review expone el rol
regioncon una etiqueta en vivo; las sugerencias nuevas se anuncian mediantearia-live="polite". - Los comentarios y las sugerencias del control de cambios exponen etiquetas por autor, para que los lectores de pantalla anuncien “Comment by Maya Patel”.
- Los encabezados del contenido del editor conservan la semántica de
h1–h6; las listas conservanul/ol/li.
Diseño visual (WCAG 1.4.3, 1.4.11, 1.4.12)
- El tema predeterminado cumple un contraste de 4.5:1 para el texto y de 3:1 para la interfaz.
- Los indicadores de foco son visibles con un contraste de 3:1 frente a los colores adyacentes y ningún skin personalizado incluido en el paquete los suprime.
- Los diseños del editor respetan las preferencias de tamaño de texto del usuario: no hay alturas fijas en píxeles que recorten el texto con el zoom del navegador al 200%.
- Ninguna información se transmite solo con el color; la atribución del control de cambios siempre incluye una etiqueta con el autor además de un color.
Ayuda en la entrada (WCAG 3.3.1, 3.3.3)
- Los cuadros de diálogo de carga y de URL de imagen describen los errores en lenguaje claro, asociados al campo que falla mediante
aria-describedby. - Las acciones destructivas (borrar un comentario, rechazar una sugerencia) ofrecen una forma de deshacer en el panel de revisión.
Modelo de contenido
- Las imágenes reciben texto alternativo mediante el cuadro de diálogo Image; el alt se conserva al pegar desde Word, Excel y Google Docs.
- Los enlaces conservan un texto legible: no se genera automáticamente “click here”.
- El HTML y el DOCX exportados conservan los niveles de encabezado y la estructura de las listas; los lectores de pantalla posteriores ven una estructura que coincide con la del editor.
- La exportación a PDF está etiquetada. Que el texto se pueda seleccionar no es lo mismo que un documento accesible: un PDF sin etiquetar le da a la tecnología de apoyo un flujo plano de palabras sin encabezados, sin semántica de listas, sin relaciones de tabla y sin un orden de lectura garantizado. El exportador vectorial escribe un árbol de estructura completo (
H1–H6,P,L/LI,Table/TH/TDcon alcance de columna,Figurecon/Alt), y marca las líneas, los bordes y los encabezados de página como artefactos para excluirlos del orden de lectura. Consulta por qué un PDF con búsqueda y un PDF accesible son funciones distintas y cómo se escribe el PDF a mano para que el texto siga siendo texto.
Carencias conocidas
Creemos que la confianza se construye con honestidad, no con una declaración que suene perfecta. Estas son las áreas en las que sabemos que todavía no alcanzamos el objetivo, y qué estamos haciendo en cada una:
- Auditoría de terceros todavía no publicada. Esta declaración refleja solo una autoevaluación. Los equipos de compras empresariales que exijan un VPAT formal deben tratarlo como un requisito pendiente y contactarnos para obtener el paquete actual de pruebas de accesibilidad.
- Los encabezados de tabla se señalan, no se deducen. El editor no supone que la primera fila es una fila de encabezado: si se equivoca, convierte datos en encabezados, lo cual es peor que dejarlo como está. Lo que sí hace es señalar la tabla: el comprobador de accesibilidad emite
table-missing-headeren cualquier tabla sin celdas de encabezado y ofrece una reparación con un clic que convierte la primera fila en<th scope="col">, conservando el contenido y los atributos de las celdas. Esescopees lo que se traslada al PDF etiquetado (THcon alcance de columna) y al.docx(una filatblHeaderque se repite), así que una sola corrección arregla la tabla en todos los formatos de exportación. La carencia que queda es que una tabla creada sin cuidado sigue siendo inaccesible hasta que alguien ejecuta el comprobador. - El editor de imágenes (tui.image-editor) es una dependencia de terceros; su paleta de herramientas no es totalmente accesible con el teclado. Ofrecemos una alternativa simple de carga para que los usuarios puedan saltarse el editor e insertar igualmente imágenes con texto alternativo.
- La barra de herramientas en móviles es adaptable, pero no está optimizada para la navegación con el rotor de VoiceOver / TalkBack. Está en la hoja de ruta de 2026 junto con el modo de barra de herramientas móvil dedicado.
Tecnologías de apoyo compatibles
Probamos las siguientes combinaciones antes de cada versión. Cualquier problema en una de estas combinaciones bloquea la publicación.
| Plataforma | Lector de pantalla | Navegador |
|---|---|---|
| Windows 11 | NVDA 2024.x | Chrome, Firefox, Edge (última versión) |
| Windows 11 | JAWS 2024 | Chrome, Edge (última versión) |
| macOS 14+ | VoiceOver | Safari (última versión) |
| iOS 17+ | VoiceOver | Safari |
| Android 13+ | TalkBack | Chrome (sin garantías) |
Atajos de teclado
La guía del usuario final documenta la referencia completa de atajos. Los más destacados:
- Ctrl+B / I / U: negrita / cursiva / subrayado
- Ctrl+K: insertar enlace
- / al principio de una línea: menú de comandos de barra
- @ + nombre: selector de menciones
- Ctrl+Alt+M: añadir un comentario a la selección
- Ctrl+Shift+E: activar o desactivar el control de cambios
- Ctrl+Space sobre una selección: Ask AI
Informar de un problema
Si usas tecnología de apoyo y algo no funciona, queremos saberlo. Incluye:
- La tecnología de apoyo que usas (nombre + versión)
- El navegador y el sistema operativo
- Qué intentabas hacer, qué ocurrió y qué esperabas
- La URL o un fragmento de código, si eres integrador
Escribe a accessibility@richtexteditor.com: nos comprometemos a dar una primera respuesta en un plazo de dos días hábiles.