Ciao, e bentornati mentre torniamo indietro e parliamo di progettazione per
l'accessibilità ancora una volta.
Quindi, come ti ho detto sempre più
cose belle e pulite, a volte sento il bisogno di tenere in mano e
ricordarti le basi di quando stai progettando la tua pagina.
E parte di queste basi è che voglio ricordarti che il contenuto della tua
pagina dovrebbe essere nel tuo HTML.
Quello che voglio dire è che può essere davvero allettante aggiungere contenuti tramite colori,
immagini, ecc., Cose che le persone potrebbero non essere in grado di percepire, ma
non ci stai necessariamente pensando quando
, come utente visivo, lo stai portando dentro.
Quindi quello che voglio che tu faccia mentre stai progettando le tue pagine e testando e
riprogettando, testando e ridisegnando è ricordare ciò che chiamiamo le linee guida POUR.
Vogliamo che le tue pagine siano percepibili, operabili, comprensibili e robuste.
E il
tipo percepibile e comprensibile di corrispondere a quello che stai facendo con il tuo CSS.
Quindi,
affinché le cose siano percepibili, voglio solo che ricordi un paio di cose.
Innanzitutto, ricordati sempre di fornire alternative di testo per le tue immagini.
Le tue immagini non dovrebbero trasmettere le informazioni completamente da sole.
Assicurati di fornire sottotitoli e trascrizioni per video e audio.
Ora, non tutti hanno accesso agli strumenti per fornire questo per te
gratuitamente, ma dove lavori o dove vai a scuola potrebbe essere in grado di aiutarti.
Assicurati di utilizzare il markup semantico corretto in modo
che il contenuto possa essere presentato in modi diversi.
Voglio che usi quel tag del navigatore.
Voglio che tu usi il tag figura invece del tag immagine.
Ciò che tende ad accadere è che le persone hanno il codice che
hanno già scritto e vogliono essere un po 'pigri e non devono cambiare il loro HTML,
perché quando lo fanno, devono cambiare il loro CSS.
Vai avanti e fai quel cambiamento.
Ne varra' davvero la pena.
Rendere più facile per
gli utenti di connettersi, vedere i loro contenuti, utilizzando un ottimo contrasto di colore.
Saresti molto sorpreso di capire quante persone non sono in grado di accedere alle
informazioni sul web perché in realtà non riescono a vedere quello che hai messo lassù.
Quindi, parliamo di cosa significa che la tua pagina sia operabile.
Quello che intendo è che tutte le funzionalità che stanno andando nella tua pagina
dovrebbero essere disponibili dalla tastiera.
Non aspettarti che tutti utilizzeranno un mouse per passare oltre la tua pagina.
Non aspettarti che alcune cose, va bene che
alcune cose siano accessibili solo se passi il mouse su di esse.
Gli utenti dovrebbero avere il controllo su tutti i tempi e i limiti.
Quindi, se avete quei video nei media, assicurarsi che si sta mettendo in che c'è
un pannello di controllo per loro di spegnere le cose, spegnerli, riavvolgere, ecc
Questo è qualcosa che è in realtà importante per me,
perché ho membri della famiglia che si occupano di questo, è che si vuole fare in modo
che non hai una sorta di contenuto che lampeggia tutto il tempo.
Non sto parlando del software Flash.
Sto parlando di cose che stanno per lampeggiare sullo schermo e
l'utente non ha il controllo per spegnerlo.
Questo può effettivamente causare convulsioni.
Si desidera fornire modi per aiutare gli utenti a navigare nella pagina.
Non renderlo un puzzle dove devono capire come arrivare dove
vogliono andare.
Il tuo compito è rendere il più semplice possibile per loro trovare contenuti e
capire dove si trovano nella tua pagina.
Ecco solo alcuni esempi rapidi di diversi modi in cui
le persone a volte accedono al web, che si tratti di una penna, di
una tastiera, di un telecomando, di una
sorta di tastiera accessibile, o anche di qualche tipo di dispositivo che possono utilizzare per navigare nel web.
Quindi, parliamo di cosa intendo quando una pagina è comprensibile.
In genere, si desidera mantenere la lingua breve e dolce sulla pagina.
A meno che tu non sia un autore e non stia mostrando le tue opere,
le persone passeranno solo pochi secondi sulla tua pagina.
Rendi facile per loro capire cosa stai cercando di dire.
Quando si dispone di testo integrato con illustrazioni, video
e altri formati, se necessario, è necessario assicurarsi di utilizzare un
buon design universale, che gli utenti siano in grado di accedervi.
Navigazione, struttura informativa, quelli dovrebbero essere davvero separati e
distinguibili dai tuoi contenuti.
Rendere le persone, rendere più facile per le persone a fuggire, tornare a determinate pagine, ecc
E, infine, rendere le vostre pagine operare in modi prevedibili.
Questo può essere una sorta di cosa confusa di cui parlare, ma
se sei mai stato a un sito web in cui non riesci proprio a capire come
tornare alla pagina che eri tre pagine fa, rendi facile per le persone per ottenerlo.
Infine, aiutare gli utenti a evitare e correggere gli errori.
Spetta a te, non a loro, capire come accedere alle informazioni.
Infine, la R, la robusta nel POUR.
Il tuo sito è funzionale attraverso varie tecnologie, uno smartphone, un
lettore di schermo, laptop, penstick?
Mentre lavori con me e
andiamo oltre, parleremo del design reattivo in alcune classi successive.
E questo è fare in modo che la tua pagina abbia un aspetto migliore che possa apparire
su schermi di diverse dimensioni.
Ma è più delle dimensioni dello schermo, è anche necessario pensare a cose come abbiamo detto,
le penstick e gli screen reader.
Quindi ci saranno errori di sintassi che potresti avere nel tuo codice
che non influenzano l'aspetto della pagina.
Sei entrato, sembra fantastico, sei tipo, io sono d'oro.
Devi ricordare che quegli errori di sintassi possono rovinare altre tecnologie.
Assicurati quindi di rispettare gli standard e di
garantire la futura compatibilità con i nuovi browser.
E il modo più semplice per farlo è quello di andare su validator.w3c.org e
il wave.webaim.org per convalidare il tuo codice.
È semplice, è veloce, e ti darà davvero una pagina migliore.
Quindi, solo per rivedere, non ti sto chiedendo di fare grandi passi avanti.
Voglio solo che tu faccia bene le piccole cose.
E questo inizia davvero con i tag HTML appropriati.
Lo styling può effettivamente rendere più difficile per alcune persone l'accesso alle informazioni, in modo da
testare, testare, testare.
Chiedi alle persone di guardare la tua pagina.
Chiedi loro di darti un feedback.
Non prenderla sul personale.
Non si tratta del tuo codice.
Si tratta di fare davvero un ottimo prodotto.
Infine, prendere l'abitudine iniziale
di utilizzare questi diversi strumenti di accessibilità.
Sono lì per rendervi la vita più facile, non più difficile.
Infine, l'unica cosa con cui faccio davvero fatica, con gli studenti,
è che tutti vogliamo fare cose nuove.
Ma nuovi stili e nuove tecnologie interessanti
non dovrebbero essere a costo di accessibilità e persone che visualizzano la tua pagina.
Quindi spero davvero che mentre stai imparando questo codice e
stai diventando un po 'stressato sull'utilizzo di tutte queste cose interessanti che
stai imparando, che stai ricordando che non si tratta di avere la pagina web più bella.
Si tratta di avere una pagina pulita che ritrae davvero le informazioni
che si desidera ottenere sul web.
Buona fortuna.