Declaración de accesibilidad

Última actualización: October 16, 2026

Rubyy está construido para que pueda utilizarlo el mayor número de personas posible, sea cual sea la forma en que naveguen por la web. Esta página describe las características de accesibilidad que hemos incorporado a rubyy.com, las limitaciones que conocemos y cómo avisarnos cuando algo no funcione.

Objetivo de conformidad

Aspiramos a cumplir las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 nivel AA. Es el nivel que la mayoría de jurisdicciones toman como referencia para los sitios web de cara al público (la Directiva europea de Accesibilidad Web, la PSBAR del Reino Unido, la actualización de la Sección 508 de EE. UU. y el listón habitualmente citado de la ADA). Probamos contra AA en cada versión del sitio de marketing; algunas áreas superan AA cuando ha sido fácil hacerlo, y hay algunas brechas conocidas que se quedan cortas. Ambas listas están más abajo.

El producto completo de Rubyy (la plataforma en sí) está en fase de desarrollo previa al lanzamiento. Cuando se publique el producto, redactaremos una declaración de accesibilidad aparte que cubrirá el panel de control y las tiendas que nuestros clientes construyan con él.

Qué hemos construido

• Navegación por teclado. Se puede llegar a cualquier control interactivo del sitio y activarlo con Tab, Mayús+Tab, Intro, Espacio y Esc. El primer elemento enfocable de cada página es un enlace Saltar al contenido principal que omite la cabecera.
• Indicador de foco visible. Aparece un contorno de 2 píxeles alrededor de cualquier elemento que reciba el foco del teclado, tanto en modo claro como oscuro.
• Marcas semánticas. La página se estructura con regiones <header>, <main>, <nav> y <footer> para que la tecnología de asistencia pueda saltar entre ellas. Los niveles de encabezado son lógicos (un único <h1> por página, sin saltarse niveles por debajo).
• Formularios. Tanto la suscripción a la lista de lanzamiento como el formulario de contacto disponen de etiquetas visibles, marcan los campos obligatorios con aria-required, muestran los mensajes de error vinculados al campo mediante aria-describedby, alternan aria-invalid en el campo problemático y anuncian el estado del envío a través de una región en vivo polite. El botón de envío permanece deshabilitado hasta que enfoca un campo, y el formulario marca aria-busy mientras la petición está en curso.
• Carrusel. El carrusel destacado anuncia los cambios de diapositiva mediante una región en vivo polite, dispone de botones de anterior/siguiente etiquetados y la navegación por puntos lee «Ir a la diapositiva N de M» en su idioma. La pista también responde al desplazamiento nativo con gestos o flechas.
• Selector de país. El desplegable de país de la cabecera es un <nav> etiquetado de enlaces; el idioma activo se marca con aria-current="true". En países multilingües (Bélgica, Canadá, Suiza, Finlandia, Luxemburgo) cada idioma es un enlace enfocable independiente.
• Movimiento reducido. Si su sistema operativo tiene activada la opción Reducir movimiento (macOS / iOS Accesibilidad, Windows Configuración → Accesibilidad → Efectos visuales), desactivamos la animación de brillo de las gemas, la deriva del divisor, el deslizamiento del banner de cookies y el pulso automático del carrusel. El sitio permanece estático.
• Contraste. El texto del cuerpo y las acciones principales superan el contraste AA tanto en modo claro como oscuro. Las etiquetas eyebrow y los colores de los enlaces cambian a un tono de rubí más claro en modo oscuro para conservar el contraste sobre tarjetas oscuras.
• Texto alternativo. Cada imagen significativa del sitio (capturas de pantalla del producto, iconos de audiencia, la portada OpenGraph) tiene un texto alternativo descriptivo. Las gemas decorativas y las líneas divisorias se marcan con aria-hidden para que los lectores de pantalla no las anuncien.
• Tipografías autoalojadas. Pacifico y Poppins se sirven desde el mismo origen que el resto del sitio, de modo que se cargan aunque las herramientas de privacidad bloqueen los CDN de tipografías de terceros.
• Atributo de idioma. El atributo lang de la página coincide con el idioma activo, de modo que los lectores de pantalla pronuncian el texto con la voz adecuada. El selector lista 41 combinaciones país/idioma y recuerda su elección durante un año.
• Banner de cookies. El banner es una región etiquetada, se puede alcanzar con Tab desde cualquier punto de la página, y el enlace Preferencias de cookies del pie reabre el banner directamente en el panel de ajustes por categoría y traslada allí el foco. Rechazar es un solo clic en el banner de primera visita, con la misma prominencia que Aceptar.
• Cuenta atrás. Las celdas de dígitos visibles se actualizan cada segundo pero se ocultan a los lectores de pantalla; en su lugar se expone un resumen fuera de pantalla que se actualiza una vez por minuto, para que la tecnología de asistencia no lea cada tic.
• Mensajes de estado. Los errores y aciertos se anuncian mediante regiones en vivo role="status", no solo por color.

Limitaciones conocidas

Somos transparentes con las brechas que aún no hemos cerrado. Si alguna de ellas le impide utilizar el sitio, comuníquenoslo.

• Revisión de la traducción al maltés pendiente. La traducción al maltés (mt) fue un borrador inicial que aún no ha sido revisado por un hablante nativo. Si detecta frases extrañas, escríbanos.
• Islandia y Luxemburgo. Stripe Connect (que utilizamos para los pagos) no se localiza al islandés ni al luxemburgués, por lo que a las personas visitantes de esos países se les muestra inglés (Islandia) o francés/alemán (Luxemburgo). Cuando Stripe añada esos idiomas, los seguiremos.
• Flechas de teclado en el carrusel. El carrusel responde a clics, toques y gestos, pero actualmente no rota mediante las flechas del teclado cuando el foco está dentro de la pista. Los botones de anterior/siguiente cubren la misma funcionalidad por completo.
• Foco inicial del banner de cookies. Cuando una persona visita el sitio por primera vez, el banner de cookies se renderiza en la parte inferior, pero el foco permanece en el cuerpo del documento para no interrumpir la lectura. Para alcanzarlo por teclado, recorra la página con Tab; o utilice el enlace Preferencias de cookies del pie, que traslada el foco al banner.

Navegadores y tecnologías de asistencia

Probamos el sitio en:

• Chrome y Firefox en Windows 11 y macOS Sonoma
• Safari 17 en macOS Sonoma e iOS 17 / 18
• Microsoft Edge en Windows 11
• VoiceOver en macOS Sonoma e iOS, NVDA en Windows, TalkBack en Android
• Navegadores basados en Chromium en modo Alto contraste de Windows

Los navegadores y tecnologías de asistencia más antiguos pueden renderizar partes del sitio de forma distinta; corregiremos los problemas concretos que nos comunique.

Cómo notificar una barrera

Si algo de esta página no funciona con su tecnología de asistencia, o detecta un problema de contraste, teclado o lector de pantalla que se nos haya pasado, escriba a [email protected]. Incluya:

• La URL de la página en la que se encontró con el problema
• Lo que estaba intentando hacer
• La tecnología de asistencia o el navegador que estaba utilizando
• Lo que ocurrió (y lo que esperaba en su lugar)

Acusaremos recibo de su mensaje en un plazo de dos días laborables y le indicaremos cuándo esperamos publicar una corrección.

Reclamaciones formales

Si reside en la UE y no podemos resolver su reclamación, puede escalarla a la autoridad de control en materia de accesibilidad de su Estado miembro. Las personas visitantes del Reino Unido pueden dirigirse a la Equality and Human Rights Commission. Las personas visitantes de EE. UU. pueden presentar una reclamación ante el Departamento de Justicia al amparo de la ADA.

Cambios en esta declaración

Actualizaremos la fecha de «última actualización» indicada arriba cada vez que publiquemos cambios relevantes para la accesibilidad. Las adiciones significativas (una nueva función en el sitio, un nuevo idioma, una corrección de una limitación documentada) también se resumirán aquí.