Lighthouse: jak spustit audit a co v reportu hledat

Lighthouse je auditovací nástroj od Googlu vestavěný v Chrome. Spustíte ho na konkrétní stránce a během chvíle dostanete skóre a seznam problémů v kategoriích výkon, přístupnost, SEO a best practices.

Není to náhrada za pořádný audit. Je to rychlý způsob, jak si sami najít nízkovisečné chyby dřív, než je hledá zákazník, výběrové řízení nebo právníci.

Tohle není právní rada ani certifikace. Jen praktický návod, jak Lighthouse použít a co v něm sledovat.

Jak Lighthouse spustit

V Chrome DevTools (nejrychlejší cesta)

1. Otevřete stránku, kterou chcete zkontrolovat, v Google Chrome.
2. Stiskněte F12 (nebo Ctrl+Shift+I / na Macu Cmd+Option+I).
3. Přepněte se na záložku Lighthouse. Pokud ji nevidíte, je pod šipkou » u ostatních záložek.
4. Zvolte režim: obvykle Navigation a zařízení Mobile (přísnější a bližší realitě).
5. Zaškrtněte kategorie, které vás zajímají. Pro přístupnost stačí Accessibility. Pro celkový přehled nechte i Performance, Best Practices a SEO.
6. Klikněte na Analyze page load a počkejte na report.

Tip: měřte v anonymním okně, bez synchronizovaných rozšíření. Rozšíření prohlížeče umí report zkreslit.

PageSpeed Insights (bez DevTools)

Na pagespeed.web.dev vložíte URL a dostanete Lighthouse report plus data z terénu (když jich Google má dost). Hodí se, když chcete ukázat výsledek někomu bez Chrome.

Co znamenají skóre

• 0–49 červená: jsou tam zásadní problémy.
• 50–89 oranžová: funguje to, ale je co zlepšovat.
• 90–100 zelená: u dané kategorie jste na dobré úrovni podle automatických testů.

Zelené skóre neznamená „hotovo, jsme přístupné / rychlé navždy“. Znamená: Lighthouse nenašel hrubé chyby, které umí detekovat automaticky.

Co hledat v kategorii Accessibility

Když řešíte přístupnost, začněte tady. Typické nálezy:

• Kontrast textu - světlý text na světlém pozadí. Opravte barvy v designových tokenech, ne „oko od oka“ na jedné stránce.
• Chybějící názvy ovládacích prvků - tlačítka a odkazy jen s ikonou bez textu / aria-label.
• Obrázky bez alt - informační obrázky potřebují smysluplný popisek; dekorace prázdný alt.
• Špatná hierarchie nadpisů - přeskočené úrovně, více H1, text „jako nadpis“ jen tučně v div.
• Formuláře bez labelů - placeholder nestačí.
• Prvky bez přístupu z klávesnice - klikací div místo button / odkazu.

U každého nálezu Lighthouse ukáže prvek na stránce a krátké vysvětlení. Opravujte od critical / serious dál. Kosmetické „opportunities“ nechte až potom.

Co hledat v ostatních kategoriích (stručně)

• Performance - LCP, CLS, zbytečný JavaScript, velké obrázky. Hlubší rozbor metrik máme v článku o Core Web Vitals a Lighthouse auditech.
• SEO - title, meta description, crawlovatelnost, text u odkazů. Rychlá kontrola, ne náhrada SEO auditu.
• Best Practices - HTTPS, konzolové chyby, zastaralá API, problematické knihovny.

Co Lighthouse nechytí

• Jestli je text srozumitelný člověku.
• Jestli modal jde pohodlně zavřít a focus se vrátí správně.
• Jestli celý nákupní / poptávkový tok jde projet jen klávesnicí.
• Jestli čtečka obrazovky čte obsah v logickém pořadí end-to-end.
• Právní soulad s EAA / veřejným sektorem.

Proto po zeleném Accessibility skóre pořád projděte klíčové stránky klávesnicí. Automat je filtr, ne verdikt.

Jak to používat rozumně

1. Změřte úvodní stránku, kontakt / poptávku a jednu klíčovou podstránku.
2. Uložte si report (nebo screenshot) před a po opravách.
3. Měřte mobil i desktop, když máte výrazně jiné šablony.
4. Nesrovnávejte skóre napříč různými URL jako jediné KPI. Sledujte konkrétní chyby, které jste opravili.

Když potřebujete jít dál než automat: v prohlížeči pomůže i rozšíření axe DevTools (nástroj na hledání přístupnostních chyb přímo ve stránce). Pořád platí, že u povinného rozsahu (veřejný sektor / vybrané služby) chcete i lidský audit, ne jen zelené číslo.

Související kontext k povinnostem a praktickému checklistu: WCAG a přístupnost webu.