Accesibilidad

Lo que hemos incorporado y lo que aún falta

Queremos que todo clínico, estudiante y colega pueda leer estas páginas, con independencia de lo que use para leerlas. Esta página explica lo que hemos hecho realmente, cómo lo comprobamos y — en su propia sección, porque importa más que el resto — lo que todavía no está bien.

Última actualización: 1 de noviembre de 2026

La norma

Nuestro objetivo es el nivel AA de WCAG 2.2

Construimos conforme a las Pautas de Accesibilidad para el Contenido Web, versión 2.2, en el nivel AA — el nivel al que hacen referencia la Ley Europea de Accesibilidad y la Sección 508 en Estados Unidos. En cuanto al contraste de color vamos más allá y apuntamos al nivel AAA, porque la mayor parte de este sitio es texto blanco y gris sobre un fondo casi negro y no había motivo para conformarse con la cifra más baja.

No afirmamos que el sitio cumpla la norma. Una declaración de conformidad debe basarse en pruebas, y este sitio no ha sido auditado por nadie ajeno a la empresa ni probado por personas que usan lectores de pantalla todos los días. Lo que hemos hecho, en cambio, es medir: cada color de texto se calculó respecto al fondo sobre el que se encuentra, en lugar de juzgarlo a simple vista; cada página se revisó mecánicamente en todo lo que puede revisarse de ese modo; y los recorridos con teclado por los menús, las tablas y los carruseles se recorrieron en un navegador. Es un trabajo honesto, pero no equivale a una auditoría.

Esta declaración abarca las páginas públicas de www.surglasses.com. No abarca los editores que utiliza nuestro personal para publicar noticias y eventos, que son herramientas internas protegidas con contraseña, ni el software incluido en nuestros dispositivos médicos y sistemas de enseñanza — estos tienen su propia documentación y sus propios requisitos regulatorios.

Lectura del sitio

Contraste, tamaño del texto y zoom

Cada color de este sitio se comprobó respecto a la superficie que tiene detrás antes de usarse. El texto del cuerpo mide 8,0:1 frente al fondo de la página, los títulos 16,9:1, y los enlaces y las cifras 11,2:1 — todos por encima del umbral de 7:1 del nivel AAA más estricto. El color más ajustado de todo el sitio es el gris pequeño que se usa en pies de foto y notas de tabla, con 4,6:1 sobre una tarjeta, que supera el requisito AA de 4,5:1. Un gris anterior medía 4,19:1 y lo sustituimos cuando lo detectamos.

El color nunca es la única forma de marcar algo. Un enlace dentro de un párrafo va subrayado además de coloreado, porque nuestro verde sobre el gris circundante tiene un contraste de solo 1,41:1 — el color por sí solo sería invisible para muchos lectores. La misma regla se aplica dentro de las tablas. Los campos obligatorios de los formularios se indican como obligatorios al navegador, no solo con un asterisco.

Puede hacer zoom. Ninguna página de este sitio limita cuánto puede ampliarla ni desactiva el zoom con pellizco, por lo que el zoom del navegador y del teléfono funciona con normalidad en todas partes. Los tamaños se definen en unidades relativas en todo el sitio, de modo que el ajuste de tamaño de texto de su propio navegador amplía todo el diseño en lugar de romperlo y, en pantallas muy grandes, el tamaño base aumenta para que una pantalla 4K no sea una página pequeña en medio de mucho negro.

Las páginas se imprimen con fondo blanco y texto negro, sin el encabezado fijo ni el video decorativo, de modo que imprimir una página o guardarla como PDF no produce páginas llenas de tinta oscura.

Teclado y lectores de pantalla

Todo es accesible sin ratón

Un enlace «Saltar al contenido principal» es lo primero a lo que se llega en cada página, de modo que no tenga que recorrer con el tabulador todo el menú en cada una.
El foco del teclado siempre es visible. Se dibuja un contorno verde alrededor de lo que tenga el foco, separado del elemento para que ningún borde lo oculte. Aparece con el uso del teclado y no con los clics del ratón, de modo que está ahí cuando hace falta y no estorba cuando no.
Los menús se comportan como menús. Los cuatro activadores de los menús desplegables son botones reales, no enlaces que fingen ser botones, e informan de si están abiertos. La flecha abajo abre un menú y entra en él, las flechas arriba y abajo se mueven entre sus elementos, y Escape lo cierra y devuelve el foco al activador. En un ordenador de escritorio también se abren con el foco sin necesidad de JavaScript.
Las tablas comparativas anchas se pueden desplazar con el teclado. Cada una se encuentra en una región enfocable con nombre propio, de modo que la tabla se desplaza lateralmente dentro de su caja mientras que la página nunca lo hace.
La historia año por año de nuestra página Quiénes somos está construida como una lista de pestañas propiamente dicha: Izquierda y Derecha se mueven entre años, Inicio y Fin saltan al primero y al último, y el panel de cada año está vinculado a su pestaña.
Nada altera el orden del tabulador. A ningún elemento del sitio se le ha dado una posición personalizada en la secuencia del tabulador, por lo que el foco sigue sencillamente el orden en que las cosas aparecen en la página.
Los botones miden al menos 44 píxeles de lado cuando son iconos y no palabras — el botón del menú, los enlaces sociales, los controles del carrusel.

Por debajo, las páginas son HTML corriente: un encabezado principal por página con el resto anidado debajo en orden, regiones reales de encabezado, navegación, contenido principal y pie, y listas y tablas reales. Las 59 celdas de encabezado de las tablas comparativas del sitio declaran si encabezan una fila o una columna. Cada imagen lleva texto alternativo, y las 25 que son puramente decorativas están marcadas como tales para que un lector de pantalla las omita en lugar de leer un nombre de archivo — y cuando nuestro personal añade una imagen a una noticia o a un evento, el editor le pide que la describa en ese mismo momento.

En la página de noticias, cambiar de categoría o de página sustituye la lista en el mismo lugar sin recargar. Eso podría dejar fácilmente a un usuario de lector de pantalla sin saber que algo ha ocurrido, por lo que la lista se marca como ocupada mientras carga y el foco se traslada a la nueva lista cuando llega.

Movimiento y video

Si pide a su dispositivo menos movimiento, este sitio deja de moverse

Todos los sistemas operativos tienen un ajuste de «reducir movimiento». Si el suyo está activado, este sitio lo respeta, y no de forma parcial:

el carrusel de la página de inicio deja de cambiar por sí solo;
los videos de fondo que hay detrás no se reproducen y se ven sus imágenes fijas;
la tira de insignias de premios deja de desplazarse;
los videos de demostración breves en bucle de las páginas de producto no se inician;
las secciones dejan de entrar deslizándose al desplazarse y aparecen de inmediato;
las cifras con cuenta ascendente muestran sus números finales de inmediato; y
al saltar a una sección se va a ella de inmediato en lugar de desplazarse suavemente.

En resumen, con ese ajuste activado no hay nada en este sitio que se mueva a menos que usted pulse reproducir.

Los videos en bucle de las páginas de producto son silenciosos, decorativos y están ahí para mostrar algo que el texto ya le ha dicho. Cada uno lleva una etiqueta de texto que describe lo que muestra. Un video del sitio tiene sonido — la película del producto en la página de inicio. No se reproduce por sí solo. Espera a que usted pulse un botón de reproducción claramente etiquetado, cuya etiqueta indica cuánto dura y si tiene sonido, y después utiliza los controles de video de su propio navegador, por lo que se aplican sus atajos de teclado y sus ajustes de subtítulos habituales.

Sus subtítulos son la mayor carencia de este sitio y tienen su propia sección más abajo.

Los formularios

Una verificación automática, sin límite de tiempo y con una alternativa

Este sitio tiene dos formularios, en la página de contacto y en la página Dónde comprar, y se construyeron teniendo presente esta página.

Hay una verificación automática, y no es de las que hay que resolver. Los formularios incluyen una porque las medidas que no le piden nada — un campo oculto que solo rellena el software automatizado, un límite al número de mensajes que puede enviar una conexión — no detienen a un remitente que rellena bien un formulario. La verificación que elegimos observa cómo se comporta el navegador en lugar de plantearle un acertijo, de modo que nadie tiene que identificar semáforos ni transcribir letras deformadas; la mayoría de las veces se completa sola y lo único que usted ve es un pequeño recuadro que lo indica. Tampoco vamos a fingir que no tiene costo: requiere JavaScript, puede pedir un solo clic de confirmación y es un componente de terceros. Si le estorba por cualquier motivo, llámenos (los números están al final de esta página) — esa vía no tiene verificación y la leemos exactamente igual.
Cada campo tiene una etiqueta real, siempre visible sobre el recuadro, en lugar de un texto de ejemplo que desaparece en cuanto empieza a escribir. Los campos obligatorios se marcan como obligatorios al navegador, de modo que su software puede avisarle antes de enviar.
Los campos declaran para qué sirven — nombre, correo electrónico, organización, país, teléfono — para que el autocompletado del navegador y del gestor de contraseñas pueda rellenarlos por usted.
Elegir varios productos se hace con casillas de verificación, no con una lista de selección múltiple. Esas listas requieren hacer clic con Ctrl para usarse y son casi inutilizables en un teléfono.
No hay límite de tiempo ni sesión que caduque. Tómese todo el tiempo que desee. La única regla de tiempo es un mínimo: un formulario enviado a los tres segundos aproximadamente de abrirse la página se trata como automatizado.
Los formularios necesitan JavaScript. Tanto la verificación de seguridad como el envío del formulario lo requieren, de modo que con JavaScript desactivado no se puede enviar un formulario; el formulario lo indica y le remite a nuestros números de teléfono. Con JavaScript activado, el resultado — enviado, o algo que corregir — aparece en un mensaje junto al botón que los lectores de pantalla anuncian, y el foco del teclado se traslada a él.

Si por cualquier motivo el formulario no se adapta a usted, no luche con él. Llámenos; los números están al final de esta página y en nuestra página de ubicaciones.

Problemas conocidos

Lo que todavía no está bien

Esta es la parte de la página que vale la pena leer. Una declaración de accesibilidad que enumera solo lo que un sitio hace bien es marketing; estas son las cosas que sabemos que están mal, en el orden en que consideramos que importan.

Nuestro único video con sonido no tiene subtítulos ni transcripción. La película del producto de dos minutos en la página de inicio no tiene nada en absoluto. Es un incumplimiento claro de las pautas, afecta al material del que estamos más orgullosos y corregirlo implica producir un archivo de subtítulos real y una transcripción escrita. Es lo primero de nuestra lista.
Esta viñeta decía dos videos hasta el 1 de septiembre de 2026. El segundo era una entrevista a un cirujano en la página de Caduceus S, y se retiró por motivos que nada tienen que ver con la accesibilidad — así que la carencia se redujo sin que se hiciera ninguno de los trabajos.
Dos elementos se mueven solos y no se pueden detener manualmente. El carrusel de la parte superior de la página de inicio cambia cada seis a ocho segundos, y la tira de insignias de premios de la página de inicio y de la página Acerca de se desplaza de forma continua. Ambos se detienen por completo si su sistema solicita movimiento reducido, y la tira de premios también se detiene mientras el puntero del ratón está sobre ella — pero no hay ningún botón para detener ninguno de los dos, que es lo que piden las pautas. Las insignias de premios son enlaces dentro de esa tira en movimiento, de modo que llegar a ellas con el teclado significa apuntar a un objetivo móvil.
Parte de la información está dentro de imágenes. Las ilustraciones de nuestra página de eventos (English) son los propios carteles de los organizadores de las ferias y llevan el nombre y las fechas de la feria como parte del diseño; varios diagramas y capturas de pantalla de software en otros lugares tienen sus rótulos integrados del mismo modo. Cada una tiene texto alternativo y, en la página de eventos, el nombre y las fechas también aparecen impresos como texto real en la tarjeta — pero el texto dentro de una imagen no se puede ampliar junto con el resto de la página ni cambiar de estilo, y eso es una limitación real para quien necesita letra grande.
Los accesos directos a secciones de la izquierda desaparecen en pantallas más pequeñas. En la mayoría de las páginas hay una columna de pequeños marcadores a lo largo del lado izquierdo que salta a cada sección. Por debajo de unos 1400 píxeles de ancho está oculta, porque quedaría encima del texto, de modo que los usuarios de portátiles, tabletas y teléfonos no disponen de ese acceso directo. No se pierde nada — todas las secciones están en la página en orden y se alcanzan desplazándose — pero el acceso directo no está disponible por igual para todos, y preferimos decirlo antes que dejar que se pregunte adónde fue. Las páginas de producto utilizan en su lugar una tira horizontal, que se mantiene.
Los formularios necesitan JavaScript. La verificación automática que mantiene la publicidad fuera de los formularios es un componente de terceros que no puede funcionar sin él, de modo que con JavaScript desactivado no se puede enviar un formulario. Creemos que es el planteamiento contrario al adecuado — las personas con más probabilidad de tener JavaScript desactivado suelen ser las que usan las configuraciones más inusuales — pero no hemos encontrado la manera de mantener el formulario cerrado a los remitentes automatizados y utilizable a la vez. Lo que hemos hecho en su lugar es asegurarnos de que nadie llegue a un callejón sin salida: el formulario dice claramente que puede llamarnos, y esa vía no tiene ninguna verificación.

Preferimos publicar esta lista antes que omitirla. Si encuentra algo que no figura en ella, ese es exactamente el mensaje que queremos — véase más abajo.

Lo que necesita

Un navegador, y nada más

Este sitio es HTML, CSS y JavaScript sencillos. No hay ningún complemento que instalar ni aplicación. Nada de lo que publicamos aquí está disponible solo como PDF — todas las páginas son páginas web, por lo que las herramientas de lectura de su propio navegador funcionan con todo. Y casi nada está incrustado de otra empresa: no hay burbuja de chat, ni reproductor de video de terceros, ni widget de superposición. Eso importa más de lo que parece, porque las superposiciones como esas son una de las razones más habituales por las que un usuario de teclado se queda atascado en una página, y aquí no hay ninguna. La única excepción es la verificación de seguridad de los dos formularios, descrita en Los formularios más arriba; está en esas páginas y en ningún otro lugar.

Hay un aviso propio: el aviso de cookies sobre la medición publicitaria y analítica, que aparece una vez hasta que usted lo responde. Lo escribimos nosotros en lugar de comprarlo, por lo que se comporta correctamente — está situado cerca del inicio de la página para los usuarios de teclado y no al final, no atrapa el foco ni bloquea la página que hay detrás, ambos botones tienen el mismo tamaño y se alcanzan con el teclado, y responderlo una vez es el fin del asunto. Si lo rechaza, no se le niega nada en este sitio.

Con JavaScript desactivado, todo el sitio sigue siendo legible. Cada palabra, imagen, tabla y video de estas páginas está en el propio HTML. Lo que se pierde es comodidad: las listas de accesos directos a secciones no se construyen, la primera diapositiva del carrusel de la página de inicio simplemente se queda fija, las secciones aparecen de inmediato en lugar de aparecer gradualmente, y la página de noticias cambia de página cargando una página nueva como haría cualquier sitio. Los videos conservan sus controles normales. Los dos formularios son lo único que no funciona sin JavaScript, por la verificación de seguridad que incorporan; el formulario se lo indica y le da en su lugar nuestros números de teléfono.

El sitio está escrito para funcionar en las versiones actuales de Chrome, Edge, Firefox y Safari en Windows, macOS, iOS y Android, y deliberadamente no utiliza ninguna función que solo admita uno de ellos — por eso también nuestras animaciones transparentes de producto son imágenes y no videos, ya que el video transparente no tiene un formato que los cuatro puedan reproducir. Si una página se comporta de forma extraña, indíquenos el navegador y la versión; normalmente eso nos basta para reproducirlo.

Comentarios y contacto

Díganos qué no funcionó

Si alguna parte de este sitio le impidió hacer lo que había venido a hacer, queremos saberlo, y no necesita conocer el vocabulario técnico para informarlo. Utilice nuestro formulario de contacto y mencione «Accesibilidad», o llame al +886 4 2565 2818 en Taiwán o al +1 (888) 836-7198 (llamada gratuita) dentro de Estados Unidos.

Si puede, nos ayuda saber:

la dirección de la página, o simplemente su nombre;
qué intentaba hacer y qué ocurrió en su lugar; y
qué estaba usando — el navegador, el dispositivo y cualquier lector de pantalla, lupa o control por voz que interviniera.

Responderemos lo antes posible y le diremos con claridad si es algo que podemos corregir rápidamente, algo que pasa a la lista anterior o algo que no podemos resolver — en lugar de dejar que el mensaje caiga en el silencio. Si mientras tanto necesita el contenido de una página en otra forma, solicítelo y se lo enviaremos.

La empresa responsable de este sitio web es Taiwan Main Orthopaedic Biotechnology Co., Ltd., que opera como Surglasses, con domicilio en 2F., No. 41, Keya Rd., Daya Dist., Taichung City 428, Taiwan (R.O.C.), junto con su filial estadounidense Surglasses, LLC, con domicilio en 3080 Tamiami Trl E, Suite 301, Naples, FL 34103, USA.

A medida que corrijamos lo indicado anteriormente, actualizaremos esta página y cambiaremos la fecha que figura en la parte superior, para que pueda ver qué ha cambiado.

Contáctenos Política de privacidad