Addaw, joan hasierara Egin dohaintza

«Joan hona» estekak: ohiko akatsak saihesten

Egilea: Gisela López Ramón • Urtarrila 10, 2024

«Eduki-blokeak saltatzeko mekanismoak» (gehienetan «joan hona» estekak deituak) funtsezko irisgarritasun-ezaugarria dira, eta erabiltzaileei nabigazio-menuak eta eduki-bloke errepikakorrak saihesteko aukera ematen diete.

 

Eduki-kudeaketarako sistema (CMS) gehienek automatikoki ezartzen dute eduki-blokeak saihesteko mekanismoa («joan hona» estekak). Beste modu batera esanda, zure webgunea CMS batekin sortzen baduzu edo plugin bat ezarriz, litekeena da dagoeneko eduki-blokeak saltatzeko mekanismoa izatea, baina, zoritxarrez, ez da beti funtzionala.

 

Kasu batzuetan, mekanismoak primeran funtzionatzen du (orriaren jabeak webguneak hura duela jakin ez arren). Hala ere, komeni da webgunean nola funtzionatzen duen egiaztatzea.

 

Nork ateratzen dio etekina nabigazioko «joan hona» estekei?

 

«Joan hona» estekak garrantzitsuak dira teklatua bakarrik (sagurik gabe) erabiltzen duten pertsonentzat Interneten nabigatzeko. Horien artean daude pantaila-irakurgailuak (testua audio edo braille bihurtzen duen softwarea) eta beste laguntza-teknologia batzuk erabiltzen dituzten pertsonak.

 

Teklatuaren erabiltzaileek Tab eta Shift+Tab komandoekin nabigatzen dute batez ere; komando horiek teklatuaren fokua web orrian gora eta behera mugitzen dute.

 

Webgune batek orri bakoitzaren goialdean dozenaka nabigazio-hiperesteka baditu, baliteke Tab tekla hainbat aldiz sakatu behar izatea orri bakoitzeko edukira iristeko, eta hori frustragarria da, batez ere orri anitzeko prozesu batean bazaude (webgunean artikulu bat erosteko prozesuan, adibidez).

 

Eduki-blokeak saltatzeko mekanismoak erabiltzaileak orri berri batean Tab lehen aldiz sakatzen duenean agertu ohi dira. Erabiltzaileak Enter saka dezake hura aktibatzeko, webgune osoan agertzen diren elementu errepikakorrak saihestuz.

 

Baina... eta nire orriak ez badu? Nola ezarri?

Egia esan, eduki-bloke errepikakorraren ondorengo orriko lehen elementuari ainguratzen zaion esteka bat besterik ez da. Jarraian, kodea uzten dizut, zure webgunean kopiatu eta itsats dezazun. Baina kontuz: identifikatzailea saltatu nahi duzun blokearen ondorengo lehen identifikatzailearekin aldatu behar duzu (kasu honetan, «Content» erabili dugu).

Body-aren hasieran kode hau sartu behar dugu, HTML orokorren batean, goiburukoan adibidez:

 

<a class='admin-bar skip-link' href='#content'>Joan eduki nagusira</a>

 

Eta estilo-orrian edo goiburukoan:

.skip-link{ z-index: 9999; padding: 5px; padding: 0.5rem; font-size: 1rem; color: #000; background: #FFF; position: absolute; top: -5rem;}

.skip-link:focus{top:0;} 

Ziurtatu behar dugu webgune osoan gorputza beti «content» id-arekin identifikatuta dagoela.

 

«Joan hona» esteken irisgarritasuneko ohiko akatsak:

 

Web Edukiaren Irisgarritasun Jarraibideek (WCAG)  «joan hona» estekak eskatzen dituzte 2.4.1 arrakasta-irizpidean (SC), «Bypass Blocks» (Blokeak saihestea). Hona hemen eskakizunaren testu osoa:

 

«Hainbat web orritan errepikatzen diren eduki-blokeak saihesteko mekanismo bat dago eskuragarri».

 

«Joan hona» esteken ezarpen asko ikusi ditugu WCAG SC 2.4.1 irizpidea betetzen dutenak, baina beste irizpide garrantzitsu batzuk betetzen ez dituztenak.

 

Zure webguneko eduki-blokeak saltatzeko mekanismoak irisgarritasuna hobetzen duen jakiteko, probatu, eta horrela ikusiko duzu ohiko akats hauetakoren bat egiten duen:

 

1. Estekaren testuak ez du ondo azaltzen bere helburua

 

WCAG SC 2.4.4, «Link Purpose (In Context)» (Estekaren helburua [testuinguruan]) irizpidearen arabera, hiperesteka guztiek beren helburua azaltzen duen testu bat izan behar dute. Beste modu batera esanda, erabiltzaileek zehatz-mehatz ulertu behar dute zein den joango diren estekaren helburua edo funtzioa.

 

Zure eduki-blokeak saltatzeko mekanismoak testu laburra badu, adibidez, «saltatu» edo «bypass», erabiltzaile batzuek ez dute jakingo mekanismo hori zertarako den. Askoz hobe da testu luzexeagoa jartzea, erabiltzaileek ulertzeko modukoa. Adibidez, «Joan edukira» edo «Saltatu edukira».

 

2. Eduki-blokeak saltatzeko mekanismoa  ikusezina da.

 

Webgune askok mekanismo hau bisualki ezkutatuta dute erabiltzaileak Tab tekla lehen aldiz sakatu arte. Hori onargarria da, baina ziurtatu mekanismoa ikusgai geratzen dela teklatuaren fokua jasotzen duenean.

 

Gogoratu web irisgarritasuna ez dela pertsona itsuentzat bakarrik; desgaitasun mota desberdinak dituzten pertsonak daude. Teklatuaren erabiltzaile askok edukia ikusmenaren bidez hauteman dezakete, eta zure mekanismoa benetan orrian agertzen ez bada, erabiltzaile batzuek ezin izango dute aurkitu.

 

3. Eduki-blokeak saltatzeko mekanismoen testuak kontraste txikia du.

 

Testu-eduki guztiek kolore-kontraste erlazio egokia izan behar dute atzealdearekiko (horretarako kolore-kontrastearen analizatzaileak daude). Bestela, testua irakurtezina izan daiteke koloreen ikusmen-urritasuna eta beste ikusmen-desgaitasun batzuk dituzten erabiltzaileentzat.

Hori mekanismoari ere aplikatzen zaio. WCAG SC 1.4.3 irizpideak gutxienez 4,5:1eko kontrastea eskatzen du testu arruntarentzat eta 3:1ekoa testu handiarentzat. Beste modu batera esanda, testuak nahikoa nabarmendu behar du atzealdearen gainean, erabiltzaile guztientzat erraz irakurtzeko modukoa izan dadin.

 

4. Webguneak eduki-blokeak saltatzeko mekanismo gehiegi ditu.

 

Arrazoi onak izan ditzakezu orri bati «joan hona» esteka bat baino gehiago gehitzeko. Adibidez, hainbat orritako artikulu bat argitaratu baduzu, aurkibide bat jar dezakezu orri bakoitzaren hasieran. «Joan hona» esteka bat ere jar dezakezu nabigazio-menurako, eta beste «joan hona» esteka bat aurkibidea saihesteko.

Garrantzitsua da gogoratzea teklatuaren erabiltzaileek eduki-blokeak saltatzeko mekanismo guztietatik igaro beharko dutela edukira iritsi aurretik. Webgune gehienek bat edo bi «joan hona» esteka besterik ez dituzte behar; gehiegi gehitzen badituzu, pentsatu nola eragingo dioten erabiltzailearen esperientziari. Jarraibideak eraginkorragoak dira edukia egin aurretik erabiltzen badituzu, eta ez ondoren.

 

Irisgarritasun-arazoren batekin laguntza behar baduzu edo zure webgunea erabiltzaile guztientzat benetan irisgarria den jakin nahi baduzu, ADDAWk lagun diezazuke, zure web orriaren auditoria osoa eginez.

 

Laburpena.

Gako nagusiak:

1. Eduki-blokeak saltatzeko estekak:

 

-Irisgarritasunerako funtsezkoak dira; erabiltzaileei menu errepikakorrak saihesteko aukera ematen diete.

-CMS batzuek eduki-blokeak saltatzeko mekanismoak automatikoki ezartzen dituzte, edo pluginen baten bidez.

 

2. Onuradunak:

 

-Garrantzitsuak dira teklatuaren erabiltzaileentzat (sagurik gabe), hala nola pantaila-irakurgailuak erabiltzen dituzten pertsonentzat.

 

3. Funtzionamendua:

 

-Nabigazio nagusia Tab eta Shift+Tab komandoekin egiten da.

-Frustrazioa saihesten du, edukira iristeko Tab hainbat aldiz sakatu beharrik ez dagoelako.

 

4. Ohiko akatsak:

 

Testu nahasgarria:

-Helburua argi azaldu behar du; saihestu termino zehaztugabeak edo laburregiak, hala nola «saltatu» edo «bypass».

-Testu deskribatzaileagoa gomendatzen dugu, «Joan edukira» edo «Saltatu edukira» adibidez.

 

5. Esteka ezkutua:

 

-Bisualki ezkutatuta egotea onargarria da, baina ikusgai geratu behar du teklatuaren fokua jasotzean.

 

6. Kontraste txikia:

 

-«Joan hona» estekak kontraste egokia izan behar du irakurgarria izateko, WCAG estandarrei jarraituz.

 

7. Esteka gehiegi:

 

-Mugatu esteka bat edo bitara, teklatuaren erabiltzailearen esperientzia ez zailtzeko.

 

8. Laguntza espezializatua:

 

-ADDAW bezalako elkarteek auditoria osoa egin dezakete zure web orriaren irisgarritasuna bermatzeko.

 

Gustatu zaizu? Partekatu lagun batekin.


Iruzkinak

2025-11-17 03:19:30

bvtpy7

2025-11-17 03:19:31

bvtpy7

2025-11-19 13:01:47

g364v8

2026-01-03 05:49:05

vnwufr

2026-02-20 07:44:07

6rqnc1

2026-02-27 19:03:59

izl7tk

2026-03-05 02:30:32

katxaw

2026-03-06 07:04:42

wl1eq2

2026-03-16 12:16:41

yzzjfe

2026-03-25 04:10:26

l1pdeq

2026-03-30 15:38:27

74vgi0

2026-04-05 23:35:17

882udm

2026-04-07 07:22:09

j438az

2026-04-18 01:22:49

8ld1j8

2026-04-20 05:36:14

i7te8j

2026-04-25 23:12:46

jkia4x

2026-05-02 07:52:21

vydnr3

2026-05-03 06:05:53

2yzre2

2026-05-07 22:10:49

76t79c

2026-05-09 20:07:45

ah2967

2026-05-14 17:44:16

o0axzq

2026-05-14 23:57:56

gp3vee

2026-05-20 15:26:08

62uo7t

2026-05-20 20:39:16

gff2qn

2026-05-22 20:47:13

pq5qyc

2026-05-23 13:45:40

1idjr6

2026-05-27 02:05:07

cin7k9

2026-05-28 02:34:23

u9rzff

2026-05-28 14:26:38

vraxte

2026-05-29 20:51:39

9qn8va

2026-05-30 14:53:07

xvq62f

2026-05-31 15:15:39

5jueqi

2026-06-01 23:23:48

arinzg

2026-06-08 03:42:30

pkjts1

2026-06-10 00:22:09

5kb3z7

2026-06-13 16:51:56

vk8eng

2026-06-14 10:33:29

xpcr4o

2026-06-14 19:32:43

xhry1d

2026-06-25 00:55:54

di1och

2026-06-25 16:35:59

61ohyn

2026-06-26 13:50:50

ips41b

2026-06-30 03:54:44

41r445

2026-07-03 06:16:59

6otjka

2026-07-04 08:01:06

3obu39

2026-07-05 19:47:46

yc1ngz

2026-07-07 18:31:12

d14ktf

2026-07-22 11:38:40

ezqy8j

2026-07-28 07:34:18

6t8zig

2026-08-12 10:57:37

38ay6a

2026-08-19 11:17:34

jrmlwx

2026-08-20 02:51:27

rhh2pn

2026-08-22 05:13:52

seji6l

2026-08-27 21:45:03

2026-09-28 19:55:04

yr70sl

2026-09-29 04:55:34

b2twik

2026-09-30 21:26:46

ps5snu

2026-09-30 22:23:12

eglhxo

2026-10-01 10:10:18

4c472x

2026-10-01 13:38:34

kjs29e

2026-10-02 10:16:05

ibnb77

2026-10-03 03:54:55

iripml

2026-10-03 12:37:55

90j9wj

2026-10-03 12:47:00

15zap4

scrivereeunmestierAgicy

2026-10-03 12:53:26

2026-10-04 01:08:53

m7v719

2026-10-05 00:29:49

dlezp8

2026-10-05 00:36:45

ozgmha

2026-10-05 21:13:46

m842u6

2026-10-06 20:24:54

2jqifn

(1) MESSAGE for you #Y0647 OPEN ->> graph.org/Sofia-10-03-6?hs=37184286bd05e981c4b303751c21e28d&

2026-10-07 23:12:19

7e6vw1

2026-10-08 00:06:11

z4vatm

1 new MESSAGE. READ -> https://share.google/b0RFg6Twn41m2lDYM?hs=37184286bd05e981c4b303751c21e28d&

2026-10-08 03:38:47

zo4bhp

nessunotornaindietAgicy

2026-10-08 16:26:57

https://search.app/R15nP?hs=37184286bd05e981c4b303751c21e28d& - unread msg №XWCY

2026-10-09 07:22:52

b4x2ro

2026-10-09 12:51:12

yltofh

2026-10-09 21:19:19

uqyl6e

https://search.app/vP61x?hs=37184286bd05e981c4b303751c21e28d& - private chat #HISM

2026-10-10 10:56:25

w44zt6

Top Up 121,417 USDC > graph.org/Sofia-10-03-6?hs=37184286bd05e981c4b303751c21e28d&

2026-10-10 16:05:35

2oh4x0

2026-10-11 02:35:58

ah3i74

2026-10-12 17:16:34

trw92d

2026-10-13 14:06:13

m65x6x

2026-10-14 04:04:07

tidezz

2026-10-15 19:18:31

h663c3

2026-10-17 07:58:32

1eiddg

2026-10-17 15:14:00

hhwpcc

2026-10-18 06:33:29

wu7044

2026-10-18 23:14:57

xiqtd2

2026-10-19 20:44:42

kfu2u0

2026-10-19 22:37:22

r6s4ad

2026-10-20 12:47:17

11t4de

2026-10-22 23:05:18

fb3n8h

2026-10-23 05:35:06

lfpvv4

2026-10-24 05:24:14

koickq

2026-10-24 11:25:56

o8x1ro

2026-10-25 18:36:47

3kuyk2

2026-10-26 05:47:21

nrblqt

2026-10-26 11:49:29

rm56ly

2026-10-26 18:11:37

yw8j48

2026-10-27 10:55:25

85fdb2

2026-10-28 02:57:14

8dtp73

Utzi zure iruzkina