Structure Revealer — bookmarklet do wizualizacji struktury strony

Testując dostępność, często potrzebujesz spojrzeć na strukturę strony — gdzie są nagłówki, jakie są landmarki, czy nawigacja jest poprawnie oznaczona. Istniejące narzędzia diagnostyczne potrafią być w tym za głośne: pokazują wszystko naraz i trudno wychwycić to, co akurat cię interesuje.

Structure Revealer to bookmarklet, który rozwiązuje dokładnie ten problem. Pozwala wybiórczo włączać i wyłączać podświetlanie konkretnych elementów — tylko nagłówki, tylko landmarki, albo własny selektor CSS. Liczniki pokazują, ile instancji danego elementu jest na stronie, a klikając szczegóły możesz przewijać do kolejnych wystąpień. Ustawienia są zapamiętywane między sesjami, więc nie musisz konfigurować narzędzia od nowa przy każdym otwarciu strony.

Przydatne zwłaszcza przy powtarzalnych audytach — możesz zapisać własne selektory dopasowane do badanego systemu i wracać do nich przy kolejnych wizytach.

Warto przeczytać w całości: New bookmarklet – Structure Revealer (Lloydi)