Inspektor
Inspektor łączy przetestowaną stronę z jej wynikami. To tutaj przechodzisz od liczby dla całej witryny do dokładnego miejsca występowania problemu.
Co możesz analizować
- Wyrenderowaną stronę w przetestowanym widoku.
- Poszczególne lokalizacje problemów wyróżnione na stronie.
- Kontekst kodu źródłowego lub związany z wynikiem.
- Strukturę dostępności, nagłówki, punkty orientacyjne, linki i kolejność fokusu.
- Zrzuty ekranu i widoki responsywne zarejestrowane podczas testowania.
- Instrukcje kontroli, odniesienia do standardów, priorytet i odpowiedzialność.
- Mapy stron przedstawiające kliknięcia, frustrację i przewijanie, gdy Analytics ma dane dotyczące strony.
Urządzenia podglądu
Menu urządzeń zmienia szerokość, w jakiej wyświetlana jest strona. Szerokości są podawane w pikselach CSS, czyli rozmiarze, według którego przeglądarka układa stronę, a nie w fizycznych pikselach ekranu.
| Urządzenie | Szerokość | Szerokość po obróceniu |
|---|---|---|
| Komputer stacjonarny | Wypełnia obszar podglądu | Nie obraca się |
| MacBook Air | 1 280 | Nie obraca się |
| iPad Mini | 768 | 1 024 |
| iPad Air 4 | 820 | 1 180 |
| iPad Pro 11 | 834 | 1 194 |
| iPhone 5 | 320 | 568 |
| iPhone X | 375 | 812 |
| iPhone 14 | 390 | 817 |
| iPhone 16 | 393 | 852 |
| Samsung Galaxy S20 | 360 | 800 |
Komputer stacjonarny nie ma stałej szerokości: zależy ona od rozmiaru okna. Na tabletach i telefonach opcja Obróć obraca urządzenie na bok.
Wybór urządzenia zmienia tylko podgląd. Kontrole mobilne są zawsze testowane przy szerokości iPhone’a 5, czyli 320 pikseli CSS, niezależnie od wybranego urządzenia. W artykule Dlaczego Silktide testuje z użyciem iPhone’a 5? wyjaśniono, dlaczego.
Typowy proces pracy
- Otwórz kontrolę lub problem z modułu, tabeli stron albo wyniku wyszukiwania.
- Wybierz wystąpienie, aby wyróżnić je na stronie.
- Przeczytaj wyjaśnienie i sprawdź jego kontekst na stronie lub w kodzie źródłowym.
- Zapytaj AI, gdy potrzebujesz prostszego wyjaśnienia lub wskazówek dotyczących naprawy.
- Zarejestruj odpowiednią decyzję albo utwórz zadanie.
- Po zmianie witryny przetestuj ją ponownie, aby potwierdzić, że problem zniknął.