Kategori: Techno
Visionauta: Aplikasi Bertenaga AI Buatan Insinyur Brazil Kini Mendukung Bahasa Indonesia untuk Bantu Disabilitas Netra
Kabar baik bagi komunitas penyandang disabilitas netra dan low vision di Indonesia. Aplikasi asisten berbasis Kecerdasan Buatan (AI), Visionauta, kini resmi meluncurkan pembaruan yang mendukung Bahasa Indonesia secara penuh — mulai dari navigasi aplikasi, perintah suara, hingga respons pembacaan AI.
Baca Selengkapnya
Techno
#10 Aturan Pertama ARIA: Gunakan HTML Terlebih Dahulu
Dokumentasi resmi WAI-ARIA Authoring Practices memiliki sebuah aturan yang sangat terkenal:
Baca Selengkapnya
Techno
#9 Menangani Error Form yang Aksesibel: Jangan Biarkan Screen Reader Menebak
Pada artikel ini kita akan mempelajari cara membuat pesan kesalahan (error message) yang dapat dikenali oleh browser, screen reader, dan pengguna keyboard sesuai prinsip WCAG.
Baca Selengkapnya
Techno
#8 Struktur Form yang Aksesibel: Jangan Mengandalkan Placeholder sebagai Label
Placeholder hanya berfungsi sebagai petunjuk tambahan (hint), bukan sebagai nama sebuah kolom. Ketika pengguna mulai mengetik, placeholder akan menghilang.
Baca Selengkapnya
Techno
#7 Menulis ALT Text yang Baik: Bukan Tempat untuk Menumpuk Keyword SEO
Hampir semua developer mengetahui bahwa elemen <img> sebaiknya memiliki atribut alt (alternative text).
Baca Selengkapnya
Techno
#6 UI Cantik tapi Bikin Buta Warna Bingung? Panduan Kontras Warna WCAG
Sebagai developer atau desainer UI, kita sering kali jatuh cinta dengan estetika minimalis. Teks berwarna abu-abu tipis di atas latar belakang putih bersih, atau tombol pastel yang terlihat sangat modern. Desain seperti ini sekilas terlihat sangat keren di monitor mahal kita.
Baca Selengkapnya
Techno
#5 Teknik Lanjutan: Membuat "Skip to Content" dan Mengunci Fokus (Focus Trap)
WCAG melalui Success Criterion 2.4.1 – Bypass Blocks menganjurkan agar pengguna memiliki cara untuk melewati blok konten yang muncul berulang pada setiap halaman, seperti menu navigasi, banner, atau sidebar.
Baca Selengkapnya
Techno
#4 Jangan Pernah Hapus outline: none; Tanpa Pengganti!
Di artikel ini, kita akan membahas mengapa menghilangkan focus outline adalah tindakan berbahaya bagi WCAG, dan bagaimana cara mengaturnya agar tetap estetik namun ramah aksesibilitas.
Baca Selengkapnya
Techno
#3 Dosa Terbesar Developer: Memakai <div> sebagai Tombol
Di artikel ini, kita akan bedah mengapa trik ini adalah salah satu "dosa besar" dalam aksesibilitas web (WCAG) dan bagaimana cara menebusnya dengan benar.
Baca Selengkapnya
Techno
#2 Bukan Cuma Gaya-Gayaan: Menyusun Layout Web yang Bisa "Dibaca" Mesin
Bayangkan Anda masuk ke sebuah supermarket besar, tetapi semua penunjuk jalan dicopot. Tidak ada tulisan "Area Buah", "Lorong Susu", atau "Kasir". Yang ada hanyalah papan bertuliskan "Area" di setiap sudut. Bingung? Pasti.
Baca Selengkapnya