Asiakirjat ja esimerkit sivuttamisen osoittamisesta, mikä osoittaa, että useilla sivuilla on sarja aiheeseen liittyvää sisältöä.
Yleiskatsaus
Käytämme suurta joukkoa yhdistettyjä linkkejä sivutukseemme, mikä tekee linkeistä vaikeasti huomaamattomia ja helposti skaalautuvia – kaikki samalla tarjoamalla suuria osumaalueita. Sivutus on rakennettu luettelo-HTML-elementeillä, jotta näytönlukijat voivat ilmoittaa käytettävissä olevien linkkien määrän. Käytä rivityselementtiä <nav>tunnistamaan se näytönlukuohjelmien ja muiden aputekniikoiden navigointiosiona.
Lisäksi, koska sivuilla on todennäköisesti useampi kuin yksi tällainen navigointiosio, on suositeltavaa antaa kuvaus aria-label, <nav>joka kuvastaa sen tarkoitusta. Jos esimerkiksi sivutuskomponenttia käytetään navigointiin hakutulosjoukon välillä, sopiva tunniste voisi olla aria-label="Search results pages".
Työskentely kuvakkeiden kanssa
Haluatko käyttää kuvaketta tai symbolia tekstin sijasta joissakin sivutuslinkeissä? Varmista, että annat oikean näytönlukijatuen ariamääritteillä ja .sr-onlyapuohjelmalla.
Pois käytöstä ja aktiiviset tilat
Sivutuslinkit ovat muokattavissa erilaisiin olosuhteisiin. Käytä .disabledlinkkejä, joita ei voi napsauttaa, ja .activeosoittamaan nykyisen sivun.
Vaikka .disabledluokka pointer-events: noneyrittää poistaa käytöstä s:n linkkitoiminnot ,<a> tämä CSS-ominaisuus ei ole vielä standardoitu, eikä se ota huomioon näppäimistön navigointia. Siksi sinun tulee aina lisätä tabindex="-1"käytöstä poistettuja linkkejä ja käyttää mukautettua JavaScriptiä niiden toiminnan poistamiseksi kokonaan käytöstä.
Voit halutessasi vaihtaa aktiiviset tai käytöstä poistetut ankkurit tilalle <span>, tai jättää ankkurin pois edellisen/seuraavan nuolin tapauksessa poistaaksesi napsautustoiminnon ja estääksesi näppäimistön tarkennuksen säilyttäen samalla aiotut tyylit.
Mitoitus
Haluatko suuremman vai pienemmän sivun? Lisää .pagination-lgtai .pagination-smlisäkokoja varten.