Panduan komponen

Milestone 1. Setiap nilai berasal dari tokens.css. Tabel kontras di bawah dihitung langsung dari token yang sedang berlaku, jadi kalau sebuah pasangan warna gagal, angkanya akan menunjukkannya, bukan tebakan.

1. Warna

Dasar netral hangat. Satu warna aksi untuk seluruh aplikasi. Tiga warna penilaian yang hanya dipakai di baris penilaian pendamping, tidak di tempat lain. Belum memakai abu-abu hangat, bukan merah.

Kontras terhitung

Ambang berbeda menurut jenis. Teks perlu 4.5 (WCAG 1.4.3), teks besar 24px tebal perlu 3.0, dan AAA perlu 7.0. Batas kontrol perlu 3.0 (WCAG 1.4.11) karena itu yang membuat tombol terlihat sebagai tombol. Hias tidak punya ambang: garis pemisah yang tidak menjadi satu-satunya penanda sebuah komponen. Baris GAGAL harus diperbaiki, bukan dijelaskan.

PasanganJenisRasioAmbangHasilAAA

2. Tipografi

Font sistem, tanpa webfont. Aplikasi harus jalan penuh luring, dan permintaan font adalah panggilan jaringan yang tidak diizinkan model privasi ini.

saya mau minum
sa · ya · mau
Judul halaman
Instruksi untuk pasien
Teks isi, 20 piksel
Label, 18 piksel
Keterangan, 16 piksel. Ini batas terkecil.

3. Ukuran sentuh

WCAG meminta 44 piksel. Tangan setelah stroke butuh lebih. Angka ini lantai, bukan saran. Jarak antar target minimal 24 piksel.

4. Tombol

5. Baris penilaian

Satu-satunya masukan pendamping selama latihan. Selalu di tempat yang sama. Warna tidak pernah menjadi satu-satunya tanda: setiap tombol punya ikon dan kata. Kata salah tidak pernah muncul di aplikasi ini.

6. Tampilan frasa, tiga mode

Mode dipilih sekali dari hasil uji membaca di penilaian awal, lalu berlaku di seluruh aplikasi.

is-teks · membaca utuh

saya mau minum
sayamauminum

is-teks-ikon · membaca sebagian

saya mau minum
sayamauminum

is-ikon · membaca terganggu

saya mau minum
saya

7. Notasi nada dan pad ketuk

MIT memakai dua nada, satu nada per suku kata. Tinggi rendah dibawa oleh posisi vertikal, warna hanya memperkuat. Ini penting: kalau tablet dibisukan, kontur masih terbaca.

teri maka sih

8. Tangga langkah dan dosis

Latihan minggu ini 2 jam 20 menit
Target 3 jam per minggu

9. Pil dan pemberitahuan

Netral Dikuasai Perlu diulang Langkah 4
Aplikasi ini membantu latihan. Aplikasi ini tidak mendiagnosis.
Suara Indonesia tidak ditemukan di tablet ini. Rekaman pendamping menjadi wajib.

10. Ikon

SVG gambar tangan, tidak pernah emoji. Emoji tampil berbeda di tiap platform.


Pratinjau sesi · Uji perangkat