← Wróć do portfolio
Realny audyt · 29.06 → 05.07.2026

Od 67% do 100%. Naprawdę.

To nie jest demo ani wyreżyserowany pokaz. To dziennik prawdziwej sesji audytowej tej strony — SEO, WCAG 2.1 AA, wydajność — wygenerowany przez własny silnik testowy (TESTron Audit Engine · Playwright + pytest). Poniżej dokładnie te bugi, które wykrył, i dokładnie te naprawy, które wprowadziłem. Dowody: datowane raporty w /audit-reports/ i pełna historia w changelog.json.

Stan wyjściowy

Pierwsza runda testów na żywej stronie — 51 automatycznych sprawdzeń.

📊
Wynik startowy
67%
B
34/51 testów

5 realnych problemów

Nie hipotetycznych — te bugi rzeczywiście istniały na produkcyjnej stronie.

Niski kontrast tekstu w wielu sekcjach high
🐛 Tekst nieczytelny dla osób z wadami wzroku — strona naruszała standard WCAG 2.1 AA (kontrast 2.2:1 zamiast wymaganych 4.5:1)
Zduplikowany nagłówek H1 high
🐛 Google widział dwa równorzędne tematy strony — obniżało pozycję w wyszukiwarce
Skrypt QR blokował renderowanie medium
🐛 Strona była widoczna dla użytkownika o ~600ms później niż potrzeba — wpływało na odczucie szybkości i wskaźnik LCP
Brak aria-label przy kodzie QR i polu hasła medium
🐛 Osoby korzystające z czytnika ekranu (niewidome) nie wiedziały co robi element
Meta description za długa (172 znaki) low
🐛 Google ucinał opis w wynikach wyszukiwania — kliknięcia niższe niż mogłyby być

5 napraw, mierzone wyniki

Każda naprawa zweryfikowana ponownym uruchomieniem testów — nie "powinno działać", tylko PASS.

🎨
Naprawa #1

Kontrast tekstu — globalna naprawa CSS

Zamieniono kolor --text3 (#4d3870) na --text2 (#9580c8) we wszystkich 12 miejscach w arkuszu stylów.
→ Kontrast wzrósł z 2.2:1 do 5.1:1 — spełnia WCAG AA. Testy dostępności: 100%

🏷️
Naprawa #2

Naprawa struktury nagłówków H1

Element splash screen zmieniony z <h1> na <p> — strona ma teraz dokładnie jeden nagłówek H1.
→ SEO: test hierarchii nagłówków PASS

Naprawa #3

Przeniesienie skryptu QR poza <head>

Usunięto <script src='qrcode.min.js'> z nagłówka, przeniesiono do <body> tuż przed inicjalizacją kodu QR.
→ Test render-blocking: PASS. Strona ładuje się szybciej o ~600ms

Naprawa #4

Dodanie etykiet dostępności

Dodano aria-label do wrappera QR kodu i pola hasła do książki.
→ Testy dostępności formularzy i obrazów: PASS

🔍
Naprawa #5

Skrócenie meta description

Opis skrócono z 172 do 154 znaków — mieści się w limicie Google (160 znaków).
→ Test meta description length: PASS

67% → 98%. Jedna sesja napraw.

📊
Przed (29.06)
67%
B
34/51 testów
📊
Po (04.07)
98%
A+
49/50 testów

05.07.2026 dociągnąłem ostatni test wydajności i zbudowałem infrastrukturę automatycznego audytu — wynik doszedł do 100% A+ (50/50 testów), gdzie utrzymuje się od tej sesji.

Zweryfikuj sam

Ten case study nie jest jednorazowym zrzutem ekranu — to żywy system. Raport poniżej pokazuje aktualny stan strony w tej chwili, wygenerowany tym samym silnikiem testowym co dane powyżej.