Aksesibilitas
Hoardly berkomitmen untuk membuat platform ini dapat diakses oleh semua orang. Kami bertujuan untuk memenuhi standar WCAG 2.1 Level AA.
Navigasi Keyboard
Semua elemen interaktif dapat dijangkau dan dioperasikan melalui keyboard:
| Tombol | Aksi |
|---|---|
Tab | Pindah maju melalui elemen interaktif |
Shift + Tab | Pindah mundur melalui elemen interaktif |
Enter | Mengaktifkan tombol dan tautan |
Spasi | Menentukan/membatalkan pilihan kotak centang dan tombol |
Esc | Menutup dialog dan dropdown |
Tombol panah | Bernavigasi di dalam menu dan daftar |
Dukungan Pembaca Layar
Hoardly menerapkan atribut ARIA di seluruh aplikasi:
- Elemen HTML semantik untuk struktur dokumen yang tepat
- Label ARIA pada semua elemen interaktif
- Peran ARIA untuk komponen UI kompleks (menu, dialog, tab)
- Wilayah dinamis untuk pembaruan konten dinamis
- Tautan lewati untuk melompat ke konten utama
- Teks alternatif deskriptif untuk gambar
- Label formulir dan pesan kesalahan yang dikaitkan dengan benar
Kami melakukan pengujian pada pembaca layar umum, termasuk NVDA dan JAWS (Windows), VoiceOver (macOS/iOS), dan TalkBack (Android).
Kustomisasi Visual
Hoardly menyertakan lebih dari 20 tema warna bawaan, semuanya dirancang dengan mempertimbangkan aksesibilitas:
- Mode Gelap: mengurangi ketegangan mata di lingkungan dengan cahaya redup
- Mode Terang: kontras tinggi untuk lingkungan yang terang
- Beberapa tema warna: untuk menyesuaikan preferensi dan kondisi visual yang berbeda
- Ruang warna OKLCH: warna seragam secara perseptual untuk keterbacaan yang lebih baik
- Rasio kontras WCAG AA: dipertahankan di semua tema
TIP
Gunakan kontrol tema di header (sisi kanan) untuk menjelajahi dan mengganti tema. Pilihan Anda akan diingat pada perangkat ini, dan disinkronkan ke akun Anda saat Anda masuk.
Desain Responsif
Antarmuka beradaptasi dengan ukuran layar dan metode input yang berbeda:
- Tata letak ramah seluler untuk perangkat sentuh
- Ukuran teks responsif yang menghormati zoom browser
- Target sentuh minimal 44×44 piksel (WCAG 2.1 Level AAA)
- Konten menyesuaikan tanpa menggulir horizontal
- Bekerja dengan penskalaan teks browser hingga 200%
Melaporkan Masalah Aksesibilitas
Jika Anda menemukan hambatan aksesibilitas, silakan hubungi kami di support@hoardly.app dengan deskripsi masalah dan halaman atau fitur tempat Anda menemukannya.