Per què les matèria d' accessibilitat en el disseny de la classe mestra

Crear contingut mestreclass és accessible a tots els aprenents és un requisit fonamental per a l'educació moderna. Més d' 1 mil milions de persones que han experimentat alguna forma de discapacitat, que va des de la Llei de Disabilitats visual i escoltar les seves impressions de contingut. Quan el contingut és inaccessible, aquestes organitzacions s' apleguen a la participació, compromís i l' èxit. L' accessibilitat en el disseny de classe principal es mou més enllà de la simple administració legal amb estàndards com ara els nord-americans o la guia d' accessibilitat web; afecta a un compromís en la incloquitivitat, i el respecte de les necessitats. L' accés també millora l' experiència per a tots els aspectes no funcionals i els espectadors. Neteja els usuaris de manera més eficaç, i deixa de navegar amb un producte d' accessibilitat. Per a què s' abasti una major atenció, també es poden millorar l' aprenentatge i el producte educatiu.

[[FLT: 0]] "Entitució no és un punt després de pensar; és un principi de disseny que millora la usabilitat per a tots els aprenents." [[FLT: 1]

En el paisatge competitiu de l'educació en línia, les classes mestre que ignoren el risc d' accessibilitat alienant una gran part d' estudiants potencials. A més, les institucions que accepten sovint veuen les taxes d' ampliació més altes, millor aprenent satisfacció i lleialtat de la marca més forta. L' accessibilitat també s' agrupen amb el disseny universal per aprendre els principis universals (UDL), que defensa de múltiples mitjans de representació, d' expressió i compromís. Dissenyant amb la ment UDL en què cada aprenent pot escollir el camí que treballa millor per a les seves habilitats i preferències úniques.

Conjunts de tecles del contingut de classe mestra Accessible

La guia d' accessibilitat de continguts web (WCAG) proporciona un marc acceptat globalment al voltant de quatre principis de nucli, sovint recorda l' acrònim [[FLT: 0] PUR[[FLT: 1]:

Perceivable

Els asteradors han de ser capaços de percebre la informació que es presenta. Això significa que proporciona alternatives de text pel contingut no text, com les imatges, diagrames i àudio. Per exemple, tots els visuals haurien d' incloure text descriptiu. El contingut del vídeo ha d' incloure títols sincronitzats i una transcripció completa. El contingut d' àudio requereix una versió escrita. Assegureu- vos que és adaptable: els usuaris haurien de ser capaços d' amidar text, ajustar els colors i accedir a la informació. El color mai hauria de ser el mètode únic de transit, usar patrons, etiquetes o formes de seguretat.

Operable

Els components de la interfície d' usuari i la navegació han de funcionar per a tots els usuaris. Això inclou una completa òpera de teclat Excloqüent cada botó, enllaç, camp de formulari i element interactiu ha de ser accessible i alhora accessible usant només un teclat. Eviteu les trampes de teclat on s' enganxen. Proporciona el temps suficient per a aprendre a llegir i interactuar amb el contingut; evitar les diapositives auto- avançats o els qüestionaris de temps sense que s' afamiquen o s' alineen. Seizure, com ara els llums il· luminos o movent les animacions, s' han d' evitar clarament o comunicar- se. Hauria de ser consistents en tota la classe.

Comprendible

El contingut ha de ser fàcil de comprendre i operar. Useu el llenguatge simple. Defineix termes tècnics o argot quan són inevitables. Les instruccions i missatges d' error haurien de ser concomplecions i útils. Els mecanismes d' entrada, tals com formularis o qüestionaris, han de tenir etiquetes i instruccions clares. La consistència en disposició, terminologia i els patrons d' interacció ajuden a aprendre amb confiança fisives i a reduir confusió. Assegureu- vos que la pàgina i capçaleres són descriptius de manera que els usuaris puguin agafar ràpidament l' estructura.

RobustCity name (optional, probably does not need a translation)

El contingut ha de ser compatible amb les tecnologies actuals i futures ajudant, incloent els lectors de pantalla, les lupa de la pantalla, el programari de reconeixement de veu i els dispositius d' entrada alternatius. Useu l' HTML semàntica correctament: capçalera ([[FLT: 0] a través de [[[FLT:]]], llistes i llistes de punts (com [[[[[FLT:]], [[[FLT:]]]]]], [F4]) hauria de ser transit, no només s' ha de mostrar. Assegureu- vos que els estris personalitzats i elements interactius (com la pestanya dels plafons) tenen funcions apropiats, i accessibles en les propietats mitjançant les extensions API. Proveu amb múltiples eines i confirmacions per confirmar la compatibilitat.

Adherir a nivell WCAG AA és el punt de referència recomanat per a la majoria de continguts educatius. Nivell AA requeriments, com els límits de temps ampliats o la interpretació de l' idioma de signes, es pot aplicar a on viable i apropiat.

Pass de tàctica per a dissenyar classes mestre Accessibles

1. Usa un llenguatge senzill i clar

Escriu directament i concisivament. Eviteu la complexitat innecessària, frases multi- liusa, i i i i idioms que no poden traduir bé. Quan presenta un nou vocabulari, inclou definicions de glossari o popkonup. Aquesta aproximació permet aprendre amb discapacitats cognitius, barreres lingüístiques o poc limitades al coneixement. Llegiu eines com el nivell de puntuació FleschKinid pot ajudar a mesurar la complexitat. Es tracta d' un nivell de lectura apropiat per a l' audiència objectiu, però mai assumeix que tots els aprenents de llegir al mateix nivell.

2. Proporciona múltiples mitjans de compromís

El contingut de l' exagerat en diferents formats per a oferir als diferents estils d' aprenentatge i necessitats d' accessibilitat. Per a cada tema important, proporcioneu:

  • Una lliçó de vídeo amb comentaris i una transcripció descarregable
  • Una versió de només àudio (p. ex., format de podcast) de la mateixa lliçó
  • Un resum de text o article escrit que cobreix els punts clau
  • Resums visuals com diagrames, infogràfics, o mapes mentals, tots amb text alt descriptiu

Permet als aprenents escollir el format que millor s' ajusti a les seves preferències i circumstàncies. Aquesta flexibilitat beneficia tothom, d' un estudiant amb poca visió que prefereix una gran transcripció de la printprint a un pare que escolta l' àudio mentre es comunica.

3. Assegureu- vos de teclat i compatibilitat amb la tecnologia amb l'Assistiu

Prova cada element interactiu de la classe mestra usant tan sols un teclat. Tab a través de formularis, navegació per descomptat, qüestionaris i seguidors. Verifiqueu que tota funcionalitat és accessible i que l' usuari pot veure clarament indicadors de focus. Useu HTML semàntica tant com sigui possible; els components JavaScript personalitzats han de seguir pràctiques autora ARIA. Eviteu mantenir interaccions de KPiloti kropupyup, a menys que hi hagi un mètode alternatiu de teclat 2001- 2003 (p. ex., seleccioneu 2001- 2008, From polponistlist). Company amb usuaris de pantalla durant la comprovació de l' usuari durant el descobrir problemes ocults.

4. Afegeix títols, controladors i descripció d' àudio

Tot el contingut del vídeo ha d' incloure comentaris exactes, sincronitzatius. Els títols no només serveixen Deaf i kRADON of Polludeuts, sinó també els que ajuden amb trastorns de processament auditives, els quals no són CONTINICT i la gent mirant en entorns de so Tidy. Proporciona una transcripció completa del vídeo que inclou descripcions d' elements importants (de les manifestacions, les imatges, les accions de pantalla). Per a vídeos en què la informació visual és crítica, considereu l' afegit de descripció de l' àudio ode que descriu les accions de la pantalla de l' Xou, el text i el context. Transcript també millora els motors d'optimització i permet localitzar ràpidament temes específics.

5. Useu Colors de contrast alt i la Typografia llegible

Escolliu combinacions de color que tenen una relació mínima de contrast de 4. 5: 1 per al text normal i 3: 1 per a text gran (18pt o 14pt). Useu una eina de corrector contrast com [[FLT: 0] 9: 5: 5AM: Comprovador de color de Contrast de web [[FLT: 1] per a validar la vostra paleta. Eviteu que el DUDSFABT com el color gris en blanc o verd. Salanosegympsif fonts de color amb una bona cama (p. ex., Verdà, San). Establiu una font base de 16x i permeten redimensionar el text a la pèrdua de contingut sense pèrdua de la funció. Els nivells de línia han de temps mínim han de ser clars, 5 vegades i la mida de l' espaiat.

6. Contingut de l' estructura amb Clear Capçalera i llistes

Usa els nivells de capçalera ([[FLT: 5], [[FLT: 6], [[[[FLT:]]]]) en una jerarquia lògica. No ometeu els nivells =tecture un [[FLT: 8]] no s' hauria de seguir directament per una [[[[FLT: 9]. Divideix els paràgrafs llargs en llistes més curtes. Useu llistes sense ordre específica, i ordenada per a instruccions de passa amb el pas de l' arc de l' estrella XIBIBIBIBI. Aquesta estructura ajuda als usuaris de la pantalla a navegar i a l' apaquim ràpidament. També ajuda a veure els usuaris que escanzenn per a la informació de la clau. Proporciona el contingut descriptiu que es resumeixen els continguts que s' han de fer referència a continuació, sense frases genèriques com ara raó de raó de RAVEVERTODIMENT o més detalls.

7. Disseny de formularis i Qüestionarizes per a accessibilitat

Cada camp de formulari ha de tenir una etiqueta clara i visible que és programada emprant l' element [[FLT: 10]. Els missatges d' error haurien de ser específics i semblen a prop del camp d' error. Proporciona instruccions per a les entrades complexes, com ara els requeriments de data o contrasenya. Assegureu- vos que les preguntes de qüestionari són llegibles pels lectors de pantalla, normalment inrevés evitar la confiança en les imatges o colors per a transmetre la pregunta. Offer mètodes alternatius quan sigui possible (p. ex., petits kvokanPLER, preguntes a temps alternatiu a múltiples equables). Proveu totes les evaluacions interactivament amb un lector de pantalla i només amb un teclat.

8. Proveu amb usuaris reals i Tecnologies Techsistives

Eines de proves automatitzades, com ara [[FLT: 0] WAVE [[[FLT: 1]] o la [[FLT: 2] axe[[[FLT: 3], pot agafar molts problemes comuns, però no poden detectar totes les barreres. Conductoreu la prova manual amb lectors de pantalla com NVDA (sOver) o Voice (mOSOSOSOS). Proveu amb la navegació del teclat, amb navegador del teclat al 200%, i amb un mode d' augment de l' alt MahDR habilitat. Les proves més eficaçs inclouen adans i lessonies que s' apliquen en la vostra classe. El seu amo de característiques directa descobriran problemes d' usabilitat reals que s' automaten les eines. El pla de prova en els resultats.

9. Proporciona opcions de temps flexible i Interacció

No tots els aprenents poden processar informació a la mateixa velocitat. Eviteu límits de temps per completar els mòduls o qüestionaris. Si heu d' usar temporitzadors, permet als aprenents de demanar més temps o desactivar el temporitzador. Per als elements interactius com arrossegar el fitxer de píxels, els controls de KBOC en base (swipe, l' espavilament) o les accions de ratolí de la independència de teclat. Permet als aprenents aturar- los, reembominar i visitar el contingut automàticament en qualsevol moment. El progrés Desa automàticament de manera que una sessió no hagi perdut la feina.

10, assegura't de rebre el disseny i MAMBA MÀCININICAT

Molts aprenents d' accés a les classes mestre de telèfons intel· ligents, tauletes o dispositius ajudants. Assegureu- vos que tots els elements interactius s' alineen adequadament en diferents mides de pantalla. Proporciona els objectius de la classe de 44x44 per als botons i enllaços. Eviteu el desplaçament horitzontal. Useu unitats relatives (em, rem,%) per a que els text i l' espaiat de text sense trencar la disposició. Proveu la classe mestra en un interval de dispositius i arranjaments d' ajuda.

Eines i recursos per a ajudar a crear disseny Accessible

Moltes eines lliures i pagades us poden ajudar a avaluar i millorar l' accessibilitat del vostre contingut mestre de classe. Integrant- les en el vostre disseny i flux de treball de desenvolupament:

  • [[FLT: 0]] [[[FLT: 1] [AVELA Web Accessibilitat Region [[[[[FLT:]] [[FLT: 3]] alguna extensió del navegador i eina en línia que ressalta els errors d' accessibilitat, problemes de contrast i alternatives que falten. Excel· lent per a les audicions ràpides.
  • [[FLT: 0]] [[[FLT: 1]] Aute accessibilitat [[[[[FLT:]] [[[[[[[[FLT: 3]]] alguna alguna font obert de CCD, motor de proves automatitzada integrades en eines del navegador. Proporciona informes detallats i orientació de remediació.
  • [[FLT: 0]] [[FLT: 1] WebAMAMOGH Color [[FLT:]] [[[[FLT: 3]]] ] Una eina simple per a verificar que les combinacions de color de text que conté les relacions amb contrast de\\ {@}.
  • [[FLT: 0]] [[FLT: 1] ContentRegion/Region/ guia (WCAG) 2. 2[[FLT:]]] [[[FLT: 3] ] L' estàndard autoriu. Consulteu les tècniques de criteri i tècniques d' introducció per a la orientació detallada de la implementació.
  • [[FLT: 0]] [[FLT: 1] TTPG Contrast de color [[[FLT:]]] [[[[[FLT: 3]]] ] ddle A aplicació que us permet seleccionar colors de la pantalla i calcular les relacions amb contrast en temps real.
  • [[FLT: 0]] [[FLT: 1] NVDA Reader [[[[FLT:]]] [[[[[[[FLT: 3]]] dd] ] A lliure, openProjecter de pantalla de codi font per a Windows. Essencial per a les proves d' accessibilitat manual.
  • [[FLT: 0]] [[FLT: 1]Mac i iOS característiques [[[FLT:]] [[[FLT: 3]] =\\\\ {=tect] ] ] ] ] creat eines com VoiceOver, Zoom i Canvia control. Proveu el contingut usant aquestes opcions natives.
  • [[FLT: 0]] [[FLT: 1] W3C Accessibilitat Web [[[FLT:]] [[[[FLT: 3]] alguna guia Prlanda en crear formularis accessibles, imatges, taules, i més, amb exemples de codi.
  • [[FLT: 0]] [[FLT: 1] Udacitys Guide per a camp Accessibilitat [[[[FLT:]] [[FLT:]] ] ] ] ] ] ] ] ] ] ] ] ciseu primer centrat en plataformes educatives, oferint consells d' acció per als creadors de continguts.

Levitació d'aquests recursos durant el cicle vital. Els xecs automatitzats s' han d' executar abans i sovint; les proves manuals haurien de succeir a les grans fites abans de llançar.

"Binets de contingut " Accessible "

Invertint en l' accessibilitat dóna un ampli abast de retorna, tant quantitatiu com conjectius:

  • [[FLT: 0]Wider S'arriba al preu i l' increment d' Enrollment: [[[FLT] Una aplicació accessible a milions d'aprenents amb discapacitats, adults grans, i els que tenen impassió temporals (p. ex., un braç trencat). Expandeix el vostre públic directament incrementa els ingressos potencials i l' impacte.
  • [[FLT: 0] Improved L' experiència d' usuari per a tots: [[[FLT: 1] Clarity, navegació consistent i usable controls beneficis de cada aprenent. Accessibilitat les millores sovint porten a la compleció de tasques més ràpida, índex d' error inferior, i puntuacions més altes de satisfacció a través de la junta.
  • [[FLT: 0] Legal Cove Compliance i Reducció de riscos: [[[FLT: 1] Les lleis com ara els nord-americans amb Llei de Disabilitats, la Llei d' accessibilitat europea, i la secció 508 de la Llei de Reforma de Rehabilació requereixen igualtat accés. Proactive la realització minimitza el risc de demanda de cost, queixes i sancions reguladores.
  • [[FLT: 0] Exencture Out Outsen: [[[[FLT:] Característiques com ara les etiquetes, transcripcions i formats alternatius permeten diversos estils de processament cognitius. La recerca mostra que els comentaris milloren la comprensió i la retenció per a tots els estudiants, no només per a tots els que senten pèrdues d' audiència. Bé, estructura de contingut de la estructura de "jenestructura" ajuda a organitzar i recorda més informació eficaç.
  • [[FLT: 0] Sistiu Brand Reputation i distention: [[[FLT: 1] Un compromís amb els senyals d' incllusivitat que la diversitat de valors d'organització. Això pot enfortir la lleialtat de la marca, atraure aliances, i crear una paraula positiva de la IUPACmouth. En un mercat ple de gent, l' accessibilitat pot ser un altre iteració.
  • [[FLT: 0] Millor rendiment del motor de cerca: [[FLT: 1] alternatives de text, transcripcions i HTML estructurat per millorar el vostre contingut els motors de cerca. Moltes bones pràctiques d' accessibilitat (desscriptives capçaleres, text alt, marcat net) també impulsen el SEO, conduir el tràfic orgànic.
  • [[FLT: 0] Cost Estalvis i Futur=BlaBlaBlood: [[[FLT: 1] Retroestrucciona un producte inaccessible després de llançar és molt més car que crear l' accessibilitat des del principi. El codi Access és normalment més accessible, modular, i compatible amb les tecnologies emergents.
  • [[FLT: 0] gran apreneu- vos a convertir i retenció: [[[FLT: 1]] Quan els aprenents poden interactuar amb contingut de la manera que funciona millor per a ells, són més probables per a mantenir-se motivats i completar el curs. Revertint la frustració porta a índex de sortida inferior i una paraula més forta de les referències de substitució.

L' accessibilitat no és un element de llista de checklisttime; és una pràctica en curs que evoluciona amb la tecnologia, les directrius i l' usuari. La revisió regularment del contingut de la classe mestra per incorporar comentaris i barreres adreçades. En encastar l' accessibilitat en la vostra filosofia de disseny, creeu un entorn d' aprenentatge on tots els estudiants puguin prosperar.