Zergatik Erabilerraztasunaren materiak Masterclass Diseinuan

Ikasle guztientzat eskuragarri dagoen klase-edukia sortzea oinarrizko baldintza da hezkuntza modernoarentzat. Mundu osoan mila milioi pertsona baino gehiagok dute desgaitasunen bat, ikusmen- eta entzumen-urritasunetatik muga kognitibo eta motorretara. Edukira iristezin denean, ikasle horiek oztopo handiak dituzte parte-hartzea, konpromisoa eta arrakasta lortzeko. Diseinu maisu-klaseko erabilerraztasuna lege-betebehar soiletik haratago doa, hala nola, amerikarren Desgaitasunak edo Web Edukiaren Erabilerraztasun Jarraibideak, ekitatea eta ezagutza-behar anitzen errespetua lortzeko konpromisoa.

Ezinbestekotasuna ez da pentsatutako bat, ikasle guztientzat erabilgarritasuna hobetzen duen diseinu-printzipioa da.

Lineako hezkuntzaren paisaia lehiakorrean, irisgarritasunari ezikusi egiten dioten klase magistralek ikasle potentzialen zati handi bat arroztzeko arriskua dute. Gainera, inklusioa onartzen duten erakundeek sarritan goi-mailako matrikula-tasak, ikaslearen gogobetetasuna eta marka-fidentzia indartsuagoa ikusten dituzte. Erabilerraztasuna Ikaskuntzaren Diseinu Unibertsalarekin (UDL) ere bat dator, adierazpen eta konpromiso-bitarteko anitzen alde egiten dute. UDL-rekin diseinatzeak bermatzen du ikasle bakoitzak bere gaitasun eta hobespenetarako bide egokiena aukeratu dezakeela.

Masterclasseko eduki erabilerrazaren oinarrizko printzipioak

Web Edukien Erabilerraztasun Jarraibideek (WCAG) mundu osoan onartutako esparru bat eskaintzen dute, lau printzipio nagusiren inguruan antolatuta, askotan akronimoak gogoratua:

Pertzidagarria

Ikasleek aurkezturiko informazioa hauteman ahal izango dute. Horrek esan nahi du testu-kontrakotasunak testu-kontrajartzeko aukera ematen duela, irudiak, grafikoak eta audioak, esate baterako. Adibidez, ikus-entzunezko guztiek testu deskribatzailea eduki beharko lukete. Bideo-edukiak epigrafe sinkronizatuak eta transkripzio osoa izan behar ditu. Audio-edukiak idatzizko bertsioa behar du. Ziurtatu edukia egokigarria dela: erabiltzaileek testua tamainaz aldatu, koloreak doitu eta informazioa atzitu ahal izango lukete. Kolorea ez litzateke inoiz izan behar esanahi-bide bakarra: ereduak, formak, etiketak edo babeskopia-euskarri gisa erabili.

Operagarria

Erabiltzailearen interfazearen osagaiak eta nabigazioak erabiltzaile guztientzat balio behar du. Honek teklatuko eragigarritasun osoa dauka: botoi, esteka, forma-eremu eta elementu interaktibo guztiak teklatu bat bakarrik erabiliz eskura daitezke eta eragingarriak izan behar dute. Saihestu teklatuaren tranpak fokua trabatuta dagoenean. Eman denbora ikasleek edukia irakurri eta elkarreragin dezaten; saihestu diapositibak automatikoki eta denbora-zuntzak, mekanismorik gabe hedatu edo pausarazi gabe.

Ulertzeko modukoa

Edukiak erraz ulertu eta funtzionatu behar du. Hizkuntza argia erabili. Baldintza teknikoak edo jargona definitu, saihestezinak direnean. Argibideak eta errore-mezuak zehatzak eta lagungarriak izan behar dira. Sarrerako mekanismoek, formek edo galdetegiek, etiketa eta argibide argiak izan behar dituzte. Diseinu, terminologia eta elkarreragin-ereduek ezintasun kognitiboak eraikitzen eta nahastea murrizten laguntzen diete ikasleei. Ziurtatu orrialde eta atalen izenburuak deskribagarriak direla, erabiltzaileek egitura azkar ulertzeko.

Robust

Edukia bateragarria izan behar da uneko eta etorkizuneko laguntza-teknologiekin, pantaila-irakurleak, pantaila-argiztapenak, ahots-ezagutzeko softwarea eta sarrera-gailu alternatiboak barne. Erabili HTML semantikoa behar bezala: goiburuek (FLT:0]] bidez, zerrendetak eta mugarriek (FLT:2]], , ) zentzua transmititu behar dute, ez irudi-estiloa soilik. Ziurtatu trepeta pertsonalizatuek eta elementu elkarreragileak (hala nola, akordeak edo panelak) rol egokiak dituztela, eta proba-propietate erabilerrazak APIaren bidez.

AA WCAG mailari atxikitzea hezkuntza-eduki gehienetarako oinarrizko lerroa da. AAA mailaren eskakizunak, denbora-muga hedatuak edo zeinu-hizkuntzaren interpretazioa, aplika daitezke, ahal den neurrian eta egoki denean.

Masterclass erabilgarrien diseinurako urrats praktikoak

Hizkuntza garbi eta sinplea erabili

Idatzi zuzenean eta zehatz. Saihestu alferrikako konplexutasuna, esaldi anitzekoak eta hizkuntza-gaiak, ongi itzul ez daitezkeenak. Hiztegi berria aurkeztuz gero, definizio satinatuak edo pop-up-ak sartzen dira. Ikuspegi horrek ezgaitasun kognitiboak, hizkuntza-hesiak edo aurretiko ezagutza mugatua duten ikasleei laguntzen die. Flesch‐Kincaid maila bezalako irakurgarritasun-tresnak esaldien konplexutasuna neurtzen lagun diezazuke. Helburua helburuko entzuleentzat egokia den irakurketa-maila bat da, baina inoiz ez du onartu ikasle guztiek maila berean irakurtzen dutela.

2. Inpaktu-bide anitzak eskaintzea

Edukiak formatu desberdinetan eskaintzen ditu, ikasteko estilo eta erabilerraztasun-behar desberdinetara egokitzeko. Gai nagusi bakoitzeko, honako hauek ematen ditu:

  • Bideo-irakurpena epigrafeekin eta deskarga daitekeen transkripzioarekin
  • Irakurketa bereko audio-bertsio bat (adib. podcast formatua)
  • Testu-laburpena edo idatziriko artikulua, gakoaren puntuak estaltzen dituena
  • Ikus-entzunezko laburpenak, diagramak, infografiak edo mapa mentalak, guztiak testu deskribatzaile batekin

Baimendu ikasleei beren hobespen eta zirkunstantziak hobekien egokitzen zaien formatua aukeratzea. Malgutasun horrek guztiak balio du, ikusmen txikiko ikasle batek, zeinak nahiago duen seinale-trantsik handia, audioa entzuten duen guraso bati, aldika.

3. Ziurtatu teklatua eta laguntza-teknologia bateragarritasuna

Probatu zure klase nagusiko elementu interaktibo guztiak teklatu bat erabiliz. Fitxak inprimakien, ikastaro-nabigazioaren, galderen eta aurrerapenen jarraipenaren bidez. Egiaztatu funtzionalitate guztiak eskura daitezkeela eta erabiltzaileak argi ikus ditzakeela foku-adierazleak. Erabili HTML semantikoa ahalik eta gehien; JavaScript osagai pertsonalizatuek ARIAren egile-praktikak jarraitu beharko lituzkete. Ez zaitez arrastatu eta jaregin interakzioetan oinarritu, teklatura iristeko beste metodo bat ez badago (adibidez, hautatu '-zerrendako botoiak). Pantaila-irakurleekin elkartu, ezkutuko gaiak aurkitzeko probak egiten ari zaren bitartean.

4. Gehitu epigrafeak, transkripzioak eta audio-azalpenak

Bideo-eduki guztiek epigrafe zehatzak eta sinkronizatuak izan behar dituzte. Epigrafeek ez dute bakarrik entzuten duten ikasleei zerbitzatzen, baizik eta entzumen-prozesaketako nahasmenduak, hitz-jario ez-natiboak eta soinu-ingurune sentigarriak ikusten dituztenei ere laguntzen diete. Bideoaren transkripzio osoa ematen dute, elementu bisual garrantzitsuen deskribapenak barne hartzen dituena (kartak, manifestazioak, pantaila-partekatuak). Bideoetan, informazio bisuala kritikoa denean, audio-deskribapena kontuan hartu, eta transkripzioak azaltzen dituen narrazioa. Bilaketa-motorrak optimizatu eta gai espezifikoak azkar aurkitu ahal izateko aukera ematen dute.

Erabili kontraste handiko koloreak eta idazketa irakurgarria

Aukeratu kolore-konbinazioak, testu arrunterako 4,5:1 eta 3 testu handirako (18pt edo 14pt bold). Erabili kontraste-kontrolatzaile bat, hala nola, WebAIM-ren Kolore-kontrastea Checker paleta balioztatzeko. Saihestu behe-kontrast duos, hala nola gris argia zurian edo gorrian berdean. Hautatu sansserif letra-tipoak irakurgarritasun onekoarekin (adibidez, Arial, Verdana, Open Sans). Ezarri letra-tamaina gutxienez 16 aldiz letra-tamaina, eta % 1,5eko tartea, gutxienez, lerro-tamaina eta testuaren tamaina-tartea, gutxienez, gutxienez, eta % 200eko tartea, gutxienez, gutxienez, testuaren tamaina-tartea, gutxienez, testuaren tamaina-tartea, gutxienez, eta zabalera-tartea, gutxienez, gutxienez, gutxienez, testuaren tamaina-tartea, gutxienez, gutxienez, eta testuaren tamaina-tartea, gutxienez, testuaren tamaina-tartea, gutxienez, gutxienez, testuaren tamaina-tartea, gutxienez, gutxienez, gutxienez, gutxienez, gutxienez, gutxienez, testuaren tamaina-tartea, gutxienez, gutxienez, testuaren tamaina-tartea, gutxienez, eta testuaren tamaina-tarte

6. Egitura-edukia buru eta zerrenda garbiekin

Erabili goiburu mailak hierarkia logiko batean. Ez saltatu mailak - bat ez litzateke zuzenean jarraitu behar batekin. Zatitu paragrafo luzeak laburragoak. Erabili ordenatu gabeko zerrendak ordena zehatzik gabeko elementuentzat, eta ordenatutako zerrendak urratsez urratseko argibideetarako. Egitura honek pantaila-irakurlearen erabiltzaileei edukia azkar nabigatzen eta eskiatzen laguntzen die. Gako-informazioa bilatzen duten erabiltzaileak ere laguntzen ditu. Ondoko esaldiak deskriptatzea, "Xehetasun gehiago" edo "Azterriko gehiago" bezalako esaldien antzera laburtzen du.

7. Erabilerraztasunerako Forma eta Quizzes

Forma-eremu bakoitzak etiketa argi eta ikusgai bat eduki behar du, programatik abiatuta, elementuaren bidez. Errore-mezuak zehatzak izan behar dute eta eremutik hurbil agertu behar dira errore-egoeran. Sarrera konplexuetarako argibideak eman, hala nola data-hautatzaileen edo pasahitzaren eskakizunak. Ziurtatu galdetegi-galderak pantaila-irakurleek irakur ditzaketela, ez direla bakarrik fidatu irudiak edo koloreak galdera hori helarazteko. Aukera-ebaluazio-metodo alternatiboak eskaini ahal direnean (adibidez, erantzun laburreko galderak denbora-aukera anitzeko aukeraren ordezko gisa). Proba-irakurle guztiak pantaila-irakurleekin eta teklatuekin bakarrik egiten dira.

8.- Benetako erabiltzaileekin eta laguntza-teknologiekin proba egitea

Proba-tresna automatizatuek, adibidez, WAVE edo ardatzak, arazo komun asko harrapa ditzakete, baina ezin dituzte hesi guztiak detektatu. Eskuzko probak egiten dituzte pantaila-irakurleekin, hala nola NVDA (Windows) edo VoiceOver (macOS/iOS). Proba teklatuarekin, arakatzailearen zoomarekin % 200ean, eta konkontrastrazio altuarekin gaitua. Probarik eraginkorrenak ezgaitasunak ebaluatzen ditu ikasleak, eta benetako feedbacka jasoko du, eta proba-planaren bidez, planaren bidez, hobetzeko.

9. Eman denbora malgua eta elkarreragin aukerak

Ikasle guztiek ezin dute informazioa abiadura berean prozesatu. Saihestu denbora-muga zorrotzak moduluak edo galdetegiak osatzeko. Denbora-tarteak erabili behar badituzu, ikasleei denbora gehiago eskatu edo denbora-mugak itzali. Elementu interaktiboek, arrastatu eta jaregitea, keinuetan oinarritutako kontrolak (swipe, atximur), edo saguaren menpeko ekintzak, teklaturako aukera erabilgarriak ematen dituzte. Utzi ikasleei pausatzen, atzera egiten eta edukia berriro ikusten. Gorde progresioa automatikoki, saio etenak ez dezan lana galtzen.

10. Ziurtatu diseinu moldagarria eta mugikorra

Ikasle askok smartphone, tablet edo laguntza-gailuetan sartzen dira klase magistraletara. Ziurtatu elementu interaktibo guztiak pantaila-tamaina desberdinetan behar bezala eskalatzen direla. Eman 44x44 pixeleko ukimen-helburuak botoi eta esteketarako. Saihestu korritze horizontala. Erabili unitate erlatiboak (em, rem, %) testua eta tartea, erabiltzaileak testua doitu ahal izateko diseinua hautsi gabe. Probatu masterclass-a gailu eta ezarpen asistentzial ugaritan.

Tresnak eta baliabideak diseinu erabilerraza laguntzeko

Tresna libre eta ordaindu ugarik lagunduko dizute zure klase nagusiaren edukiaren erabilerraztasuna ebaluatzen eta hobetzen.

  • ] ]WAVE Web Erabilerraztasunaren Ebaluazio Tresna - Arakatzailearen hedapena eta lineako tresna erabilerraztasunaren akatsak, kontraste-gaiak eta alternatibak agerian uzten dituena. Bikaina ikuskaritza bizkorretarako.
  • ]axe Erabilerraztasuna Eskaner - Open-source, proba automatikoen motor bat, arakatzaile-garatzailearen tresnetan integratuta. Txosten zehatzak eta birmediazio-orientazioa eskaintzen ditu.
  • [WebAIM Color Contrast Checker - Tresna sinple bat testu-atzeko planoko kolore-konbinazioek WCAGen kontraste-erlazioak betetzen dituztela egiaztatzeko.
  • [Web Edukien Erabilerraztasunaren Jarraibideak (WCAG) 2.2 - Arau autoritarioa.
  • TPG kolore-kontrastea analizatzailea - mahaigaineko aplikazioa, pantailan koloreak aukeratzeko eta kontraste-erlazioak denbora errealean kalkulatzeko aukera ematen duena.
  • ]NVDA pantaila-irakurlea - Windows-erako pantaila-irakurle libre eta irekia. Funtsezkoa erabilerraztasunaren probarako.
  • ] eta iOS erabilerraztasunaren ezaugarriak - Ahots-Arakatu, Zoom eta Aldatu Kontrol bezalako tresna eraikiak. Probatu zure edukia jatorrizko aukera hauek erabiliz.
  • W3C Web Erabilerraztasunaren Tutoretzak :3]] - Gida praktikoa forma, irudi, mahai eta abar erabilerrazak sortzeko, kode-adibideekin.
  • [Udacityren erabilerraztasunaren gida, 2] - hezkuntza-plataformak ardatz dituen lehen-konkise bat, eduki-sortzaileentzako aholku erabilgarriak eskainiz.

Baliabide hauek diseinuko bizi-ziklo osoan zehar erabili. Kontrol automatikoak goiz eta sarri egin behar dira; eskuzko probak egin behar dira abiarazi aurretik.

Masterclass-eko eduki erabilgarriaren abantailak

Erabilerraztasunean inbertitzeak itzulkin ugari ematen ditu, bai kuantitatiboak, bai kualitatiboak:

  • Wider-a heldu eta ugaltzen da: Masterclass-a atzigarri bat da, desgaitasuna duten milioika ikaslerentzat, helduentzat eta aldi baterako ezintasuna dutenentzat (adibidez, beso hautsia). Zure audientzia zabaltzeak zuzenean handitzen ditu diru-sarrerak eta eragina.
  • Erabiltzailearen esperientzia hobetu du guztientzat: argitasuna, nabigazio iraunkorra eta kontrol erabilgarriek ikasle guztiei mesede egiten diete. Erabilerraztasunaren hobekuntzak zereginaren osaketa azkarragoa, errore-tasa baxuagoak eta gogobetetze-puntu handiagoak ekartzen dituzte taula osoan.
  • Lege-betebeharren eta arriskuen murriztapena: legeak, hala nola, amerikarren Desgaitasunak Legea, Europako Erabilerraztasunaren Legea eta Errehabilitazio Legearen 508 atalak sarbide berdina eskatzen dute. Betetze proaktiboak auzi, kexa eta arauzko zigorrak izateko arriskua gutxitzen du.
  • Ikaskuntza aurreratuaren emaitzak: epigrafeak, transkripzioak eta bestelako formatuak bezalako ezaugarriak, hainbat prozesatze-estilo kognitibo onartzen dituzte. Ikerketek erakusten dute epigrafeek ulermen eta atxikipena hobetzen dutela ikasle guztientzat, ez entzumen-galera dutenentzat bakarrik. Eduki ongi egituratuak ikasleei informazioa modu eraginkorragoan antolatzen eta gogoratzen laguntzen die.
  • Marka-erreputazioa eta diferentziazioa: Inklusibitatearen aldeko apustu erakusle bat, zure erakundeak aniztasuna balio duela adierazten duena. Horrek marka-leialtasuna indartu, aliantzak erakarri eta aho-hitz positiboa sortu dezake. Merkatu bete batean, erabilerraztasuna funtsezko bereizlea izan daiteke.
  • Bilaketa-motorraren errendimendua: Testu-alternatibak, transkripzioak eta HTML ongi egituratutakoak hobetu egiten dute zure edukia bilaketa-motorren bidez. Erabilerraztasun-jarraibide on askok (izen-azalak, testua, markaketa garbiak) SEO ere bultzatzen dute, trafiko organikoa gidatuz.
  • Aurreikuspenak eta etorkizuna: Produktu iristezin bat birgaitzea hasiera-hasieratik erabilerraztasuna eraikitzea baino askoz garestiagoa da. Kode erabilgarria normalean mantengarriagoa, modularra eta teknologia berriekin bateragarria da.
  • Ikasle gehienek beren lana hobeto egiten duten moduan edukiarekin elkarreraginean jardun badezakete, litekeena da motibaturik egotea eta bidea amaitzea. Frustrazio murriztuak tanta-tasak eta hitz-jarioen erreferentzia sendoagoak eragiten ditu.

Erabilerraztasuna ez da behin-behineko zerrenda-elementu bat, etengabe garatzen den praktika bat da, teknologia, gidalerro eta erabiltzailearen beharretara egokitzen dena. Maiz berrikusi zure klase nagusiaren edukia, oharrak sartzeko eta oztopo berriak zuzentzeko. Erabilerraztasuna zure diseinu-filosofian txertatuz, ikaskuntza-ingurune bat sortzen duzu ikasle guztiek aurrera egin ahal izateko.