Dokumentatsioon ja näited lehekülgede näitamiseks, mis näitavad, et mitmel lehel on seotud sisu seeria.
Ülevaade
Kasutame oma lehekülgede jaoks suurt plokki ühendatud linke, muutes lingid raskesti kahe silma vahele ja hõlpsasti skaleeritavaks, pakkudes samal ajal suuri tabamusalasid. Leheküljed on üles ehitatud loendi HTML-i elementidega, et ekraanilugejad saaksid teatada saadaolevate linkide arvu. Kasutage ümbriselementi <nav>, et tuvastada see ekraanilugejate ja muude abitehnoloogiate navigeerimisjaotisena.
Lisaks, kuna lehtedel on tõenäoliselt rohkem kui üks selline navigeerimisjaotis, on soovitatav esitada aria-labelselle <nav>eesmärgi kajastamiseks kirjeldus. Näiteks kui lehekülgede jagamise komponenti kasutatakse otsingutulemuste komplekti vahel navigeerimiseks, võib sobiv silt olla aria-label="Search results pages".
Töö ikoonidega
Kas soovite mõne lehekülgede vahetamise lingi jaoks kasutada teksti asemel ikooni või sümbolit? ariaPakkuge atribuutidega kindlasti korralikku ekraanilugeja tuge .
Keelatud ja aktiivsed olekud
Leheküljelingid on kohandatavad erinevatel asjaoludel. Kasutage .disabledlinkide jaoks, mis näivad olevat klõpsamatud, ja .activepraeguse lehe näitamiseks.
Kuigi .disabledklass kasutab s pointer-events: none- i lingifunktsiooni keelamiseks <a>, pole see CSS-i atribuut veel standardiseeritud ega arvesta klaviatuuriga navigeerimist. Seetõttu peaksite alati lisama tabindex="-1"keelatud lingid ja kasutama nende funktsioonide täielikuks keelamiseks kohandatud JavaScripti.
Soovi korral saate aktiivsed või keelatud ankrud välja vahetada <span>või eelmiste/järgmiste noolte puhul ankru välja jätta, et eemaldada klõpsamisfunktsioon ja vältida klaviatuuri teravustamist, säilitades samal ajal kavandatud stiilid.
Suuruse määramine
Kas soovite suuremat või väiksemat lehekülge? Lisa .pagination-lgvõi .pagination-smlisasuuruste jaoks.