axe DevTools ve Lighthouse ile Tarama
Doğrudan tarayıcıda hızlı denetimler gerçekleştirin.
axe DevTools ve Lighthouse ile Tarama, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.
Two Tools in Your Browser
You do not need a special setup to start auditing. Both axe DevTools and Lighthouse run right inside Chrome, scanning the page you are already looking at.
Meet axe DevTools
The axe DevTools extension adds a tab to your browser developer tools. One click runs the axe-core engine and lists accessibility issues on the page.
Reading an axe Result
Each finding names the broken rule, shows the exact element, rates the impact, and links to a guide explaining how to fix it. No guessing required.
Highlight the Offending Element
axe DevTools can highlight the failing element right on the page. That makes it obvious which button or image triggered the warning.
Impact Levels Guide Priority
axe tags each issue with an impact level: minor, moderate, serious, or critical. Start with critical and serious to fix the biggest blockers first.
Meet Lighthouse
Lighthouse is built into Chrome DevTools. Its accessibility category also runs axe-core under the hood and gives you a single score out of one hundred.
Running a Lighthouse Audit
Open the Lighthouse panel, tick Accessibility, and click Analyze page load. In seconds you get a score plus a grouped list of failing audits.
The Score Is Not the Goal
A Lighthouse score of one hundred is encouraging, but it only reflects the checks it can automate. Treat it as a floor, never proof of full accessibility.
Lighthouse From the Command Line
You can run Lighthouse outside the browser too. Install it with npm and point it at any URL to generate a shareable report.
npx lighthouse https://example.com --only-categories=accessibilityaxe vs Lighthouse
axe DevTools gives deeper detail and best-practice rules; Lighthouse gives a quick score across many categories. Both share the axe-core engine, so they agree often.
Scan Early and Often
Run a quick scan while you build, not just before release. Catching a missing label now is far cheaper than tracing it back later.
Quick Check
Recall what these two browser tools share.
Recap: One Click to Insight
axe DevTools gives detailed, fixable findings while Lighthouse gives a fast score. Both live in your browser and run axe-core, so scanning early is effortless. 🔍
Sıkça Sorulan Sorular
“axe DevTools ve Lighthouse ile Tarama” dersi ücretsiz mi?
Evet — “axe DevTools ve Lighthouse ile Tarama” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“axe DevTools ve Lighthouse ile Tarama” dersinde ne öğreneceğim?
Doğrudan tarayıcıda hızlı denetimler gerçekleştirin. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“axe DevTools ve Lighthouse ile Tarama” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Otomasyonun Yakalayabildiği ve Yakalayamadığı Sorunlar
- axe DevTools ve Lighthouse ile Tarama
- axe-core'u Playwright Testlerine Bağlama
- Erişilebilirlik İçin Lint ve CI Geçitleri