Pelatihan dan Sertifikasi BNSP Online Responsive Web Design & UX Accessibility

27-Sep-2025

Pembuat : Admin Mobile Faculty

Kategori : Media Pembelajaran

Pelatihan dan Sertifikasi BNSP Online Responsive Web Design & UX Accessibility

Pendahuluan

Perusahaan digital saat ini dihadapkan pada tantangan besar dalam menciptakan produk web yang tidak hanya menarik secara visual, tetapi juga dapat diakses secara optimal oleh semua pengguna—termasuk mereka yang menggunakan berbagai jenis perangkat dan memiliki keterbatasan aksesibilitas.

Sayangnya, banyak website yang gagal menjangkau semua audiens karena desainnya tidak responsif atau tidak ramah aksesibilitas, seperti sulit digunakan pada layar kecil, atau tidak mendukung pembaca layar dan navigasi keyboard. Dalam konteks inilah Responsive Web Design dan UX Accessibility menjadi keterampilan yang sangat penting, terutama di era multi-perangkat dan inklusivitas digital.

Melalui Pelatihan dan Sertifikasi BNSP Online: Responsive Web Design & UX Accessibility, peserta akan mempelajari cara mendesain dan mengembangkan tampilan web yang adaptif untuk berbagai perangkat (mobile, tablet, desktop) serta menerapkan prinsip aksesibilitas agar produk digital dapat digunakan oleh semua kalangan, termasuk penyandang disabilitas. Pelatihan ini berbasis SKKNI dan menghasilkan sertifikat resmi dari BNSP.


🎯 Unit Kompetensi

Berikut unit kompetensi utama yang akan dipelajari:

  1. Merancang Desain Responsif untuk Berbagai Perangkat

    • Layout fleksibel dan sistem grid
    • Teknik media query dan breakpoint
  2. Mengoptimalkan Navigasi Mobile dan Desktop

    • Menu responsif, tombol sentuh, dan elemen interaktif
    • Navigasi keyboard dan layar kecil
  3. Memahami Prinsip UX Accessibility

    • Konsep Inclusive Design dan Universal Access
    • Web Content Accessibility Guidelines (WCAG)
  4. Mengimplementasikan Aksesibilitas Web

    • Penggunaan atribut ARIA
    • Alt text, label form, dan warna kontras
  5. Melakukan Pengujian Aksesibilitas dan Responsif

    • Tools: Chrome DevTools, Wave, Axe, Lighthouse
    • Audit UX untuk pengguna disabilitas
  6. Menyusun Laporan Evaluasi dan Perbaikan UX

    • Menganalisis temuan dari testing
    • Rekomendasi iterasi desain dan layout

📅 Silabus Pelatihan 2 Hari

Hari Topik Materi yang Dibahas
Hari 1 Pengenalan Responsive Design - Dasar HTML/CSS responsif - Grid system dan media query
Layout Fleksibel & Komponen Adaptif - Breakpoint, padding, dan alignment fleksibel - Desain mobile-first
Navigasi Multiperangkat - Menu hamburger, tombol besar - UX sentuhan dan klik
Hari 2 Dasar UX Accessibility & WCAG - Prinsip desain inklusif - Kriteria WCAG 2.1
Teknik Aksesibilitas Web - Label form, alt image, ARIA roles - Warna dan font yang ramah aksesibilitas
Audit dan Perbaikan UX Responsif - Menggunakan tools pengujian - Menyusun laporan dan rekomendasi UX

Kesimpulan

Pelatihan dan Sertifikasi BNSP Online: Responsive Web Design & UX Accessibility bertujuan untuk menghasilkan desainer dan developer yang mampu menciptakan antarmuka web yang responsif, ramah pengguna, dan dapat diakses oleh semua orang.

Kami memiliki pelatihan dan sertifikasi BNSP Online dengan biaya murah, yang dirancang agar bisa diikuti oleh siapa pun, dari mana saja, tanpa batasan perangkat. Cocok untuk UI/UX designer, web developer, mahasiswa, dan profesional yang ingin menguasai desain web modern yang inklusif.