Accessibilité

Ce que nous avons mis en place, et ce qui manque encore

Nous voulons que chaque clinicien, étudiant et collègue puisse lire ces pages, quel que soit l’outil qu’il utilise. Cette page indique ce que nous avons réellement fait, comment nous l’avons vérifié et — dans une section à part, parce que c’est plus important que le reste — ce qui n’est pas encore satisfaisant.

Dernière mise à jour : 1er novembre 2026

Le référentiel

Notre objectif : le niveau AA des WCAG 2.2

Nous construisons le site selon les Règles pour l’accessibilité des contenus Web (WCAG), version 2.2, au niveau AA — le niveau auquel renvoient l’Acte européen sur l’accessibilité et la Section 508 aux États-Unis. Pour le contraste des couleurs, nous allons plus loin et visons le niveau AAA, car l’essentiel de ce site est du texte blanc et gris sur un fond presque noir et rien ne justifiait de nous contenter du niveau inférieur.

Nous ne prétendons pas que le site est conforme. Une déclaration de conformité doit reposer sur des tests, et ce site n’a été audité par personne en dehors de l’entreprise ni testé par des personnes qui utilisent réellement un lecteur d’écran au quotidien. Nous avons plutôt mesuré : chaque couleur de texte a été calculée par rapport au fond sur lequel elle se trouve plutôt qu’évaluée à l’œil, chaque page a été vérifiée automatiquement sur tout ce qui peut l’être, et les parcours au clavier dans les menus, les tableaux et les carrousels ont été parcourus dans un navigateur. C’est un travail sérieux, mais ce n’est pas un audit.

Cette déclaration couvre les pages publiques de www.surglasses.com. Elle ne couvre pas les éditeurs que notre personnel utilise pour publier les actualités et les événements, qui sont des outils internes protégés par mot de passe, ni les logiciels intégrés à nos dispositifs médicaux et à nos systèmes d’enseignement — ceux-ci ont leur propre documentation et leurs propres exigences réglementaires.

Lire le site

Contraste, taille du texte et zoom

Chaque couleur de ce site a été vérifiée par rapport à la surface située derrière elle avant d’être utilisée. Le texte courant mesure 8,0:1 par rapport au fond de la page, les titres 16,9:1, et les liens et chiffres 11,2:1 — tous au-dessus du seuil de 7:1 du niveau AAA, le plus strict. La couleur la plus faible, le petit gris utilisé pour les légendes et les notes de bas de tableau, atteint 4,6:1 sur une carte, ce qui satisfait l’exigence AA de 4,5:1. Un gris antérieur mesurait 4,19:1 et a été remplacé dès que nous l’avons repéré.

La couleur n’est jamais le seul moyen de signaler quelque chose. Un lien dans un paragraphe est souligné en plus d’être coloré, car notre vert sur le gris environnant n’offre qu’un contraste de 1,41:1 — la couleur seule serait invisible pour de nombreux lecteurs. La même règle s’applique dans les tableaux. Les champs de formulaire obligatoires sont signalés comme tels au navigateur, et pas seulement par un astérisque.

Vous pouvez zoomer. Aucune page de ce site ne limite l’agrandissement ni ne désactive le zoom par pincement ; le zoom du navigateur et du téléphone fonctionne donc normalement partout. Les tailles sont définies en unités relatives, de sorte que le réglage de taille du texte de votre navigateur agrandit toute la mise en page au lieu de la casser, et sur les très grands écrans la taille de base augmente afin qu’un écran 4K n’affiche pas une petite page au milieu d’un grand fond noir.

Les pages s’impriment avec un fond blanc et du texte noir, sans l’en-tête fixe ni la vidéo décorative ; imprimer une page ou l’enregistrer en PDF ne produit donc pas des pages d’encre sombre.

Clavier et lecteurs d’écran

Tout est accessible sans souris

Un lien « Aller au contenu principal » est le premier élément atteint sur chaque page, afin que vous n’ayez pas à parcourir tout le menu avec la touche Tab à chaque fois.
Le focus clavier est toujours visible. Un contour vert est tracé autour de l’élément qui a le focus, décalé de l’élément pour ne jamais être masqué par une bordure. Il apparaît lors d’une utilisation au clavier et non lors des clics de souris : il est donc là quand il est utile et s’efface quand il ne l’est pas.
Les menus se comportent comme des menus. Les quatre déclencheurs de menu déroulant sont de vrais boutons, et non des liens qui font semblant d’en être, et ils indiquent s’ils sont ouverts. La flèche bas ouvre un menu et y place le focus, les flèches haut et bas passent d’un élément à l’autre, et Échap le ferme et rend le focus au déclencheur. Sur ordinateur, ils s’ouvrent aussi au focus sans aucun JavaScript.
Les tableaux comparatifs larges peuvent défiler au clavier. Chacun se trouve dans une zone focalisable dotée de son propre nom : le tableau défile horizontalement dans son cadre, tandis que la page elle-même ne défile jamais latéralement.
L’historique année par année de notre page Qui sommes-nous est construit comme une véritable liste d’onglets : les flèches gauche et droite passent d’une année à l’autre, Début et Fin mènent à la première et à la dernière, et le panneau de chaque année est relié à son onglet.
Rien ne détourne l’ordre de tabulation. Aucun élément du site n’a reçu de position personnalisée dans la séquence de tabulation : le focus suit simplement l’ordre d’apparition dans la page.
Les boutons mesurent au moins 44 pixels de côté lorsqu’il s’agit d’icônes et non de mots — le bouton de menu, les liens vers les réseaux sociaux, les commandes des carrousels.

En dessous, les pages sont du HTML ordinaire : un seul titre principal par page avec les autres titres imbriqués dans l’ordre, de véritables zones d’en-tête, de navigation, de contenu principal et de pied de page, de vraies listes et de vrais tableaux. Les 59 cellules d’en-tête des tableaux comparatifs du site indiquent toutes si elles titrent une ligne ou une colonne. Chaque image porte un texte alternatif, et les 25 images purement décoratives sont signalées comme telles afin qu’un lecteur d’écran les ignore au lieu de lire un nom de fichier — et lorsque notre personnel ajoute une image à une actualité ou à un événement, l’éditeur lui demande de la décrire en même temps.

Sur la page des actualités, le changement de catégorie ou de page remplace la liste sur place sans recharger la page. Un utilisateur de lecteur d’écran pourrait alors ne pas savoir que quelque chose s’est produit ; la liste est donc signalée comme occupée pendant son chargement et le focus est déplacé dans la nouvelle liste à son arrivée.

Animations et vidéos

Si vous demandez à votre appareil de réduire les animations, ce site cesse de bouger

Chaque système d’exploitation propose un réglage « réduire les animations ». S’il est activé, ce site le respecte, et pas seulement en partie :

le carrousel de la page d’accueil cesse de changer tout seul ;
les vidéos d’arrière-plan situées derrière lui ne sont pas lues, et vous en voyez les images fixes ;
la bande de badges de récompenses cesse de défiler ;
les courtes vidéos de démonstration en boucle des pages produits ne démarrent pas ;
les sections cessent de glisser à l’écran pendant le défilement et apparaissent immédiatement ;
les chiffres qui s’incrémentent affichent tout de suite leur valeur finale ; et
l’accès à une section se fait instantanément au lieu d’un défilement progressif.

En bref, avec ce réglage activé, rien sur ce site ne bouge tant que vous n’appuyez pas sur lecture.

Les vidéos en boucle des pages produits sont silencieuses, décoratives et ne servent qu’à montrer ce que le texte vous a déjà dit. Chacune porte une étiquette textuelle décrivant ce qu’elle montre. Une seule vidéo du site comporte du son — le film de présentation du produit sur la page d’accueil. Elle ne se lance pas toute seule. Elle attend que vous appuyiez sur un bouton de lecture clairement étiqueté, dont l’intitulé indique la durée et la présence de son, puis elle utilise les commandes vidéo de votre navigateur : vos raccourcis clavier et vos réglages de sous-titres habituels s’appliquent donc.

Ses sous-titres constituent la plus grande lacune de ce site, et ils ont leur propre section ci-dessous.

Les formulaires

Une vérification automatisée, aucune limite de temps, et une solution de contournement

Ce site comporte deux formulaires, sur la page de contact et sur la page Où acheter, et ils ont été conçus en pensant à cette page.

Il existe une vérification automatisée, mais elle ne vous demande pas de résoudre une énigme. Les formulaires en comportent une parce que les mesures qui ne vous demandent rien — un champ masqué que seul un logiciel automatisé remplit, une limite du nombre de messages qu’une même connexion peut envoyer — n’arrêtent pas un expéditeur qui remplit correctement un formulaire. La vérification que nous avons choisie observe le comportement du navigateur au lieu de vous poser un casse-tête : personne n’a à identifier des feux de circulation ni à recopier des lettres déformées ; le plus souvent, elle se termine d’elle-même et vous voyez seulement une petite case qui l’indique. Nous ne prétendrons pas pour autant qu’elle est sans contrepartie : elle nécessite JavaScript, elle peut demander un simple clic de confirmation, et c’est un composant tiers. Si elle vous gêne pour quelque raison que ce soit, appelez-nous plutôt (les numéros figurent en bas de cette page) — cette voie ne comporte aucune vérification et nous la traitons de la même manière.
Chaque champ possède une véritable étiquette, visible en permanence au-dessus de la zone de saisie, et non un texte indicatif qui disparaît dès que vous commencez à écrire. Les champs obligatoires sont signalés comme tels au navigateur, afin que votre logiciel puisse vous en avertir avant l’envoi.
Les champs indiquent leur finalité — nom, e-mail, organisation, pays, téléphone — afin que la saisie automatique du navigateur et du gestionnaire de mots de passe puisse les remplir pour vous.
Le choix de plusieurs produits se fait par cases à cocher, et non par une liste à sélection multiple. Ces listes exigent des clics avec Ctrl et sont presque inutilisables sur un téléphone.
Il n’y a aucune limite de temps ni session qui expire. Prenez le temps qu’il vous faut. La seule règle de durée est un minimum : un formulaire envoyé moins de trois secondes environ après l’ouverture de la page est considéré comme automatisé.
Les formulaires nécessitent JavaScript. La vérification de sécurité comme l’envoi du formulaire en ont besoin ; si JavaScript est désactivé, un formulaire ne peut donc pas être envoyé : il l’indique et vous renvoie à nos numéros de téléphone. Lorsque JavaScript est activé, le résultat — envoyé, ou quelque chose à corriger — apparaît dans un message à côté du bouton, que les lecteurs d’écran annoncent, et le focus clavier s’y déplace.

Si le formulaire ne vous convient pas pour une raison quelconque, ne vous acharnez pas. Appelez-nous ; les numéros figurent en bas de cette page et sur notre page des implantations.

Problèmes connus

Ce qui n’est pas encore satisfaisant

C’est la partie de la page qui mérite d’être lue. Une déclaration d’accessibilité qui ne liste que ce qu’un site fait bien relève du marketing ; voici ce que nous savons ne pas être correct, dans l’ordre où nous le jugeons important.

Notre unique vidéo avec son n’a ni fichier de sous-titres ni transcription. Le film de présentation du produit de trois minutes sur la page d’accueil comporte des sous-titres en anglais incrustés dans l’image, et rien d’autre. Il s’agit d’un manquement net aux règles, il concerne le contenu dont nous sommes le plus fiers, et y remédier suppose de produire un véritable fichier de sous-titres et une transcription écrite. C’est la première chose sur notre liste.
Ce point mentionnait deux vidéos jusqu’au 1er septembre 2026. La seconde était un entretien avec un chirurgien sur la page Caduceus S AR ; elle a été retirée pour des raisons sans rapport avec l’accessibilité — l’écart s’est donc réduit sans que le travail correspondant ait été fait.
Deux éléments bougent d’eux-mêmes et ne peuvent pas être arrêtés manuellement. Le carrousel en haut de la page d’accueil change toutes les six à huit secondes, et la bande de badges de récompenses de la page d’accueil et de la page À propos défile en continu. Les deux s’arrêtent complètement si votre système demande une réduction des animations, et la bande de récompenses s’arrête aussi tant qu’un pointeur de souris la survole — mais aucun bouton ne permet d’arrêter l’un ou l’autre, ce que demandent pourtant les règles. Les badges de récompenses sont des liens à l’intérieur de cette bande mobile : les atteindre au clavier revient donc à viser une cible en mouvement.
Certaines informations se trouvent dans des images. Les illustrations de notre page des événements sont les affiches propres aux organisateurs des salons et portent le nom et les dates du salon dans le visuel ; plusieurs schémas et captures d’écran de logiciels ailleurs ont leurs légendes intégrées de la même manière. Chacune possède un texte alternatif, et sur la page des événements le nom et les dates sont aussi imprimés en texte réel sur la carte — mais un texte intégré à une image ne peut pas être agrandi avec le reste de la page ni remis en forme, ce qui est une véritable limite pour qui a besoin de grands caractères.
Les raccourcis de section à gauche disparaissent sur les écrans plus petits. Sur la plupart des pages, une colonne de petits repères le long du bord gauche permet d’accéder à chaque section. En dessous d’environ 1 400 pixels de large, elle est masquée car elle recouvrirait le texte ; les utilisateurs d’ordinateurs portables, de tablettes et de téléphones n’ont donc pas ce raccourci. Rien n’est perdu — chaque section figure dans la page, dans l’ordre, et reste accessible par défilement — mais le raccourci n’est pas offert à tous de la même façon, et nous préférons le dire plutôt que de vous laisser vous demander où il est passé. Les pages produits utilisent à la place une bande horizontale, qui demeure.
Les formulaires nécessitent JavaScript. La vérification automatisée qui tient la publicité à l’écart des formulaires est un composant tiers qui ne peut pas fonctionner sans lui ; si JavaScript est désactivé, un formulaire ne peut donc pas être envoyé. Nous pensons que c’est à l’envers — les personnes les plus susceptibles de désactiver JavaScript sont souvent celles qui ont les configurations les plus inhabituelles — mais nous n’avons pas trouvé de moyen de garder le formulaire fermé aux expéditeurs automatisés tout en le laissant utilisable. Nous avons donc veillé à ce que personne ne se retrouve dans une impasse : le formulaire indique clairement que vous pouvez nous appeler à la place, et cette voie ne comporte aucune vérification.

Nous préférons publier cette liste plutôt que de l’omettre. Si vous rencontrez un problème qui n’y figure pas, c’est exactement le message que nous souhaitons recevoir — voir ci-dessous.

Ce dont vous avez besoin

Un navigateur, rien de plus

Ce site est en HTML, CSS et JavaScript simples. Il n’y a aucun module à installer et aucune application. Rien de ce que nous publions ici n’est disponible uniquement en PDF — chaque page est une page web, de sorte que les outils de lecture de votre navigateur fonctionnent sur l’ensemble. Et presque rien n’est intégré depuis une autre entreprise : pas de bulle de discussion, pas de lecteur vidéo tiers, pas de widget en surimpression. C’est plus important qu’il n’y paraît, car ces surimpressions comptent parmi les causes les plus courantes de blocage d’un utilisateur au clavier sur une page, et il n’y en a aucune ici. La seule exception est la vérification de sécurité des deux formulaires, décrite sous Les formulaires ci-dessus ; elle figure sur ces pages et nulle part ailleurs.

Il y a un seul avis de notre cru : l’avis sur les cookies relatifs à la publicité et à la mesure d’audience, qui s’affiche une fois jusqu’à ce que vous y répondiez. Nous l’avons écrit nous-mêmes plutôt que de l’acheter, afin qu’il se comporte correctement — il est placé près du début de la page pour les utilisateurs au clavier plutôt qu’à la toute fin, il ne piège pas le focus et ne bloque pas la page située derrière, les deux boutons ont la même taille et sont accessibles au clavier, et y répondre une fois suffit. Si vous refusez, rien sur ce site ne vous est retiré.

Avec JavaScript désactivé, tout le site reste lisible. Chaque mot, image, tableau et vidéo de ces pages se trouve dans le HTML lui-même. Ce que vous perdez, c’est le confort : les listes de raccourcis de section ne sont pas construites, la première diapositive du carrousel de la page d’accueil reste simplement en place, les sections apparaissent immédiatement au lieu de s’afficher en fondu, et la page des actualités change de page en chargeant une nouvelle page comme n’importe quel site. Les vidéos conservent leurs commandes habituelles. Les deux formulaires sont la seule chose qui ne fonctionne pas sans JavaScript, à cause de la vérification de sécurité ; le formulaire vous en informe et vous donne nos numéros de téléphone à la place.

Le site est conçu pour fonctionner avec les versions actuelles de Chrome, Edge, Firefox et Safari sous Windows, macOS, iOS et Android, et n’utilise délibérément aucune fonctionnalité prise en charge par un seul d’entre eux — c’est aussi pourquoi nos animations de produits transparentes sont des images plutôt que des vidéos, la vidéo transparente n’ayant aucun format que les quatre puissent lire. Si une page se comporte de façon étrange pour vous, indiquez-nous le navigateur et sa version ; cela suffit généralement pour que nous puissions reproduire le problème.

Retours et contact

Dites-nous ce qui n’a pas fonctionné

Si une partie de ce site vous a empêché de faire ce que vous étiez venu faire, nous voulons le savoir, et vous n’avez pas besoin de connaître le vocabulaire technique pour le signaler. Utilisez notre formulaire de contact en mentionnant « Accessibilité », ou appelez le +886 4 2565 2818 à Taïwan ou le +1 (888) 836-7198 (numéro gratuit) aux États-Unis.

Si possible, il nous est utile de connaître :

l’adresse de la page, ou simplement son nom ;
ce que vous essayiez de faire et ce qui s’est passé à la place ; et
ce que vous utilisiez — le navigateur, l’appareil, ainsi que tout lecteur d’écran, loupe ou commande vocale concerné.

Nous répondrons dès que possible, et nous vous dirons clairement s’il s’agit d’un problème que nous pouvons corriger rapidement, d’un point qui s’ajoute à la liste ci-dessus, ou d’un problème que nous ne pouvons pas résoudre — plutôt que de laisser le message sans suite. Si vous avez besoin du contenu d’une page sous une autre forme entre-temps, demandez-le et nous vous l’enverrons.

L’entreprise responsable de ce site web est Taiwan Main Orthopaedic Biotechnology Co., Ltd., opérant sous le nom Surglasses, au 2F., No. 41, Keya Rd., Daya Dist., Taichung City 428, Taïwan (R.O.C.), ainsi que sa filiale américaine Surglasses, LLC, au 3080 Tamiami Trl E, Suite 301, Naples, FL 34103, USA.

À mesure que nous corrigerons les points listés ci-dessus, nous mettrons cette page à jour et modifierons la date en haut de page, afin que vous puissiez voir ce qui a évolué.

Nous contacter Politique de confidentialité