[{"data":1,"prerenderedAt":434},["ShallowReactive",2],{"navigation_docs":3,"mobile-subbar-page-\u002Fdokumentasi\u002Fprinsip\u002Faksesibel":348,"-dokumentasi-prinsip-aksesibel":401,"-dokumentasi-prinsip-aksesibel-surround":429},[4,150,341],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"Dokumentasi","i-lucide-book-open","\u002Fdokumentasi","1.dokumentasi",[10,13,48,74,96,114,136],{"title":11,"path":7,"stem":12},"Dokumentasi & Panduan","1.dokumentasi\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":47},"Memulai","i-lucide-rocket","\u002Fdokumentasi\u002Fmemulai","1.dokumentasi\u002F1.memulai",[19,23,27,31,35,39,43],{"title":20,"path":21,"stem":22},"Pengantar","\u002Fdokumentasi\u002Fmemulai\u002Fpengantar","1.dokumentasi\u002F1.memulai\u002F1.pengantar",{"title":24,"path":25,"stem":26},"Instalasi","\u002Fdokumentasi\u002Fmemulai\u002Finstalasi","1.dokumentasi\u002F1.memulai\u002F2.instalasi",{"title":28,"path":29,"stem":30},"Arsitektur & Struktur","\u002Fdokumentasi\u002Fmemulai\u002Farsitektur","1.dokumentasi\u002F1.memulai\u002F3.arsitektur",{"title":32,"path":33,"stem":34},"Preset UnoCSS","\u002Fdokumentasi\u002Fmemulai\u002Funocss","1.dokumentasi\u002F1.memulai\u002F4.unocss",{"title":36,"path":37,"stem":38},"Next.js & React","\u002Fdokumentasi\u002Fmemulai\u002Fnextjs","1.dokumentasi\u002F1.memulai\u002F5.nextjs",{"title":40,"path":41,"stem":42},"Svelte & SvelteKit","\u002Fdokumentasi\u002Fmemulai\u002Fsvelte","1.dokumentasi\u002F1.memulai\u002F6.svelte",{"title":44,"path":45,"stem":46},"Angular","\u002Fdokumentasi\u002Fmemulai\u002Fangular","1.dokumentasi\u002F1.memulai\u002F7.angular",false,{"title":49,"icon":50,"path":51,"stem":52,"children":53,"page":47},"Fondasi Desain","i-lucide-palette","\u002Fdokumentasi\u002Ffondasi","1.dokumentasi\u002F2.fondasi",[54,58,62,66,70],{"title":55,"path":56,"stem":57},"Warna","\u002Fdokumentasi\u002Ffondasi\u002Fwarna","1.dokumentasi\u002F2.fondasi\u002F1.warna",{"title":59,"path":60,"stem":61},"Tipografi","\u002Fdokumentasi\u002Ffondasi\u002Ftipografi","1.dokumentasi\u002F2.fondasi\u002F2.tipografi",{"title":63,"path":64,"stem":65},"Spasi & Bentuk","\u002Fdokumentasi\u002Ffondasi\u002Fspasi-bentuk","1.dokumentasi\u002F2.fondasi\u002F3.spasi-bentuk",{"title":67,"path":68,"stem":69},"Gerak & Elevasi","\u002Fdokumentasi\u002Ffondasi\u002Fgerak-elevasi","1.dokumentasi\u002F2.fondasi\u002F4.gerak-elevasi",{"title":71,"path":72,"stem":73},"Arsitektur Token","\u002Fdokumentasi\u002Ffondasi\u002Farsitektur-token","1.dokumentasi\u002F2.fondasi\u002F5.arsitektur-token",{"title":75,"icon":76,"path":77,"stem":78,"children":79,"page":47},"Pola Layanan","i-lucide-workflow","\u002Fdokumentasi\u002Fpola","1.dokumentasi\u002F3.pola",[80,84,88,92],{"title":81,"path":82,"stem":83},"Cek Status Permohonan","\u002Fdokumentasi\u002Fpola\u002Fcek-status","1.dokumentasi\u002F3.pola\u002F2.cek-status",{"title":85,"path":86,"stem":87},"Direktori Layanan Publik","\u002Fdokumentasi\u002Fpola\u002Fdirektori-layanan","1.dokumentasi\u002F3.pola\u002F3.direktori-layanan",{"title":89,"path":90,"stem":91},"Pengumuman Darurat","\u002Fdokumentasi\u002Fpola\u002Fpengumuman-darurat","1.dokumentasi\u002F3.pola\u002F4.pengumuman-darurat",{"title":93,"path":94,"stem":95},"Widget Aksesibilitas","\u002Fdokumentasi\u002Fpola\u002Fwidget-aksesibilitas","1.dokumentasi\u002F3.pola\u002F5.widget-aksesibilitas",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":47},"Standar & Kualitas","i-lucide-check-circle-2","\u002Fdokumentasi\u002Fstandar","1.dokumentasi\u002F4.standar",[102,106,110],{"title":103,"path":104,"stem":105},"Checklist WCAG 2.1 Level AA","\u002Fdokumentasi\u002Fstandar\u002Fwcag-aa-checklist","1.dokumentasi\u002F4.standar\u002F1.wcag-aa-checklist",{"title":107,"path":108,"stem":109},"Panduan Microcopy (Anti-Kaku)","\u002Fdokumentasi\u002Fstandar\u002Fmicrocopy","1.dokumentasi\u002F4.standar\u002F2.microcopy",{"title":111,"path":112,"stem":113},"Definition of Done","\u002Fdokumentasi\u002Fstandar\u002Fdefinition-of-done","1.dokumentasi\u002F4.standar\u002F3.definition-of-done",{"title":115,"icon":116,"path":117,"stem":118,"children":119,"page":47},"Prinsip Desain","i-lucide-compass","\u002Fdokumentasi\u002Fprinsip","1.dokumentasi\u002F5.prinsip",[120,124,128,132],{"title":121,"path":122,"stem":123},"Prinsip: Aksesibel","\u002Fdokumentasi\u002Fprinsip\u002Faksesibel","1.dokumentasi\u002F5.prinsip\u002F1.aksesibel",{"title":125,"path":126,"stem":127},"Prinsip: Framework-Agnostic","\u002Fdokumentasi\u002Fprinsip\u002Fframework-agnostic","1.dokumentasi\u002F5.prinsip\u002F2.framework-agnostic",{"title":129,"path":130,"stem":131},"Prinsip: Kredibel & Tepercaya","\u002Fdokumentasi\u002Fprinsip\u002Fkredibel-tepercaya","1.dokumentasi\u002F5.prinsip\u002F3.kredibel-tepercaya",{"title":133,"path":134,"stem":135},"Hukum UX & Psikologi Kognitif","\u002Fdokumentasi\u002Fprinsip\u002Fhukum-ux-kognitif","1.dokumentasi\u002F5.prinsip\u002F4.hukum-ux-kognitif",{"title":137,"icon":138,"path":139,"stem":140,"children":141,"page":47},"Komputasi Tersanksi","i-lucide-calculator","\u002Fdokumentasi\u002Fkomputasi","1.dokumentasi\u002F6.komputasi",[142,146],{"title":143,"path":144,"stem":145},"Perhitungan Rasio Kontras","\u002Fdokumentasi\u002Fkomputasi\u002Frasio-kontras","1.dokumentasi\u002F6.komputasi\u002F1.rasio-kontras",{"title":147,"path":148,"stem":149},"Anggaran Ukuran CSS & Performa","\u002Fdokumentasi\u002Fkomputasi\u002Fanggaran-performa","1.dokumentasi\u002F6.komputasi\u002F2.anggaran-performa",{"title":151,"icon":152,"path":153,"stem":154,"children":155},"Komponen","i-lucide-component","\u002Fkomponen","2.komponen",[156,159,209,255,285,315],{"title":157,"path":153,"stem":158},"Katalog Komponen","2.komponen\u002Findex",{"title":160,"icon":161,"path":162,"stem":163,"children":164,"page":47},"Elemen Dasar","i-lucide-box","\u002Fkomponen\u002Fdasar","2.komponen\u002F1.dasar",[165,169,173,177,181,185,189,193,197,201,205],{"title":166,"path":167,"stem":168},"Button (Tombol)","\u002Fkomponen\u002Fdasar\u002Fbutton","2.komponen\u002F1.dasar\u002F1.button",{"title":170,"path":171,"stem":172},"User (Identitas Ringkas)","\u002Fkomponen\u002Fdasar\u002Fuser","2.komponen\u002F1.dasar\u002F10.user",{"title":174,"path":175,"stem":176},"Icon (Ikon Grafis)","\u002Fkomponen\u002Fdasar\u002Ficon","2.komponen\u002F1.dasar\u002F11.icon",{"title":178,"path":179,"stem":180},"Badge (Lencana Status)","\u002Fkomponen\u002Fdasar\u002Fbadge","2.komponen\u002F1.dasar\u002F2.badge",{"title":182,"path":183,"stem":184},"Spinner (Indikator Pemuatan)","\u002Fkomponen\u002Fdasar\u002Fspinner","2.komponen\u002F1.dasar\u002F3.spinner",{"title":186,"path":187,"stem":188},"Divider (Pemisah Konten)","\u002Fkomponen\u002Fdasar\u002Fdivider","2.komponen\u002F1.dasar\u002F4.divider",{"title":190,"path":191,"stem":192},"Avatar & AvatarGroup","\u002Fkomponen\u002Fdasar\u002Favatar","2.komponen\u002F1.dasar\u002F5.avatar",{"title":194,"path":195,"stem":196},"Kbd (Tombol Keyboard)","\u002Fkomponen\u002Fdasar\u002Fkbd","2.komponen\u002F1.dasar\u002F6.kbd",{"title":198,"path":199,"stem":200},"Chip (Notifikasi Overlay)","\u002Fkomponen\u002Fdasar\u002Fchip","2.komponen\u002F1.dasar\u002F7.chip",{"title":202,"path":203,"stem":204},"Skeleton (Pemuat Shimmer)","\u002Fkomponen\u002Fdasar\u002Fskeleton","2.komponen\u002F1.dasar\u002F8.skeleton",{"title":206,"path":207,"stem":208},"Progress (Batang Kemajuan)","\u002Fkomponen\u002Fdasar\u002Fprogress","2.komponen\u002F1.dasar\u002F9.progress",{"title":210,"icon":211,"path":212,"stem":213,"children":214,"page":47},"Formulir & Masukan","i-lucide-text-cursor-input","\u002Fkomponen\u002Fformulir","2.komponen\u002F2.formulir",[215,219,223,227,231,235,239,243,247,251],{"title":216,"path":217,"stem":218},"FormField (Pembungkus Bidang Isian)","\u002Fkomponen\u002Fformulir\u002Fform-field","2.komponen\u002F2.formulir\u002F1.form-field",{"title":220,"path":221,"stem":222},"InputGroup & ButtonGroup","\u002Fkomponen\u002Fformulir\u002Finput-group","2.komponen\u002F2.formulir\u002F10.input-group",{"title":224,"path":225,"stem":226},"Input (Kolom Isian Teks)","\u002Fkomponen\u002Fformulir\u002Finput","2.komponen\u002F2.formulir\u002F2.input",{"title":228,"path":229,"stem":230},"Textarea (Area Teks Panjang)","\u002Fkomponen\u002Fformulir\u002Ftextarea","2.komponen\u002F2.formulir\u002F3.textarea",{"title":232,"path":233,"stem":234},"Select (Menu Pilihan Dropdown)","\u002Fkomponen\u002Fformulir\u002Fselect","2.komponen\u002F2.formulir\u002F4.select",{"title":236,"path":237,"stem":238},"Checkbox & Radio (Kotak Centang & Tombol Pilihan)","\u002Fkomponen\u002Fformulir\u002Fcheckbox-radio","2.komponen\u002F2.formulir\u002F5.checkbox-radio",{"title":240,"path":241,"stem":242},"FileUpload (Unggah Berkas Persyaratan)","\u002Fkomponen\u002Fformulir\u002Ffile-upload","2.komponen\u002F2.formulir\u002F6.file-upload",{"title":244,"path":245,"stem":246},"Switch (Sakelar Pengaturan)","\u002Fkomponen\u002Fformulir\u002Fswitch","2.komponen\u002F2.formulir\u002F7.switch",{"title":248,"path":249,"stem":250},"Slider (Penggeser Nilai)","\u002Fkomponen\u002Fformulir\u002Fslider","2.komponen\u002F2.formulir\u002F8.slider",{"title":252,"path":253,"stem":254},"PinInput (Kode OTP)","\u002Fkomponen\u002Fformulir\u002Fpin-input","2.komponen\u002F2.formulir\u002F9.pin-input",{"title":256,"icon":257,"path":258,"stem":259,"children":260,"page":47},"Navigasi & Struktur","i-lucide-navigation","\u002Fkomponen\u002Fnavigasi","2.komponen\u002F3.navigasi",[261,265,269,273,277,281],{"title":262,"path":263,"stem":264},"TrustBanner","\u002Fkomponen\u002Fnavigasi\u002Ftrust-banner","2.komponen\u002F3.navigasi\u002F1.trust-banner",{"title":266,"path":267,"stem":268},"SkipLink (Lompat ke Konten Utama)","\u002Fkomponen\u002Fnavigasi\u002Fskip-link","2.komponen\u002F3.navigasi\u002F2.skip-link",{"title":270,"path":271,"stem":272},"Stepper (Indikator Tahapan Formulir)","\u002Fkomponen\u002Fnavigasi\u002Fstepper","2.komponen\u002F3.navigasi\u002F3.stepper",{"title":274,"path":275,"stem":276},"Breadcrumb (Navigasi Jejak Rekam)","\u002Fkomponen\u002Fnavigasi\u002Fbreadcrumb","2.komponen\u002F3.navigasi\u002F4.breadcrumb",{"title":278,"path":279,"stem":280},"Pagination (Paginasi Halaman Data)","\u002Fkomponen\u002Fnavigasi\u002Fpagination","2.komponen\u002F3.navigasi\u002F5.pagination",{"title":282,"path":283,"stem":284},"Tabs (Navigasi Tab)","\u002Fkomponen\u002Fnavigasi\u002Ftabs","2.komponen\u002F3.navigasi\u002F6.tabs",{"title":286,"icon":287,"path":288,"stem":289,"children":290,"page":47},"Umpan Balik & Dialog","i-lucide-bell","\u002Fkomponen\u002Fumpan-balik","2.komponen\u002F4.umpan-balik",[291,295,299,303,307,311],{"title":292,"path":293,"stem":294},"Alert (Kotak Pemberitahuan)","\u002Fkomponen\u002Fumpan-balik\u002Falert","2.komponen\u002F4.umpan-balik\u002F1.alert",{"title":296,"path":297,"stem":298},"Modal (Kotak Dialog Konfirmasi)","\u002Fkomponen\u002Fumpan-balik\u002Fmodal","2.komponen\u002F4.umpan-balik\u002F2.modal",{"title":300,"path":301,"stem":302},"EmptyState (Kondisi Data Kosong)","\u002Fkomponen\u002Fumpan-balik\u002Fempty-state","2.komponen\u002F4.umpan-balik\u002F3.empty-state",{"title":304,"path":305,"stem":306},"Toast (Notifikasi Mengambang)","\u002Fkomponen\u002Fumpan-balik\u002Ftoast","2.komponen\u002F4.umpan-balik\u002F4.toast",{"title":308,"path":309,"stem":310},"Drawer & Slideover (Panel Samping)","\u002Fkomponen\u002Fumpan-balik\u002Fdrawer","2.komponen\u002F4.umpan-balik\u002F5.drawer",{"title":312,"path":313,"stem":314},"Tooltip (Petunjuk Melayang)","\u002Fkomponen\u002Fumpan-balik\u002Ftooltip","2.komponen\u002F4.umpan-balik\u002F6.tooltip",{"title":316,"icon":317,"path":318,"stem":319,"children":320,"page":47},"Tampilan Data","i-lucide-table","\u002Fkomponen\u002Ftampilan-data","2.komponen\u002F5.tampilan-data",[321,325,329,333,337],{"title":322,"path":323,"stem":324},"Table (Tabel Data Responsif)","\u002Fkomponen\u002Ftampilan-data\u002Ftable","2.komponen\u002F5.tampilan-data\u002F1.table",{"title":326,"path":327,"stem":328},"Card (Kartu Layanan & Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fcard","2.komponen\u002F5.tampilan-data\u002F2.card",{"title":330,"path":331,"stem":332},"Accordion (Daftar Lipat \u002F FAQ)","\u002Fkomponen\u002Ftampilan-data\u002Faccordion","2.komponen\u002F5.tampilan-data\u002F3.accordion",{"title":334,"path":335,"stem":336},"StatCard (Kartu Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fstat-card","2.komponen\u002F5.tampilan-data\u002F4.stat-card",{"title":338,"path":339,"stem":340},"Timeline (Riwayat Pelacakan)","\u002Fkomponen\u002Ftampilan-data\u002Ftimeline","2.komponen\u002F5.tampilan-data\u002F5.timeline",{"title":342,"path":343,"stem":344,"children":345,"icon":347},"Template","\u002Ftemplate","3.template\u002Findex",[346],{"title":342,"path":343,"stem":344},"i-lucide-layout-template",{"id":349,"title":121,"body":350,"description":394,"extension":395,"links":396,"meta":397,"navigation":398,"path":122,"seo":399,"stem":123,"__hash__":400},"docs\u002F1.dokumentasi\u002F5.prinsip\u002F1.aksesibel.md",{"type":351,"value":352,"toc":389},"minimark",[353,357,362,386],[354,355,356],"p",{},"Website pemerintah bukanlah etalase pamer teknologi pengembangnya. Portal publik adalah pintu bagi warga negara untuk mendapatkan hak dasarnya: mengurus akta lahir anak, mencairkan bantuan sosial, memperpanjang izin usaha, atau melaporkan jalan rusak.",[358,359,361],"h2",{"id":360},"makna-praktis-bagi-desainer-pengembang","Makna Praktis bagi Desainer & Pengembang",[363,364,365,374,380],"ul",{},[366,367,368,369,373],"li",{},"Jika seorang kakek berusia 65 tahun di Desa Argapura tidak bisa membaca teks bantuan form karena warnanya abu-abu pucat, maka ",[370,371,372],"strong",{},"desain itu cacat",".",[366,375,376,377,373],{},"Jika seorang ibu hamil gemetar jarinya salah menekan tombol hapus karena jarak tombol terlalu rapat, maka ",[370,378,379],{},"desain itu gagal",[366,381,382,383,373],{},"Jika seorang penyandang tunanetra tidak bisa menyelesaikan formulir surat pindah karena komponen modal tidak memiliki focus trap keyboard, maka ",[370,384,385],{},"sistem itu melanggar hak warga",[354,387,388],{},"Aksesibilitas diukur dengan bukti nyata, bukan janji: wajib lolos WCAG 2.1 Level AA, kontras 4.5:1, target sentuh 44px, dan navigasi keyboard lengkap.",{"title":390,"searchDepth":391,"depth":391,"links":392},"",2,[393],{"id":360,"depth":391,"text":361},"Aksesibilitas adalah hak warga negara, bukan fitur opsional tambahan.","md",null,{},true,{"title":121,"description":394},"aFFE5B9AY79VsXWn015iWRMxIzz0EcvMgKK8qdHNvwg",{"id":349,"title":121,"body":402,"description":394,"extension":395,"links":396,"meta":427,"navigation":398,"path":122,"seo":428,"stem":123,"__hash__":400},{"type":351,"value":403,"toc":424},[404,406,408,422],[354,405,356],{},[358,407,361],{"id":360},[363,409,410,414,418],{},[366,411,368,412,373],{},[370,413,372],{},[366,415,376,416,373],{},[370,417,379],{},[366,419,382,420,373],{},[370,421,385],{},[354,423,388],{},{"title":390,"searchDepth":391,"depth":391,"links":425},[426],{"id":360,"depth":391,"text":361},{},{"title":121,"description":394},[430,432],{"title":111,"path":112,"stem":113,"description":431,"children":-1},"Standar kelayakan sebelum komponen atau halaman web dinyatakan siap rilis.",{"title":125,"path":126,"stem":127,"description":433,"children":-1},"Sistem desain harus lebih mudah dipasang daripada membuat sendiri dari nol.",1791989385937]