Compromiso y declaración de accesibilidad

Nuestro compromiso de accesibilidad

CopyCharacter está dedicado a garantizar la accesibilidad digital para todos los usuarios, independientemente de su discapacidad, neurodivergencia o la tecnología de asistencia utilizada. Creemos que las herramientas de referencia, los datos tipográficos y los símbolos Unicode deben ser navegables y comprensibles con fluidez para todo el mundo.

Conformidad con WCAG 2.1 nivel AA

Diseñamos y probamos activamente nuestra aplicación web conforme a las normas Web Content Accessibility Guidelines (WCAG) 2.1 nivel AA. Nuestra arquitectura integra principios de accesibilidad desde cero:

• Estructuras semánticas de hitos HTML5 (<header>, <nav>, <main>, <footer>, <article>).
• Un único <h1> jerárquico por página con niveles de encabezado estrictamente descendentes (<h2>, <h3>).
• Enlaces de salto al contenido principal accesibles con la primera pulsación de la tecla Tab en cada vista de página.

Atributos de lectores de pantalla & etiquetas de caracteres

Dado que los caracteres Unicode sin procesar pueden resultar ambiguos o no vocalizables para los motores de texto a voz (como NVDA, JAWS o VoiceOver), enriquecemos nuestras cuadrículas de caracteres:

• Etiquetas ARIA descriptivas: Cada celda de carácter proporciona una aria-label que declara su nombre oficial Unicode y su punto de código (p. ej., aria-label="Euro Sign, Codepoint U+20AC").
• Anuncios de estado en vivo: Cuando un usuario copia un carácter al portapapeles, una región invisible aria-live="polite" anuncia la confirmación ("Copiado Euro Sign al portapapeles") sin robar el foco.
• Encabezados de tabla: Todas las tablas de atajos y codificaciones usan elementos <th scope="col"> y <th scope="row"> explícitos.

Operabilidad total por teclado & anillos de foco

Cada elemento interactivo de CopyCharacter es totalmente funcional sin ratón:

• Navegación completa por orden de tabulación a través de barras de búsqueda, tarjetas de caracteres, filtros de categoría y controles de formulario.
• Operable mediante pulsaciones estándar: Enter o Espacio para activar botones y copiar glifos.
• Anillos de foco visual de alto contraste (:focus-visible) en color índigo/azul brillante en los temas claro y oscuro, para que los usuarios de teclado nunca pierdan su lugar.

Contraste de color & tipografía

• Relaciones de contraste: El contenido textual cumple o supera la relación mínima de contraste WCAG de 4,5:1 frente a las superficies de fondo; los encabezados grandes cumplen o superan 3:1.
• Movimiento reducido: Todas las microanimaciones y comportamientos de desplazamiento suave respetan la consulta de medios prefers-reduced-motion: reduce.
• Sistemas de escritura bidireccionales (BiDi): El árabe, hebreo, urdu y demás sistemas de derecha a izquierda se sirven con los atributos dir="rtl" apropiados para preservar la integridad visual y semántica.

Comentarios & notificación de barreras de accesibilidad

Probamos y refinamos continuamente nuestra aplicación. Si encuentra una barrera de accesibilidad o tiene sugerencias de mejoras de asistencia, contáctenos: