Irakurle gehiago erakartzen ditu guztion beharretara egokitzen den gunearekin
Zure webgunea ezintasunak dituzten pertsonentzako sarbidea eginez gero, guztion eskuragarritasuna lortzen duzu. Izan ere, zure webgunea errazagoa izan dadin, zure webgunea bilatzaileetan aurkitzen lagunduko die. Zergatik? Bilatzaileek pantaila-irakurleek egiten duten seinale bera erabiltzen dute zure webguneko edukia aurkitzeko eta ulertzeko.
Baina zehatz-mehatz nola egiten duzu web orri bat kodetze aditua bihurtu gabe?
Hona hemen aholku eta trikimailu batzuk, ia oinarrizko HTML ezagutza duten edonork bere webgunearen irisgarritasuna hobetzeko erabil dezakeen.
Web erabilerraztasun tresnak
W3C-k webguneen irisgarritasun tresnen zerrenda zoragarria eskaintzen du zure webguneko arazo potentzialak aurkitzeko. Hori esanda, oraindik ere gomendatzen dut pantailako irakurgailu batekin esploratzen eta zuk zeuk bizi.
Irakurketa erlazionatuak: Zer da laguntza teknologikoa eta nola funtzionatzen du?
Pantaila irakurleen ulermena
Zure webgunearen irisgarritasuna hobetzeko modu garrantzitsuenetariko bat pantaila irakurleek ulertu ahal izatea da. Pantailako irakurleek sintetizatutako ahots bat erabiltzen dute pantailako testua irakurtzeko. Soinuak nahiko zuzenean jokatzen du; Hala ere, pantailako irakurleek ez dute zure webgunea ulertzen gaur egun duzun moduan.
Egin nahi duzun lehen gauza da pantaila irakurle bat probatu eta ikusi nola doan. Mac batean bazaude, saiatu VoiceOver erabiliz.
- Joan Sistema Hobespenak.
- Aukeratu erabilgarritasuna.
- Aukeratu VoiceOver.
- Hautatu Enable VoiceOver kontrol- laukia .
Aktibatu eta desaktiba dezakezu F5 aginduarekin.
Windows makina batean bazaude, NVDA deskargatu nahi duzu. Aktibatu eta desaktiba dezakezu lasterbideen kontrolarekin + alt + n.
Pantailako bi irakurleek teklatuaren bidez nabigatzen uzten dute (zentzuzkoa da, ikus ez bazaude, sagua erabiliz erronka izango litzateke) eta nabigazio guneko foku bat sortuz. Fokua, funtsean, teklatua "aztarna" da, baina normalean foku objektuaren azpian nabarmentzen da, kurtsore baten ordez.
Ahotsaren tonua eta abiadura zein ahotsa irakurtzen duen ezarpen lehenetsiak gogaikarriak diren ala ez alda ditzakezu (eta ahots motela estandar bat irakurtzen ari diren bost minuturen ondoren, normalean). Pertsonek normalean webguneak irakurtzen dituzte pantailako irakurleekin, abiadura handiarekin.
Zure begiak itxi egiten dituzunean egin dezakezu, baina horri esker, irekiak eta konparagarriak izaten laguntzen du. Zure webgunea entzuten ari zarenean berehala nabarituko dituzun gauza batzuk agerraldi batzuk izan daitezke. Izenburuak eta mahaiak nahas daiteke. Irudiak saltatu daitezke edo "irudia" edo antzeko zerbait esan dezakete. Mahaiak testuingururik gabeko zenbait elementu bezala irakurri ohi dira.
Segur aski, konpondu hau.
Alt-Tags edo Atributu alternatiboa
Alt-tag edo alternatiboa (alt) atributua HTMLn erabiltzen da irudi bat deskribatzeko. HTML-an, horrelako zerbait ikusten du:
Zure webgunea zure HTML kodea ezkutatzen duen tresna bisual batekin egiten baduzu ere, ia beti aukera dezakezu irudiaren azalpen bat idazteko. Ezer ez da sartu (alt = ""), baina hobe litzateke irudi bakoitza lagungarria deskribatzeko. Itsuak bazara, zer irudia ezagutu beharko zenuke? "Emakumea" ez da asko laguntzen, baina agian "Emakumea diseinatzeko diseinuen fluxu-diagrama, irisgarritasuna, erabilgarritasuna, marka eta diseinua barne".
Izenburua Testua
Webguneek ez dute beti erakusten HTML titulu-etiketa, baina lagungarria da pantaila irakurleentzat. Ziurtatu zure webguneko orrialde bakoitzak orri deskribatzailea (baina ez gehiegi zehatza) izenburu duen deskribapena duela.
Eman zure webgunea Informazio Ona Hierarkia
Goitibeherako testu zati txikiak hautsi, eta, ahal bada, goiburuak H1, H2, H3 hierarkiarekin modu egokian erabili. Ez da zure webgunea pantailako irakurleentzat errazten duenik, beste guztiei errazagoa egiten baitute. Google-ren eta beste bilatzaile batzuen seinale bikaina da zure webgunea indexatzeko.
Era berean, ziurtatu zure webgunea edukien ordena logikoan dagoela eta ez duzula erlazionatutako informazioko kutxak agertzen. Iragarkiak erabiltzen ari bazara, ikusi iragarkiak ez direla oso intrusiboak eta zure webguneko testua sarri askotan maiz.
Egin hobeto taulak
HTML taulak erabiltzen ari bazara, taulak gehitu ditzakezu tauletan, etiketa erabiliz, pantailako irakurleek errazago ulertu ahal izateko, mahaiaren izenburua testu lodizetan besterik ez bada. Gainera, "esparrua" elementua gehi dezakezu eta zure taulan errenkada eta zutabe berriak argi eta garbi uzten badituzu, pantailako irakurgailuak ez dute testuinguru bat eman beharrik gabe mahai-zelulen serie bat besterik.
Teklatuaren nabigazioa
Orokorrean, zure webgunean jarri duzun guztia norbait teklatu bat erabiliz bakarrik pentsa dezake. Horrek esan nahi du zure nabigazio-botoiak ez dira animaziozko goitibeherako botoiak erabili ahal izango ez badituzu pantaila irakurlearekin (saiatu ezazu eta ez badakizu ziur - teklatu batzuk erabiltzeko teklatuko erabilerarako).
Itxitako bideo-oinak
Zure webguneko bideo edo audio elementuak gehitzen badituzu, epigrafea izan beharko lukete. HTML5 eta bideo streaming zerbitzu asko (YouTube bezalakoak) atal laburreko laguntza eskaintzen dute. Itxitako epigrafeak erabilerraztasuna ez ezik, zure webgunea arakatzen duten edonon ere erreproduzitu ahal izango duten edonorentzat erabilgarriak diren erabiltzaileak dira, hala nola bulego batean edo kokapen zaratatsuan.
Podcastak edo beste audio elementu batzuetarako, kontuan hartu testu-transkripzioa ematea. Ez da soilik audioa entzuten ez duten pertsonentzako baliagarria, testua Google-ren eta beste bilatzaile batzuen bidez errazago edukitzea ahalbidetuko du eduki hori indexatu eta zure Google-ren rankingera lagunduko .
ARIA
Nahi duzun irisgarritasun maila aurreratuetara joan nahi baduzu, ARIA HTML5 edo WAI-ARIA zehaztapenak arau berriak aurrera doaz. Hala ere, hau eskuliburu tekniko konplexu bat da (eta eboluzionatua), beraz, zer egin dezakezu ARIAren baliozkotzailea erabili behar duzu zure webgunea helbideratzeko arazorik baduzu. Mozilla-k ARIA-rekin hasitako gida errazagoa du.