Pasa esteka hau zure webgunea mantentzen duenari: akatsak larrienetik arinenera daude, non dauden eta nola konpondu.
Gorde esteka hau: txostenera sartzeko bidea da. Partekatu ikustea nahi duzunarekin bakarrik.
Laburbilduz
Erabakitzen duenarentzat, minutu batean.
Egoera: badaude pantaila-irakurgailu batek izendatu ezin dituen edo sagurik gabe erabili ezin diren gauzak; hasi haiekin.
Arriskua: webguneak kontsumitzaileei saltzen badie edo zerbitzuak ematen badizkie (merkataritza elektronikoa, bankua, garraioa…), 11/2023 Legeak irisgarria izatera behartzen du, zerbitzua mikroenpresa batek ematen ez badu, eta ez dugu aurkitu webgunearen irisgarritasunari buruzko informaziorik. Erabiltzaile batek erreklamazioa egin dezake, eta administrazioak zehatu. Hori bada zure kasua, galdetu zure aholkulariari.
Lehenik: izenik gabeko botoiak (menua, bilatu, itxi…), pantaila-irakurgailuarekin erabili ezin direnak.
Zer egin: pasatu txosten hau webgunea mantentzen duenari, konpondu akatsak agertzen diren ordenan eta argitaratu adierazpena.
Hasi aurretik
Legeak irisgarritasun-arau tekniko batzuetara igortzen du, WCAG izeneko jarraibide-zerrenda batean oinarritutakoetara (erreferentziazko arauak, UNE-EN 301549 arauak, 2.1 bertsioa jasotzen du, AA maila, eta guk 2.2 bertsioko berritasun neurgarriak gehitzen ditugu, hala nola botoien tamaina). Makina batek zerrenda horren herena gutxi gorabehera egiazta dezake, eta hori da txosten honek neurtzen duena.
Gainerakoa pertsona batek berrikusi behar du: adibidez, webgune osoa teklatuarekin bakarrik erabil daitekeen, ordena logikoan irakurtzen den edo irudien deskribapenek zerbait baliagarria esaten duten.
Lehenik webgunea erabiltzea eragozten duten akatsak daude, eta gero gainerakoak, larrienetik arinenera. Bakoitzean, zer esan nahi duen, nola konpontzen den eta zure webgunetik ateratako adibideak dituzu. Zer neurtzen dugun eta zer ez.
Horrela hasten da zure hasierako orria ikusten ez duenarentzat
«Esteka: Café de Muestra, inicio.»
«Esteka: Shop.»
«Esteka: Cafés.»
«Esteka: About us.»
«Esteka: Contacto.»
«Botoia: Buscar.»
«Botoia: Carrito.»
«Irudia: Taza de café recién hecho. Recién tostado cada lunes.»
«Botoia: ‹.»
«Botoia: ›.»
«Esteka: IMG_2034.jpg.»
«Esteka: Leer más.»
Lehen estekak, botoiak eta irudiak, pantaila-irakurgailu batek izendatzen dituen bezala (gainera, haien artean dauden testuak eta izenburuak irakurtzen ditu). «Izenik gabe» bakoitza pantaila ikusten ez duenak erabili ezin duen zerbait da.
Webgunea teklatuarekin bakarrik erabiltzea
Jende askok ez du sagurik erabiltzen: pertsona itsuek, eskuetan mugikortasun gutxi dutenek edo sakagailu batekin nabigatzen dutenek. Zure orriak Tabulazio tekla sakatuz arakatu ditugu, haiek egingo luketen bezala.
Hasierako orria
https://cafedemuestra.example/
·Gomendioa: Gomendioa: Ez dago edukira jauzi egiteko estekarik. Orriak menua saltatzeko beste modu bat du (markatutako eremuak), baina hasierako estekak asko laguntzen dio teklatua erabiltzen duenari.
✓Zuzena: Zuzena: Ez dugu aurkitu fokua harrapatuta geratzen den lekurik.
✗Akatsa: Akatsa: 15 elementutan edo gehiagotan ez da ikusten non dagoen fokua. Teklatua erabiltzen duena galdu egiten da. Konponbidea: fokuaren ingerada ez kentzea (outline: none) edo ondo ikusten den beste batekin ordeztea.
✓Zuzena: Zuzena: Fokua ez da elementu ezkutuetan sartzen.
✗Akatsa: Akatsa: 1 gauza saguarekin saka daiteke, baina ez teklatuarekin, adibidez: «Ver ofertas». Konponbidea: benetako botoiak eta estekak erabiltzea (<button>, <a href>), klik egiteko <div> edo <span> elementuen ordez.
Foku ikusgairik gabe, adibidez: «Café de Muestra, inicio», «Shop», «Cafés», «About us».
/producto.html orria
https://cafedemuestra.example/producto.html
·Gomendioa: Gomendioa: Ez dago edukira jauzi egiteko estekarik. Orriak menua saltatzeko beste modu bat du (markatutako eremuak), baina hasierako estekak asko laguntzen dio teklatua erabiltzen duenari.
✓Zuzena: Zuzena: Ez dugu aurkitu fokua harrapatuta geratzen den lekurik.
✗Akatsa: Akatsa: 13 elementutan ez da ikusten non dagoen fokua. Teklatua erabiltzen duena galdu egiten da. Konponbidea: fokuaren ingerada ez kentzea (outline: none) edo ondo ikusten den beste batekin ordeztea.
✓Zuzena: Zuzena: Fokua ez da elementu ezkutuetan sartzen.
✓Zuzena: Zuzena: Ez dugu aurkitu saguarekin bai baina teklatuarekin sakatu ezin den ezer (neurrira egindakoak, menuak edo karruselak adibidez, komeni da eskuz probatzea).
Foku ikusgairik gabe, adibidez: «Café de Muestra, inicio», «Shop», «Cafés», «About us».
/contacto.html orria
https://cafedemuestra.example/contacto.html
·Gomendioa: Gomendioa: Ez dago edukira jauzi egiteko estekarik. Orriak menua saltatzeko beste modu bat du (markatutako eremuak), baina hasierako estekak asko laguntzen dio teklatua erabiltzen duenari.
✓Zuzena: Zuzena: Ez dugu aurkitu fokua harrapatuta geratzen den lekurik.
✗Akatsa: Akatsa: 12 elementutan ez da ikusten non dagoen fokua. Teklatua erabiltzen duena galdu egiten da. Konponbidea: fokuaren ingerada ez kentzea (outline: none) edo ondo ikusten den beste batekin ordeztea.
✓Zuzena: Zuzena: Fokua ez da elementu ezkutuetan sartzen.
✓Zuzena: Zuzena: Ez dugu aurkitu saguarekin bai baina teklatuarekin sakatu ezin den ezer (neurrira egindakoak, menuak edo karruselak adibidez, komeni da eskuz probatzea).
Foku ikusgairik gabe, adibidez: «Café de Muestra, inicio», «Shop», «Cafés», «About us».
Irudiak, banan-banan
Zure webguneko 6 irudi berrikusi ditugu banan-banan, bakoitza bere deskribapenarekin alderatuz.
3 irudik ez dute deskribapen baliagarririk. Guk proposatzen duguna utzi dizugu: berrikusi eta kopiatu alt atributuan.
Proposamenak makina batek idazten ditu irudiari begiratuta: berrikusi erabili aurretik. Berrikuspen honetako iruzkinak analisia eskatu zen hizkuntzan daude (Español).
Balio ez duen deskribapena
Es un nombre de archivo y no dice qué producto es.
Orain: alt="IMG_2034.jpg"
Proposamena: alt="Bolsa de café de Colombia Huila, 250 gramos"
Deskribapenik gabe
No tiene texto alternativo y muestra un producto.
Orain: alt atributurik gabe
Proposamena: alt="Bolsa de café de Etiopía Yirgacheffe, 250 gramos"
Balio ez duen deskribapena
La palabra «foto» no explica qué producto se muestra.
Orain: alt="foto"
Proposamena: alt="Bolsa de café descafeinado por proceso de agua, 250 gramos"
Eta deskribapen ona duten 3 irudi.
Zure botoiek eta estekek esaten dutena
Pantaila-irakurgailua erabiltzen duenak botoi eta esteka bakoitzaren izena entzuten du. Zure orrietan agertzen direnak berrikusi ditugu (23 guztira).
11 ez dira ondo ulertzen: beste hizkuntza batean daude, jargoi teknikoa erabiltzen dute, errepikatu egiten dira edo ez dute esaten nora eramaten duten. Konponbidea: testua edo aria-label guk proposatzen dugunarekin ordeztea. Berrikuspen honetako iruzkinak analisia eskatu zen hizkuntzan daude (Español).
Beste hizkuntza bat · esteka
Orain hau entzuten da: «Shop» (3 aldiz). Está en inglés y la página en español.
Proposamena: «Inicio»
Beste hizkuntza bat · esteka
Orain hau entzuten da: «About us» (3 aldiz). Está en inglés y lleva a la página de contacto.
Proposamena: «Contacto»
Ez du esaten nora eramaten duen · botoia
Orain hau entzuten da: «‹». Un símbolo no dice qué hace el botón.
Proposamena: «Anterior»
Ez du esaten nora eramaten duen · botoia
Orain hau entzuten da: «›». Un símbolo no dice qué hace el botón.
Proposamena: «Siguiente»
Jargoi teknikoa · esteka
Orain hau entzuten da: «IMG_2034.jpg». Es el nombre de un archivo, no dice adónde lleva.
Proposamena: «[Destino del enlace]»
Ez du esaten nora eramaten duen · esteka
Orain hau entzuten da: «Leer más» (4 aldiz). No dice qué se va a leer.
Proposamena: «Leer más sobre nuestros cafés»
Ez du esaten nora eramaten duen · esteka
Orain hau entzuten da: «foto». No dice qué muestra ni adónde lleva.
Proposamena: «[Descripción de la foto y destino]»
Beste hizkuntza bat · botoia
Orain hau entzuten da: «Subscribe» (3 aldiz). Está en inglés y la página en español.
Proposamena: «Suscribirme»
Beste hizkuntza bat · botoia
Orain hau entzuten da: «Add to cart». Está en inglés y la página en español.
Proposamena: «Añadir al carrito»
Ez du esaten nora eramaten duen · esteka
Orain hau entzuten da: «Click here». Está en inglés y no dice adónde lleva.
Proposamena: «Volver a la página de inicio»
Beste hizkuntza bat · botoia
Orain hau entzuten da: «Send». Está en inglés y la página en español.
Proposamena: «Enviar mensaje»
Nora eramaten duten esaten ez duten estekak
Pantaila-irakurgailuek estekatik estekara jauzi egiteko aukera ematen dute. Hamar estekak «Irakurri gehiago» esaten badute, pertsonak ez daki zein den bakoitza. Konponbidea: testuak helmuga esatea («Irakurri gehiago bidalketei buruz») edo aria-label bat gehitzea.
«Leer más» · 4 aldiz
«Click here» · 1 aldiz
Irisgarritasun-adierazpena
Ez dugu aurkitu. 11/2023 Legeak bere aplikazio-eremuko enpresak behartzen ditu azaltzera, beren baldintza orokorretan edo dokumentu baliokide batean eta formatu irisgarrian, nola betetzen dituen beren zerbitzuak irisgarritasun-betekizunak; ohikoena orri-oinetik estekatutako «Irisgarritasuna» orri bat izaten da. Administrazio publikoek, gainera, adierazpen bat argitaratu behar dute, orri guztietatik estekatuta, eta bertan adierazi zer betetze-maila duten, zer eduki ez den irisgarria, noiz ebaluatu zen eta arazo baten berri nola eman daitekeen.
Txosten honetako datuekin zirriborro bat utzi dizugu. Bete kortxete artean dagoena, berrikusi dena egia dela, eta argitaratu.
Argitaratu aurretik, komeni da pertsona batek berrikustea txosten honek hartzen ez duena: prozesu osoak (bilatu, erosi, erregistratu, ordaindu), inprimakien errore-mezuak, leiho gainerakorrak, bideoak eta deskargatzen diren dokumentuak. Akats gehiago aurkitzen baditu, gehitu zerrendara.
Kontuz: zure zerbitzua 11/2023 Legearen eremuan badago eta legea betetzen ez badu, legeak behartzen zaitu hori zuzentzera eta agintaritza eskudunari jakinaraztera. Galdetu zure aholkulariari argitaratu aurretik.
Zure zirriborroa: Irisgarritasun-adierazpena
[Zure enpresaren izena] enpresak konpromisoa hartzen du bere cafedemuestra.example webgunea irisgarri egiteko, 11/2023 Legearen arabera. Erreferentzia tekniko gisa UNE-EN 301549 araua erabiltzen du, WCAG 2.1 jarraibideen AA maila jasotzen duena; WCAG 2.2ko irizpide berriak ere berrikusi ditugu.
Zerbitzuaren deskribapena
[Deskribatu laburki zure zerbitzua, nola ematen den eta nola erabiltzen den pantaila-irakurgailuarekin, teklatuarekin edo handigailuarekin.]
[Argitaratu aurretik, aditu batek berrikusteko zain.]
Betetze-egoera
Webgune hau ez dator bat WCAG 2.1 jarraibideen AA mailarekin, jarraian adierazten diren arrazoiengatik.
Eduki ez-irisgarria
Izenik gabeko botoiak (menua, bilatu, itxi…), pantaila-irakurgailuarekin erabili ezin direnak.
Etiketarik gabeko inprimaki-eremuak: pantaila-irakurgailua erabiltzen duenak ez daki zer idatzi.
Esteka hutsak: pertsona itsu batek «esteka» entzuten du, nora eramaten duen jakin gabe.
Webguneak ez du uzten mugikorrean hatzekin handitzen.
Barruko adibide-testua izen bakartzat duten eremuak: idazten hastean desagertu egiten da, eta pantaila-irakurgailu batzuek ez dute irakurtzen ere egiten.
Deskribapenik gabeko irudiak: pantaila-irakurgailu batek ez daki zer erakusten duten.
Irudi batzuek ez dute deskribapen egokirik.
Botoi eta esteka batzuen izenak ez dira ulertzen pantaila-irakurgailuarekin.
Elementu batzuetan ez da ikusten non dagoen fokua teklatuarekin nabigatzean.
Badaude saguarekin saka daitezkeen baina teklatuarekin ezin diren elementuak.
Hori zuzentzeko lanean ari gara, [aurreikusitako data] baino lehen.
Adierazpen honen prestaketa
Adierazpena autoebaluazio bidez prestatu da (data: 2026-11-01): azterketa automatikoa WCAG 2.2 A eta AA arauen arabera, teklatuarekin erabiltzeko proba automatizatuak eta irudien eta botoien eta esteken izenen berrikuspen automatizatua[, eta …-ren eskuzko berrikuspena].
Oharrak eta harremanetarako datuak
Irisgarritasun-arazoren bat aurkitzen baduzu edo informazioa beste formatu batean behar baduzu, idatzi iezaguzu [posta] helbidera edo deitu [telefonoa] zenbakira. Gehienez [epea: 20 egun baliodun administrazioetan; enpresetan, zuk finkatzen duzuna] barru erantzungo dugu.
Erreklamazio-bideak
Zerbitzu honek irisgarritasun-betekizunak betetzen ez dituela uste baduzu, erreklamazioa aurkez dezakezu hemen: [irisgarritasunaren edo kontsumoaren arloko agintaritza eskuduna].
Akatsak, banan-banan
1. Izenik gabeko botoiak (menua, bilatu, itxi…), pantaila-irakurgailuarekin erabili ezin direnak
Nola konpondu. Gehitu eremu bakoitzari <label> ikusgai bat (edo, ikusi ezin bada, aria-label bat). Placeholder-a adibide gisa gera daiteke, baina ez du etiketa ordezten.
Nola konpondu. Gehitu <img> bakoitzari irudiak ematen duena deskribatzen duen alt atributu bat (adib. alt="Korrika egiteko zapatila urdina, alboko ikuspegia"). Apaingarria baino ez bada, alt="" hutsik.
Nola konpondu. Ilundu testua edo argitu hondoa 4,5:1 kontrastera iritsi arte (3:1 testu handietan). Txostenean, huts egiten duen kolore-pare bakoitza agertzen da.
https://cafedemuestra.example/Kodea: Kodea: <p class="promo">Envío gratis a partir de 35 € · Tostamos cada lunes en pequeños lotes</p>#9a8775 testua #fffaf2 hondoaren gainean: 3.31:1 kontrastea; 4.5:1 behar da.
https://cafedemuestra.example/Kodea: Kodea: <p class="precio">12,90 €</p>#a08b78 testua #fffaf2 hondoaren gainean: 3.12:1 kontrastea; 4.5:1 behar da.
https://cafedemuestra.example/producto.htmlKodea: Kodea: <p class="precio">12,90 €</p>#a08b78 testua #fffaf2 hondoaren gainean: 3.12:1 kontrastea; 4.5:1 behar da.
https://cafedemuestra.example/contacto.htmlKodea: Kodea: <p class="promo">Respondemos en menos de 24 horas laborables.</p>#9a8775 testua #fffaf2 hondoaren gainean: 3.31:1 kontrastea; 4.5:1 behar da.
Nola konpondu. Diseinua 320 px-ko zabalerara egokitzea: pixeletan finkatutako zabalerarik gabe, irudiak max-width: 100 % balioarekin, eta taula edo bloke zabalak beren korritzearekin.
«Hasierako orria mugikorrean» eta «cookien abisuarekin» errenkadak hasierako orri bera dira, beste modu batera ikusita; ez dira orri desberdinak.
Akatsen batekin zalantzak badituzu, idatzi soporte@sintropiezos.com helbidera eta lagunduko dizugu. Sin Tropiezos, BLASAI Software S.L.U.-ren zerbitzu bat.
