Aksesibilitas

Spesifikasi terukur

Rasio kontras di bawah dihitung dengan rumus luminansi relatif standar WCAG langsung dari token warna pada stylesheet situs; angka lainnya berasal dari kode itu sendiri.

Kontras teks utama

15.1:1 hingga 16.2:1 (teks #102230 pada latar terang situs)

Kontras teks sekunder

5.97:1 (teks redup #526675 pada putih)

Kontras tautan

7.56:1 (biru tautan #075985 pada putih)

Indikator fokus

garis luar solid 4 px dengan offset 4 px; kontras warna garis luar 9.37:1 pada putih

Ukuran huruf dasar

18 px (17 px di layar kecil), tinggi baris 1.65

Tombol utama

tinggi minimum 3.1 rem — sekitar 50 px CSS pada pengaturan bawaan

Tautan lewati

ada di setiap halaman, diterjemahkan ke bahasa halaman

Gerakan dikurangi

dihormati melalui media query prefers-reduced-motion

Bahasa halaman

lang dan arah teks diatur di setiap halaman (en, es, id — semua kiri-ke-kanan)

Zoom

zoom cubit dan penskalaan teks browser tidak pernah dinonaktifkan

Kontras dan warna

Kami menjadikan kontras AA WCAG 2.2 sebagai batas bawah, bukan target. Diukur dengan rumus luminansi relatif standar terhadap token warna situs sendiri: teks utama (#102230) mencapai 16.2:1 pada putih dan 15.1:1 pada warna latar paling terang; teks sekunder redup (#526675) terukur 5.97:1 pada putih; tautan (#075985) terukur 7.56:1; teks putih tombol pada warna primer terukur 7.56:1. Semuanya melampaui ambang AA 4.5:1 untuk teks normal, dan teks utama juga melampaui ambang AAA 7:1. Lencana urgensi berwarna pada halaman gejala (darurat, waspada, rutin) diperiksa dengan cara yang sama dan masing-masing lolos AA untuk teks normal.

Ukuran teks, spasi, dan zoom

Teks isi dimulai dari 18 px dengan tinggi baris 1.65, yang memudahkan membaca panjang dan pembesaran. Ukuran diatur dalam unit relatif, sehingga tata letak mengikuti preferensi ukuran huruf browser Anda alih-alih melawannya. Deklarasi viewport tidak pernah menonaktifkan zoom cubit, dan tidak ada huruf piksel tetap yang dipaksakan pada akar halaman.

Akses keyboard

Setiap kontrol interaktif dapat dijangkau dan digunakan hanya dengan keyboard.

• Tautan lewati adalah elemen fokus pertama di setiap halaman dan langsung melompat ke konten utama
• Fokus keyboard menampilkan garis luar solid 4 px dengan offset 4 px, diterapkan melalui :focus-visible
• Pencarian situs dibuka dengan Ctrl/Cmd + K, menggunakan <dialog> asli (Escape menutupnya), dan memindahkan fokus ke kolom pencarian
• Filter adalah tombol sungguhan dengan status aria-pressed, dan pertanyaan umum menggunakan elemen asli <details> dan <summary>

Dukungan pembaca layar

Halaman dibangun dari landmark semantik — header, navigasi berlabel, konten utama, dan footer — sehingga teknologi bantu dapat berpindah antar wilayah. Setiap halaman mengatur bahasanya (en, es, atau id) pada elemen html.

• Wilayah navigasi membawa label seperti “Navigasi utama”, “Breadcrumb”, dan “Bahasa”
• Breadcrumb dan pengalih bahasa menandai halaman aktif dengan aria-current
• Kolom pencarian memiliki label terprogram (tersembunyi secara visual bila label terlihat akan mengulangi desain)
• Jumlah hasil filter diperbarui dalam wilayah aria-live="polite"
• Ikon dekoratif, seperti monogram merek, disembunyikan dari teknologi bantu dengan aria-hidden

Gerakan dan target sentuh

Ketika sistem operasi Anda meminta gerakan dikurangi, situs menonaktifkan pengguliran halus, transisi, dan animasi melalui media query prefers-reduced-motion. Tombol ajakan utama menerapkan tinggi minimum 3.1 rem — sekitar 50 piksel CSS pada pengaturan bawaan — jauh di atas ukuran target 44 px yang direkomendasikan WCAG.

Keterbatasan yang diketahui

Kami lebih memilih jujur daripada mengklaim lencana yang belum kami raih.

• Angka-angka di atas berasal dari peninjauan kode dan perhitungan kami sendiri — situs ini belum diaudit secara formal oleh auditor WCAG independen, dan kami tidak memiliki VPAT maupun laporan kesesuaian aksesibilitas
• Antarmuka hasil pencarian disediakan oleh pustaka Pagefind; markup internalnya berada di luar kendali penuh kami
• Situs saat ini hanya menyediakan skema warna terang — belum ada mode gelap
• Edisi bahasa Spanyol dan Indonesia kami ditinjau maknanya, tetapi frasa selalu bisa diperbaiki — beri tahu kami jika ada yang terdengar janggal

Laporkan masalah aksesibilitas

Jika ada sesuatu di Eye Health Guide yang sulit dibaca, dioperasikan, atau dipahami — dengan atau tanpa teknologi bantu — kami ingin tahu. Kirimkan alamat halaman dan deskripsi singkat tentang apa yang bermasalah, dan kami akan memprioritaskan apa pun yang menghambat membaca atau navigasi.

Hubungi kami tentang aksesibilitas