SkipLink and VisuallyHidden
SkipLink pozwala użytkownikom klawiatury ominąć powtarzaną nawigację i przejść do treści. VisuallyHidden zachowuje tekst tylko dla czytników ekranu, na przykład jednostkę po liczbie albo nazwę ikony.
- SkipLink
- VisuallyHidden
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: SkipLink and VisuallyHidden
Tab into this panel: the first stop is a link that appears in the top corner of the window.
Content
Size: 40 MB
Noc, podgląd: SkipLink and VisuallyHidden
Tab into this panel: the first stop is a link that appears in the top corner of the window.
Content
Size: 40 MB
Wysoki kontrast, podgląd: SkipLink and VisuallyHidden
Tab into this panel: the first stop is a link that appears in the top corner of the window.
Content
Size: 40 MB
UżycieLink do sekcji Użycie
import { SkipLink, VisuallyHidden } from '@skribly/ui/theme'<SkipLink targetId="content">Skip to content</SkipLink>
<main id="content">…</main>
<span aria-hidden>/file</span>
<VisuallyHidden> per file</VisuallyHidden>Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Link pomijający jest ukryty, dopóki nie dostanie fokusa, a potem pojawia się w górnym rogu z celem 44 px.
- Przejście za nim przenosi fokus na cel, a nie tylko pozycję przewijania, więc następny Tab kontynuuje od treści.
- Tam, gdzie jest miejsce, wybieraj widoczną etykietę zamiast ukrytego tekstu.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.