Konsistensi: token desain, navigasi, dan identifikasi

Sistem desain adalah kumpulan keputusan yang dipakai ulang: token (warna, jarak, ukuran huruf), komponen (tombol, isian, kartu), dan panduan kapan memakainya. Salah satu prinsip desain USWDS, promote continuity, meminta pengalaman yang konsisten di seluruh layanan, dari waktu ke waktu, dan di berbagai platform dan perangkat, dengan memulai dari solusi dan nilai bersama. USWDS juga menegaskan bahwa konsistensi tidak sama dengan keseragaman: layanan boleh berbeda tujuan dan penerapan, tetapi bertolak dari bahasa desain yang sama.

Di kode, konsistensi dimulai dari token. Bila tiga tombol memakai tiga biru yang nyaris sama (#1a4480, #1b4d89, #16407a) dan tiga sudut berbeda, perbedaannya tidak disengaja dan sulit dirawat. Satu nilai di :root yang dipanggil di semua tempat membuat perubahan berikutnya cukup dilakukan sekali.

WCAG 2.2 punya dua kriteria tingkat AA tentang konsistensi antarhalaman dalam satu situs. 3.2.3 Consistent Navigation: mekanisme navigasi yang diulang di banyak halaman muncul dalam urutan relatif yang sama setiap kali, kecuali pengguna sendiri yang mengubahnya. Dokumen Understanding-nya menjelaskan bahwa urutan relatif tetap sama walaupun ada butir yang disisipkan atau dihapus, misalnya menu yang terbuka menampilkan subbutir. 3.2.4 Consistent Identification: komponen yang fungsinya sama di kumpulan halaman itu diidentifikasi secara konsisten, baik label teksnya maupun ikonnya. Heuristik Nielsen consistency and standards menyatakan hal serupa dari sisi kegunaan.

:root {
  --warna-teks: #1b1b1b;
  --sudut-kartu: 8px;
}
.kartu-berita, .kartu-acara { border-radius: var(--sudut-kartu); color: var(--warna-teks); }