Memindai dengan axe DevTools dan Lighthouse
Jalankan audit cepat langsung di peramban.
Memindai dengan axe DevTools dan Lighthouse adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Dua Alat di Peramban Anda
Anda tidak memerlukan penyiapan khusus untuk mulai melakukan audit. Baik axe DevTools maupun Lighthouse berjalan langsung di Chrome dan memindai halaman yang sedang Anda lihat.
Berkenalan dengan axe DevTools
Ekstensi axe DevTools menambahkan tab ke alat pengembang peramban Anda. Satu klik menjalankan mesin axe-core dan menampilkan daftar masalah aksesibilitas pada halaman.
Membaca Hasil axe
Setiap temuan menyebutkan aturan yang dilanggar, menampilkan elemen yang tepat, menilai dampaknya, dan menyediakan tautan ke panduan perbaikannya. Anda tidak perlu menebak.
Sorot Elemen yang Bermasalah
axe DevTools dapat menyorot elemen yang gagal langsung pada halaman. Dengan begitu, Anda dapat melihat dengan jelas tombol atau gambar yang memicu peringatan.
Tingkat Dampak Menentukan Prioritas
axe memberi setiap masalah tingkat dampak: ringan, sedang, serius, atau kritis. Mulailah dari masalah kritis dan serius untuk memperbaiki penghalang terbesar terlebih dahulu.
Berkenalan dengan Lighthouse
Lighthouse tersedia di Chrome DevTools. Kategori aksesibilitasnya juga menjalankan axe-core secara internal dan memberi Anda satu skor dari seratus.
Menjalankan Audit Lighthouse
Buka panel Lighthouse, centang Accessibility, lalu klik Analyze page load. Dalam hitungan detik, Anda mendapatkan skor serta daftar audit yang gagal dan telah dikelompokkan.
Skor Bukan Tujuan Utama
Skor Lighthouse seratus memang menggembirakan, tetapi hanya mencerminkan pemeriksaan yang dapat diotomatisasi. Anggap skor tersebut sebagai batas minimum, bukan bukti aksesibilitas sepenuhnya.
Lighthouse dari Baris Perintah
Anda juga dapat menjalankan Lighthouse di luar peramban. Instal dengan npm dan arahkan ke URL apa pun untuk membuat laporan yang dapat dibagikan.
npx lighthouse https://example.com --only-categories=accessibilityaxe dan Lighthouse
axe DevTools memberikan detail yang lebih mendalam dan aturan praktik terbaik, sedangkan Lighthouse memberikan skor cepat di berbagai kategori. Keduanya menggunakan mesin axe-core, sehingga sering memberikan hasil yang sama.
Pindai Sejak Awal dan Sesering Mungkin
Jalankan pemindaian cepat saat membangun, bukan hanya sebelum rilis. Menemukan label yang hilang sekarang jauh lebih murah daripada melacaknya kembali nanti.
Pemeriksaan Singkat
Ingat kembali kesamaan kedua alat peramban ini.
Ringkasan: Satu Klik Menuju Wawasan
axe DevTools memberikan temuan terperinci yang dapat diperbaiki, sedangkan Lighthouse memberikan skor dengan cepat. Keduanya tersedia di peramban Anda dan menjalankan axe-core, sehingga pemindaian sejak awal menjadi mudah. 🔍
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Memindai dengan axe DevTools dan Lighthouse” gratis?
Ya — teks lengkap “Memindai dengan axe DevTools dan Lighthouse” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Memindai dengan axe DevTools dan Lighthouse”?
Jalankan audit cepat langsung di peramban. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?
Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Memindai dengan axe DevTools dan Lighthouse” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?
Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Hal yang Dapat dan Tidak Dapat Dideteksi Otomatisasi
- Memindai dengan axe DevTools dan Lighthouse
- Menghubungkan axe-core ke Pengujian Playwright
- Lint dan Gerbang CI untuk Aksesibilitas