--- title: "Aksesibilitas | Eye Health Guide" description: "Bagaimana Eye Health Guide dibangun untuk aksesibilitas: kontras terukur, keyboard, gerakan dikurangi, dan cara melaporkan hambatan." url: https://eyehealthguide.org/id/accessibility/ source: Eye Health Guide licence: "General information only. Cite the URL and the named medical reviewer." --- Pernyataan aksesibilitas # Aksesibilitas Situs web kesehatan penglihatan harus bekerja dengan baik bagi orang-orang dengan kebutuhan penglihatan. Halaman ini mendokumentasikan fitur aksesibilitas yang tertanam di Eye Health Guide saat ini, dengan angka terukur yang telah kami verifikasi terhadap kode situs, ditambah daftar jujur tentang apa yang belum kami lakukan. Terakhir diperbarui 8 September 2026 Jawaban cepat Eye Health Guide mendukung navigasi dengan papan ketik, pembaca layar, pembesaran melalui peramban, dan pengaturan pengurangan gerakan. Warna teks utama memiliki rasio kontras terhitung 11,60:1 pada latar krem. Halaman ini menjelaskan fitur dan keterbatasannya, bukan sertifikasi aksesibilitas dari pihak independen. ## 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. 11,60:1 (#183b36 pada #faf9f5) 6,10:1 (#53625b pada #faf9f5) 7,38:1 (#205c4e pada #faf9f5) Garis luar 4 px dengan jarak 4 px; #ab471d pada #faf9f5: 5,46:1 Ukuran dasar teks: 18 px, tinggi baris 1,7; elemen lain memiliki ukuran tersendiri Kontrol navigasi atas: tinggi minimal 44 px; tombol pencarian beranda: 46 px ada di setiap halaman, diterjemahkan ke bahasa halaman dihormati melalui media query prefers-reduced-motion lang dan arah teks diatur di setiap halaman (en, es, id — semua kiri-ke-kanan) zoom cubit dan penskalaan teks browser tidak pernah dinonaktifkan ## Pengaturan membaca Gunakan tombol Aa untuk memperbesar teks, memilih teks hitam di atas putih dengan tautan berkontras tinggi, atau memakai tampilan bacaan sederhana. Pilihan tersimpan di peramban ini dan tetap berlaku saat bahasa berubah. Anda dapat mengembalikan pengaturan awal kapan saja dan tetap memakai zoom. ## Kontras dan warna Perhitungan ini menggunakan warna yang diterapkan pada September 2026: teks utama #183b36, teks sekunder #53625b, dan tautan #205c4e pada latar #faf9f5. Rasio kontrasnya masing-masing 11,60:1, 6,10:1, dan 7,38:1, melebihi batas minimal WCAG AA sebesar 4,5:1 untuk teks biasa. Hasil ini berlaku untuk pasangan warna tersebut dan tidak membuktikan kesesuaian seluruh komponen atau interaksi situs. ## Ukuran teks, spasi, dan zoom Ukuran dasar teks adalah 18 px dengan tinggi baris 1,7. Paragraf dan kontrol memiliki ukuran tersendiri, sebagian menggunakan satuan relatif. Anda tetap dapat memperbesar halaman melalui peramban atau gerakan mencubit pada layar. Pengujian independen dengan lebih banyak perangkat dan teknologi bantu masih diperlukan. ## Navigasi dengan papan ketik Setiap kontrol interaktif dapat dijangkau dan digunakan hanya dengan keyboard. - Tautan lewati ke isi utama 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 asli (Escape menutupnya), dan memindahkan fokus ke kolom pencarian - Filter adalah tombol sungguhan dengan status aria-pressed, dan pertanyaan umum menggunakan elemen asli
dan ## 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 Situs mengikuti pengaturan pengurangan gerakan dengan menonaktifkan gulir halus, transisi, dan animasi. Kontrol navigasi atas memiliki tinggi minimal 44 piksel CSS; tombol pencarian beranda memiliki tinggi minimal 46 piksel. Angka ini berlaku untuk kontrol tersebut, bukan untuk setiap tautan di situs. ## 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 - Tersedia pilihan latar terang berkontras tinggi; mode gelap belum tersedia. Isi PDF juga tersedia dalam HTML, yang lebih sesuai untuk pembaca layar. - 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](https://eyehealthguide.org/id/contact/)