Accessibility

What we built in, and what is still missing

We want every clinician, student and colleague to be able to read these pages, whatever they use to read them with. This page says what we have actually done, how we checked it, and — in its own section, because it matters more than the rest — what is not right yet.

Last updated: 16 August 2026

The standard

WCAG 2.2 Level AA is what we aim at

We build against the Web Content Accessibility Guidelines, version 2.2, at Level AA — the level referenced by the European Accessibility Act and by Section 508 in the United States. On colour contrast we go further and aim at Level AAA, because most of this site is white and grey text on a near-black background and there was no reason to settle for the lower figure.

We are not claiming that the site conforms. A conformance claim should rest on testing, and this site has not been audited by anyone outside the company, nor tested by people who actually use screen readers every day. What we have done instead is measure: every text colour was computed against the background it sits on rather than judged by eye, every page was checked mechanically for the things that can be checked mechanically, and the keyboard paths through the menus, the tables and the carousels were walked through in a browser. That is honest work, and it is not the same as an audit.

This statement covers the public pages of www.surglasses.com. It does not cover the editors our own staff use to publish news and events, which are internal tools behind a password, and it does not cover the software inside our medical devices and teaching systems — those have their own documentation and their own regulatory requirements.

Reading the site

Contrast, text size and zoom

Every colour on this site was checked against the surface behind it before it was used. Body text measures 8.0:1 against the page background, headings 16.9:1, and links and figures 11.2:1 — all above the 7:1 threshold for the strictest AAA level. The tightest colour anywhere is the small grey used for captions and table footnotes, at 4.6:1 on a card, which clears the AA requirement of 4.5:1. One earlier grey measured 4.19:1 and was replaced when we found it.

Colour is never the only way something is marked. A link inside a paragraph is underlined as well as coloured, because our green against the surrounding grey is a contrast of only 1.41:1 — colour alone would be invisible to a good many readers. The same rule applies inside tables. Required form fields are marked to the browser as required, not only with an asterisk.

You can zoom. No page on this site caps how far you may magnify it or disables pinch-zoom, so browser and phone zoom work normally everywhere. Sizes are set in relative units throughout, which means your browser’s own text-size setting enlarges the whole layout rather than breaking it, and on very large displays the base size increases so that a 4K screen is not a small page in the middle of a lot of black.

Pages print with a white background and black text, with the fixed header and the decorative video removed, so printing a page or saving it as a PDF does not produce pages of dark ink.

Keyboard and screen readers

Everything is reachable without a mouse

  • A “Skip to main content” link is the first thing you reach on every page, so you do not have to tab through the whole menu on each one.
  • Keyboard focus is always visible. A green outline is drawn around whatever has focus, offset from the element so it is never hidden by a border. It appears for keyboard use and not for mouse clicks, so it is there when it is needed and out of the way when it is not.
  • The menus behave like menus. The four dropdown triggers are real buttons, not links pretending to be buttons, and they report whether they are open. Down opens a menu and moves into it, Up and Down move between its items, and Escape closes it and puts focus back on the trigger. On a desktop they also open on focus without any JavaScript at all.
  • Wide comparison tables can be scrolled from the keyboard. Each one sits in a focusable region with a name of its own, so the table scrolls sideways inside its box while the page itself never does.
  • The year-by-year history on our Who We Are page is built as a proper tab list: Left and Right move between years, Home and End jump to the first and last, and each year’s panel is linked to its tab.
  • Nothing hijacks the tab order. No element anywhere on the site has been given a custom position in the tab sequence, so focus simply follows the order things appear in the page.
  • Buttons are at least 44 pixels square where they are icons rather than words — the menu button, the social links, the carousel controls.

Underneath, the pages are ordinary HTML: one main heading per page with the rest nested under it in order, real header, navigation, main and footer regions, real lists and real tables. All 59 header cells in the site’s comparison tables declare whether they head a row or a column. Every image carries alternative text, and the 25 that are purely decorative are marked as such so a screen reader skips them rather than reading out a filename — and when our own staff add a picture to a news item or an event, the editor asks them to describe it at the same time.

On the news page, changing category or turning a page swaps the list in place rather than reloading. That could easily leave a screen-reader user with no idea anything happened, so the list is marked as busy while it loads and focus is moved into the new list when it arrives.

Motion and video

If you ask your device for less motion, this site stops moving

Every operating system has a “reduce motion” setting. If yours is on, this site honours it, and not partially:

  • the carousel on the home page stops changing by itself;
  • the background videos behind it do not play, and you see their still frames;
  • the strip of award badges stops scrolling;
  • the short looping demonstration videos on the product pages do not start;
  • sections stop sliding in as you scroll, and appear straight away instead;
  • the counting-up figures show their final numbers immediately; and
  • jumping to a section moves there at once instead of scrolling smoothly.

In short, with that setting on there is nothing on this site that moves unless you press play.

The looping videos on product pages are silent, decorative and there to show something the text has already told you. Each carries a text label describing what it shows. Four videos on the site have sound — the product film on the home page, an interview with a surgeon on the Caduceus S page, and two patient films on Our Mission. None of those four plays by itself. Each one waits for you to press a clearly labelled play button whose label says how long it runs and whether it has sound, and each then uses your browser’s own video controls, so your usual keyboard shortcuts and captions settings apply.

Their captions are the biggest gap on this site, and they have a section of their own below.

The contact form

No CAPTCHA, no time limit, and it works without JavaScript

There is one form on this site, on the contact page, and it was built with this page in mind.

  • There is no CAPTCHA, and there will not be one. Nobody has to identify traffic lights or transcribe warped letters to ask us a question. Spam is kept out by a hidden field that only automated software fills in and by a limit on how many messages one connection can send, neither of which asks anything of you.
  • Every field has a real label, permanently visible above the box rather than a placeholder that vanishes as soon as you start typing. Required fields are marked as required to the browser, so your software can tell you before you submit.
  • Fields declare what they are for — name, email, organisation, country, telephone — so browser and password-manager autofill can complete them for you.
  • Choosing several products is a set of checkboxes, not a multiple-selection list. Those lists need Ctrl-clicking to use and are close to unusable on a phone.
  • There is no time limit and no session to expire. Take as long as you like over it.
  • It works with JavaScript turned off. The form is an ordinary submission, and the answer — whether it went or whether something was wrong — is a real page with a heading you land on, not a message that appears somewhere on the screen.

If the form is the wrong shape for you for any reason, do not fight it. Email info@surglasses.com or call us; the numbers are at the bottom of this page and on our locations page.

Known problems

What is not right yet

This is the part of the page worth reading. An accessibility statement that lists only what a site does well is marketing; these are the things we know are wrong, in the order we think they matter.

  • Our four videos with sound have no captions and no transcripts. The two patient films on Our Mission have English subtitles, but they are burned into the picture: you cannot turn them off, resize them, restyle them, or have them read out. The product film on the home page and the surgeon interview on the Caduceus S page have nothing at all, and the interview is somebody talking for nearly three minutes. This is a clear failure against the guidelines, it affects the material we are proudest of, and fixing it means producing real caption files and written transcripts. It is the first thing on our list.
  • Two things move on their own and cannot be stopped by hand. The carousel at the top of the home page changes every six to eight seconds, and the strip of award badges on the home page and the About page scrolls continuously. Both stop completely if your system asks for reduced motion, and the award strip also stops while a mouse pointer rests on it — but there is no button to stop either of them, which is what the guidelines ask for. The award badges are links inside that moving strip, so reaching them with a keyboard means aiming at a moving target.
  • Some information sits inside pictures. The illustrations on our events page are the trade fair organisers’ own posters and carry the fair name and dates as part of the artwork; several diagrams and software screenshots elsewhere have their labels baked in the same way. Each has alternative text, and on the events page the name and dates are also printed as real text on the card — but text inside an image cannot be enlarged with the rest of the page or restyled, and that is a genuine limitation for anyone who needs large type.
  • The section shortcuts on the left disappear on smaller screens. On most pages there is a column of small markers down the left-hand side that jumps to each section. Below roughly 1400 pixels wide it is hidden, because it would sit on top of the text, so laptop, tablet and phone users do not get that shortcut. Nothing is lost — every section is in the page in order and reachable by scrolling — but the shortcut is not equally available to everyone, and we would rather say so than let you wonder where it went. Product pages use a horizontal strip instead, which stays.
  • The spoken language of the two patient films is not English. They are subtitled in English, but the audio is Mandarin and nothing in the page tells assistive software that. It is a small thing next to the missing captions, and it gets fixed with them.

We would rather publish this list than leave it out. If you hit something that is not on it, that is exactly the message we want — see below.

What you need

A browser, and nothing else

This site is plain HTML, CSS and JavaScript. There is no plug-in to install and no app. Nothing we publish here is available only as a PDF — every page is a web page, so your browser’s own reading tools work on all of it. And nothing is embedded from another company: no chat bubble, no cookie banner, no third-party video player. That last point matters more than it sounds, because overlays like those are one of the commonest reasons a keyboard user gets stuck on a page, and there are none here.

With JavaScript switched off, the whole site is still readable. Every word, image, table and video on these pages is in the HTML itself. What you lose is convenience: the section-shortcut lists are not built, the first slide of the home page carousel simply stays put, sections appear immediately rather than fading in, and the news page turns its pages by loading a new page as any site would. The contact form still submits and the videos still have their normal controls.

The site is written to work in current versions of Chrome, Edge, Firefox and Safari on Windows, macOS, iOS and Android, and it deliberately uses no feature that only one of them supports — that is also why our transparent product animations are images rather than video, since transparent video has no format all four can play. If a page behaves oddly for you, please tell us the browser and version; that is usually enough for us to reproduce it.

Feedback and contact

Tell us what did not work

If any part of this site stopped you doing what you came to do, we want to hear about it, and you do not need to know the technical vocabulary to report it. Email info@surglasses.com with “Accessibility” in the subject line, or call +886 4 2565 2818 in Taiwan or +1 (888) 836-7198 toll-free within the United States.

If you can, it helps us to know:

  • the address of the page, or just its name;
  • what you were trying to do and what happened instead; and
  • what you were using — the browser, the device, and any screen reader, magnifier or voice control involved.

We will reply as soon as we can, and we will tell you plainly whether it is something we can fix quickly, something that goes on the list above, or something we cannot solve — rather than letting the message go quiet. If you need the content of a page in another form in the meantime, ask and we will send it to you.

The company responsible for this website is Taiwan Main Orthopaedic Biotechnology Co., Ltd., trading as Surglasses, of 2F., No. 41, Keya Rd., Daya Dist., Taichung City 428, Taiwan (R.O.C.), together with its US subsidiary Surglasses, LLC, of 10373 Trademark St., Suite K, Rancho Cucamonga, CA 91730, USA.

As we fix the things listed above we will update this page and change the date at the top of it, so you can see what has moved.

Contact Us Privacy Policy