Tolearentzako 3 Irisgarritasun-akats garestienak
- Kolorearen Menpe Soilik Egoten: Akatsa adierazteko ertz gorri bat erakusteak zera esan nahi du: daltonismoa duten erabiltzaileek (edo eguzkipean daudenek) ez dutela jakingo zein eremu zuzendu.
- Ezkutuko Etiketak edo Placeholder gisa: Placeholder atributuak benetako etiketa (label) balira bezala erabiltzeak pantaila irakurgailuak nahasten ditu eta idaztean desagertzea eragiten du.
- Erabil Ezin den Teklatua: Erabiltzaile batek ezin badu nabigatu eta bidali inprimakia soil-soilik 'Tab' eta 'Sartu' teklak erabiliz, zure inprimakia hondatuta dago.
Zergatik Irisgarritasunak (a11y) Zoratzen Ditzakeen Zure Salmentak
Merkataritza elektronikoa ihes masiboak dituzten inbutuz beteta dago ordainketa puntuan. Enpresa askok dirutza xahutzen dute publizitatean, baina oinarrizkoan huts egiten dute: eskuetan dardara duen bezero batek ezin du klik egin zure 'checkbox' ñimiñoetan, edo adineko pertsona batek ez du irakurtzen gris argiko testua atzealde gris ilunaren gainean.
Web irisgarritasuna (a11y) diseinuko trabak kentzea da. Europan onartzen da bizikidetza bakoitzaren kasuan biztanleriaren gutxienez % 20k dauzkatela desgaitasunen bat (ikusmena, motrizitatea edo kognitiboa). Irisgarritasuna baztertzeak esan nahi du aurreikusten duzun merkatuaren %20a baztertzea.
Inprimaki erabilerrazak sortzearen alde polita guztiorentzat interfaze sendoagoa sortzen duzula da. Koloreen kontraste-arazo bat konpontzen duzunean, hondartzan mugikorrarekin nabigatzen ari den egun eguzkitsu bati ere laguntzen ari zara.
Inprimakien Ikuskapen Perfektua
Harremanetarako edo erosketa burutzeko inprimaki bat eman aurretik, gomendatzen da oinarrizko lau urrats hauek aplikatzea:
| Fasea | Ikuspegia | Emaitza |
|---|---|---|
| 1 | Etiketen Beharrezko Parekatzea | Ziurtatu `` bakoitzak baduela bere ` |
| 2 | Akats mezu koherente eta nabariak | Inoiz ez esan soilik 'Egin klik hemen'. Esan: 'Posta-kodeak 5 zenbaki izan behar ditu'. Erabili `aria-describedby` mezu negatiboa erabiltzaileak berak kargatzen duen barne lotura sistemara eramanez. |
| 3 | Kontraste handia eta egoera bisualak AAA | Itxura hobetzeko eta bisualizatzeko, letren ratio edo atzealde gutxienez 4.5:1 gogoratu beti eskuragarritasun onarekin lerrokatzeko. Era berean, bistaratu nabarmen fokatze egoera (`:focus`) modu agerian adieraziz (eskualde urdin deigarriz, esaterako). |
| 4 | Taldekatze eta egitura logikoa | Erabili ` |
Diseinu Inklusiboaren Abantaila Enpresarialak
Pagar el peaje del diseño inclusivo se amortiza casi de inmediato con una mejor atención de mercado y una optimización total.
- Bihurpen-tasaren Berehalako Gehikuntza: Inprimakiaren traba bisualak zein operatiboak leuntzeak bisitariari eskaintza oso azkar erosketako bidera ematen uzten dio, bestelakorik behar gabe.
- Pauso Legezko Eragozpenak Prebenitzea: Europako Legeak, esaterako Europako Lege Batzordean eskurapen prozesuetaranzko lehentasunak oso zurrunak bihurtzen dituzte. Behar hauetara egokitzea ezinbesteko elementu arriskutsuak saihetstea dakar berekin.
- Eragin Eraikitzailea SEOan: HTML ondo kodatua edo taxututako elementuak osagaiek bezala adieraziz (labelak gisa batzuk), webeko oinarri onak adierazpen sendoarekin islatzeak mesede egiten du rankinga positiboki sailkatze prozesuan SEO bilaketa motorrak esleituz.
Diseinu Erabilgarritasun-galdera eta Xehetasun Asiriarrua (a11y)
Benetan, ezinbestekoa al da Diseinuan onbideratzea?
Inola ere ez. Ikuspegi arrakastatsuek garbi azpimarratzen dizkigute ikuspen polita zehatz konturatzen dena garatu daitezkeela UX modernatuarekin. Zentsurik finena esnaraziz ondo prestatzen bazara Irisgarritasuna bera ikusezina bilakatzen baita zure abantailarako.
Besterik gabe asaskatzea aski al liteke Lighthouse bezalakoak ikusita?
Ez. Sistema artifizialek eta software gailuek normalean a11y edo atzipen irizpideen %30 ingururako detekzioak esleitzen dakite soill. Prozesua beharrezkoago bihurtzeko adibidez, benetazko giza adimen ebaluazioak baino irizte funtzional zuzen, lehen eskuen onarpen nabarmen ebaluatzea behar adina testu egiaztatzeko behar dezake inprimaki testuak zeharkatuz.
Zein onurarren nola identifika eremuen nahitasuna form batean?
Utzi asterisko (*)-a alde batera nahita zehar laguntza eskatu gabe utzi den formatik soilki; jar ezaiozu horrelako input HTMLi garrantzia handi `aria-required="true"` eran idazkiak betetzera zuzentzeaz modu naturalan azaldu '(Nahitaezko Datuak)' lagunduz elbarrieri uler bedi zalantza gaberki.
Zer iritzi ematen dio horri Plugina Errabiltzearen Gainezkoa (Widgets)?
Tresna gehigarri moduan, normalean berrikuntza edo atzipen horri kalte zehatzak handitu dakizkioke arazorik ez emendatu baizik. Kode ezinezko horrelako software-irtenbide automatizatuek ez dute sakoneko eraikuntza sendotasun txarra ordezkatzeko, beren akatsez hornitu beharraren hutsala erakutsiz edonola, zuzendu gabe, ezer egiten ez delako.