Apa yang telah kami bangun, dan apa yang masih kurang

Kami membangun situs ini berdasarkan Web Content Accessibility Guidelines versi 2.2 pada Level AA — level yang dirujuk oleh European Accessibility Act dan oleh Section 508 di Amerika Serikat. Untuk kontras warna, kami melangkah lebih jauh dan menargetkan Level AAA, karena sebagian besar situs ini berupa teks putih dan abu-abu di atas latar yang hampir hitam, sehingga tidak ada alasan untuk puas dengan angka yang lebih rendah.

Kami tidak mengklaim bahwa situs ini sudah memenuhi standar. Klaim kesesuaian seharusnya didasarkan pada pengujian, dan situs ini belum diaudit oleh pihak luar perusahaan, serta belum diuji oleh orang yang setiap hari menggunakan pembaca layar. Sebagai gantinya, kami melakukan pengukuran: setiap warna teks dihitung terhadap latar tempatnya berada, bukan dinilai dengan mata; setiap halaman diperiksa secara otomatis untuk hal-hal yang dapat diperiksa secara otomatis; dan jalur keyboard melalui menu, tabel, dan carousel ditelusuri langsung di peramban. Itu pekerjaan yang jujur, tetapi tidak sama dengan audit.

Pernyataan ini mencakup halaman publik www.surglasses.com. Pernyataan ini tidak mencakup editor yang digunakan staf kami sendiri untuk menerbitkan berita dan acara, yang merupakan perangkat internal di balik kata sandi, dan tidak mencakup perangkat lunak di dalam perangkat medis dan sistem pengajaran kami — keduanya memiliki dokumentasi dan persyaratan regulasinya sendiri.

• Tautan “Lewati ke konten utama” adalah hal pertama yang Anda jangkau di setiap halaman, sehingga Anda tidak perlu menelusuri seluruh menu dengan tombol Tab di tiap halaman.
• Fokus keyboard selalu terlihat. Garis hijau digambar di sekeliling elemen yang sedang difokuskan, dengan jarak dari elemen agar tidak tertutup oleh batas. Garis ini muncul untuk penggunaan keyboard dan tidak untuk klik mouse, sehingga ada saat dibutuhkan dan tidak mengganggu saat tidak.
• Menu berperilaku seperti menu. Keempat pemicu menu tarik-turun adalah tombol sungguhan, bukan tautan yang berpura-pura menjadi tombol, dan keduanya melaporkan apakah menu sedang terbuka. Tombol Bawah membuka menu dan masuk ke dalamnya, tombol Atas dan Bawah berpindah antaritem, dan Escape menutupnya serta mengembalikan fokus ke pemicunya. Di desktop, menu juga terbuka saat difokuskan tanpa JavaScript sama sekali.
• Tabel perbandingan yang lebar dapat digulir dari keyboard. Masing-masing berada dalam area yang dapat difokuskan dengan nama tersendiri, sehingga tabel bergulir ke samping di dalam kotaknya sementara halamannya sendiri tidak pernah bergulir.
• Riwayat tahun demi tahun di halaman Siapa Kami dibangun sebagai daftar tab yang semestinya: Kiri dan Kanan berpindah antartahun, Home dan End melompat ke tahun pertama dan terakhir, dan panel tiap tahun terhubung ke tabnya.
• Tidak ada yang membajak urutan tab. Tidak ada elemen di situs ini yang diberi posisi khusus dalam urutan tab, sehingga fokus mengikuti urutan kemunculan elemen di halaman.
• Tombol berukuran minimal 44 piksel persegi bila berupa ikon, bukan kata — tombol menu, tautan media sosial, dan kontrol carousel.

Di balik tampilannya, halaman-halaman ini berupa HTML biasa: satu judul utama per halaman dengan judul lainnya bersarang di bawahnya secara berurutan, wilayah header, navigasi, main, dan footer yang sebenarnya, daftar dan tabel yang sebenarnya. Seluruh 59 sel header dalam tabel perbandingan situs ini menyatakan apakah ia menjadi judul baris atau kolom. Setiap gambar memiliki teks alternatif, dan 25 gambar yang murni dekoratif ditandai demikian agar pembaca layar melewatinya dan tidak membacakan nama berkas — dan ketika staf kami menambahkan gambar ke berita atau acara, editor meminta mereka mendeskripsikannya saat itu juga.

Di halaman berita, mengganti kategori atau berpindah halaman akan menukar daftar di tempat tanpa memuat ulang halaman. Hal itu bisa membuat pengguna pembaca layar tidak tahu bahwa sesuatu telah terjadi, sehingga daftar ditandai sedang sibuk saat dimuat dan fokus dipindahkan ke daftar baru saat daftar itu tiba.

Ada dua formulir di situs ini, di halaman kontak dan halaman Tempat Membeli, dan keduanya dibuat dengan mempertimbangkan halaman ini.

• Ada pemeriksaan otomatis, dan bukan jenis yang harus Anda pecahkan. Formulir ini memilikinya karena langkah yang tidak meminta apa pun dari Anda — kolom tersembunyi yang hanya diisi oleh perangkat lunak otomatis, batas jumlah pesan yang dapat dikirim satu koneksi — tidak menghentikan pengirim yang mengisi formulir dengan benar. Pemeriksaan yang kami pilih mengamati perilaku peramban, bukan memberi Anda teka-teki, sehingga tidak ada yang perlu mengenali lampu lalu lintas atau menyalin huruf yang terdistorsi; sebagian besar waktu pemeriksaan selesai sendiri dan yang Anda lihat hanya kotak kecil yang menyatakannya. Namun kami tidak akan berpura-pura bahwa ini tanpa biaya: pemeriksaan ini memerlukan JavaScript, dapat meminta satu klik untuk konfirmasi, dan merupakan komponen pihak ketiga. Jika ia menghalangi Anda karena alasan apa pun, hubungi kami lewat telepon (nomornya ada di bagian bawah halaman ini) — jalur itu tidak memiliki pemeriksaan dan kami membacanya dengan cara yang sama.
• Setiap kolom memiliki label yang sebenarnya, selalu terlihat di atas kotaknya, bukan placeholder yang hilang begitu Anda mulai mengetik. Kolom wajib ditandai sebagai wajib kepada peramban, sehingga perangkat lunak Anda dapat memberi tahu Anda sebelum Anda mengirim.
• Kolom menyatakan fungsinya — nama, email, organisasi, negara, telepon — sehingga isian otomatis peramban dan pengelola kata sandi dapat melengkapinya untuk Anda.
• Memilih beberapa produk menggunakan kotak centang, bukan daftar pilihan ganda. Daftar seperti itu perlu klik dengan Ctrl untuk digunakan dan hampir tidak dapat dipakai di ponsel.
• Tidak ada batas waktu dan tidak ada sesi yang kedaluwarsa. Luangkan waktu sebanyak yang Anda mau. Satu-satunya aturan waktu adalah batas minimum: formulir yang dikirim dalam waktu sekitar tiga detik sejak halaman dibuka dianggap otomatis.
• Formulir memerlukan JavaScript. Pemeriksaan keamanan dan pengiriman formulir sama-sama memerlukannya, sehingga bila JavaScript dimatikan, formulir tidak dapat dikirim; formulir akan menyatakan hal itu dan mengarahkan Anda ke nomor telepon kami. Bila JavaScript aktif, hasilnya — terkirim, atau ada yang perlu diperbaiki — muncul dalam pesan di samping tombol yang diumumkan oleh pembaca layar, dan fokus keyboard berpindah ke pesan itu.

Jika bentuk formulir tidak cocok bagi Anda karena alasan apa pun, jangan memaksakan diri. Hubungi kami; nomornya ada di bagian bawah halaman ini dan di halaman lokasi kami.

Situs ini adalah HTML, CSS, dan JavaScript biasa. Tidak ada plug-in yang perlu dipasang dan tidak ada aplikasi. Tidak ada yang kami terbitkan di sini yang hanya tersedia sebagai PDF — setiap halaman adalah halaman web, sehingga alat baca bawaan peramban Anda berfungsi untuk semuanya. Dan hampir tidak ada yang disematkan dari perusahaan lain: tidak ada gelembung obrolan, tidak ada pemutar video pihak ketiga, dan tidak ada widget overlay. Itu lebih penting daripada kedengarannya, karena overlay semacam itu adalah salah satu alasan paling umum pengguna keyboard terjebak di sebuah halaman, dan di sini tidak ada. Satu-satunya pengecualian adalah pemeriksaan keamanan pada kedua formulir, yang dijelaskan di bawah Formulir di atas; pemeriksaan itu hanya ada di halaman tersebut dan tidak di tempat lain.

Ada satu pemberitahuan dari kami sendiri: pemberitahuan cookie tentang pengukuran iklan dan analitik, yang muncul sekali sampai Anda menjawabnya. Kami menulisnya sendiri dan tidak membelinya, sehingga ia berperilaku dengan benar — ia ditempatkan di dekat awal halaman bagi pengguna keyboard, bukan di bagian paling akhir, tidak menjebak fokus Anda atau memblokir halaman di belakangnya, kedua tombolnya berukuran sama dan dapat dijangkau dengan keyboard, dan menjawabnya sekali sudah cukup. Jika Anda menolak, tidak ada yang ditahan dari Anda di situs ini.

Dengan JavaScript dimatikan, seluruh situs tetap dapat dibaca. Setiap kata, gambar, tabel, dan video di halaman-halaman ini ada di dalam HTML itu sendiri. Yang hilang adalah kemudahan: daftar pintasan bagian tidak dibuat, slide pertama carousel di beranda tetap diam, bagian-bagian langsung muncul dan tidak memudar masuk, dan halaman berita berganti halaman dengan memuat halaman baru seperti situs pada umumnya. Video tetap memiliki kontrol normalnya. Kedua formulir adalah satu-satunya yang tidak berfungsi tanpa JavaScript, karena pemeriksaan keamanan di dalamnya; formulir menyatakan hal itu dan memberikan nomor telepon kami sebagai gantinya.

Situs ini ditulis agar berfungsi pada versi terkini Chrome, Edge, Firefox, dan Safari di Windows, macOS, iOS, dan Android, dan sengaja tidak menggunakan fitur yang hanya didukung salah satunya — itu pula sebabnya animasi produk transparan kami berupa gambar dan bukan video, karena video transparan tidak memiliki format yang dapat diputar keempatnya. Jika sebuah halaman berperilaku aneh bagi Anda, mohon beri tahu kami peramban dan versinya; biasanya itu cukup bagi kami untuk mereproduksinya.