Qillqakuna chaymanta ejemplokuna paginakuna rikuchinapaq huk serie tupaq contenidokuna achka p'anqakunapi kasqanmanta rikuchinapaq.
Hatun qhawariy
Huk hatun bloque tinkisqa t'inkikuna p'anqaykupaq llamk'achiyku, t'inkikuna sasa pantay chaymanta mana sasa escalable ruwayku —tukuy hatun tupachisqa áreakuna quchkaspa. Paginación lista HTML elementokunawan ruwasqa chaymanta pantalla ñawiriqkuna willayta atinku hayk'a t'inkikuna kaqta. Huk p'istuy <nav>elementota llamk'achiy huk puriy t'aqa hina riqsichinapaq ñawiriqkunata pantallapaq chaymanta wak yanapakuy tecnologiakuna.
Chaymanta, imaynachus p'anqakuna aswan huk chayhina puriy t'aqayuq kanku, allin kanman huk sut'inchayta quy chaymanta aria-labelchaypaq <nav>propósito kaqta rikuchinanpaq. Ejemplopaq, sichus paginakuna componente huk huñu maskana ruwasqakuna ukhupi purinapaq llamk'achisqa, huk allin etiqueta kanman aria-label="Search results pages".
Iconokunawan llamk’ay
¿Wakin paginakuna t'inkikunapaq qillqap rantinpi huk icono utaq simp'ata llamk'achiyta maskachkankichu? Aswan allin pantalla ñawiriq yanapakuyta quy ariaatributokunawan.
Estados discapacitados y activos
Paginación t'inkikuna hukniray circunstanciakunapaq ruwanapaq kanku. Mana .disabledñit'inapaq hina rikhuriq t'inkikunapaq chaymanta .activekunan p'anqata rikuchinapaq llamk'achiy.
Mientras .disabledclase llamk'achin s t'inki ruwayta mana llamk'achiyta munaspapointer-events: none , chay CSS propiedad manaraq estandarizadachu chaymanta mana teclado puriymanta yupayta qunchu. Chayhina, sapa kuti mana atichisqa t'inkikunapi yapanayki tiyan chaymanta sapanchasqa JavaScript llamk'achinayki tiyan tukuy ruwayninkuta mana llamk'achinapaq.<a>tabindex="-1"