Una delle cose che spero davvero che gli studenti facciano è convalidare il loro codice.
È possibile convalidarlo per la sintassi,
ma è anche possibile convalidarlo per l'accessibilità.
Quindi, oggi vi mostrerò come utilizzo lo strumento WAVE per testare diversi siti.
Sono entrato e ho controllato per trovare alcuni dei primi 10 siti visitati per 2018,
e ho trovato Google,
Wikipedia, Reddit, Yahoo e, Amazon.
Quindi, facciamo solo una piccola indagine per
quanto bene ognuno di questi siti affronta l'accessibilità.
Ci sono due modi per testare.
Uno è quello di andare effettivamente al sito Wave, che è wave.webaim.org.
Da questo sito, puoi effettivamente copiare e incollare l'indirizzo di qualsiasi pagina che desideri testare,
e questo è un ottimo modo per farlo.
Personalmente, quello che ho fatto è andato avanti e ho aggiunto l'estensione dell'onda alla mia pagina.
Quindi, se guardi qui,
è possibile che tu possieda il tuo computer per scaricare
un'estensione che assomiglia proprio a questa qui,
questa piccola W, e che rende la mia vita un po' più facile,
perché mi permette di fare clic su questo pulsante piuttosto che andare sul sito Wave.
Quindi, andiamo avanti e diamo un'occhiata ad alcuni di questi siti.
Ho intenzione di iniziare con Google.
Sono su Google, farò clic su «Wave validator»,
e sta per passare attraverso e controllare eventuali errori che potrebbero vedere,
e in questo caso, abbiamo due errori.
In entrambi i casi, gli errori sono che abbiamo collegamenti vuoti.
Da qualche parte in questa pagina,
ci sono link che in realtà non si collegano a nulla.
Ora, sto cercando di trovarli e non puoi vederli qui,
ma questo perché Wave controlla tutte le diverse varianti della tua pagina.
Così, mentre potrebbe guardare bene sul desktop,
non sempre guardare bene dire,
il telefono o un tablet mobile.
Google ha fatto abbastanza bene.
Andiamo avanti e diamo un'occhiata a Wikipedia.
Qui su Wikipedia, ho intenzione di salutarlo.
A volte, ci vuole un secondo,
dimentico sempre e ho bisogno di essere molto paziente,
perché se clicchi su di esso e poi clicchi di nuovo troppo velocemente,
è così che lo accendi e spegni.
Così, ho cliccato su onda,
ho intenzione di aspettare per pochi secondi,
e si può vedere che ancora una volta, Wikipedia,
come Google, ha fatto un buon lavoro di affrontare l'accessibilità.
Hanno un pulsante vuoto e quelle che chiamano etichette modulo mancanti.
Cio' significa che e' quaggiu',
c'e' un posto in cui vorrebbero che mettessimo qualcosa.
Ma qualcuno che ha problemi di vista potrebbe
non sapere esattamente cosa vuoi che scriva?
Quindi, entrambi questi piccoli bottoni qui dicono: «Sai una cosa?
Sarebbe una buona idea aggiungere un'etichetta di modulo,
in modo che qualcuno sappia cosa sta digitando.»
L' etichetta del modulo qui potrebbe essere una query di ricerca
e l'etichetta del modulo su questo pulsante blu potrebbe essere colpita per eseguire la ricerca.
Comunque, tre sono davvero buoni.
Allora, andiamo da Reddit.
Reddit è un sito molto popolare,
molte persone lo usano per sentirsi meglio con se stessi,
perché pensano chi farebbe quella domanda,
e altre persone vanno qui per veri motivi per scoprire un'informazione.
E' un sito cosi' popolare.
Spero davvero che sia accessibile.
Ma secondo Wave sulla loro ultima interpretazione che Reddit aveva, diamo un'occhiata.
Va bene, e da qui possiamo vedere che Reddit ha 73 errori.
Non sorprende, perché ci sono così tanti contenuti guidati dall'utente.
C' è un sacco di persone che caricano foto o
digitano cose, e non conoscono l'accessibilità.
Non sanno cose come, «Wow,
dovrei davvero aggiungere il mio testo alternativo a queste diverse immagini.»
Altrimenti sarà difficile per le persone accedervi.
Oppure puoi guardare quaggiu'.
In effetti, è esattamente quello che è.
Manca un testo alternativo qui.
Oops, testo alternativo mancante qui e testo alternativo mancante.
Un sacco di testo alternativo mancante.
L' altra cosa che Wave cerca davvero di convincere le persone a evitare di
fare è avere collegamenti vuoti.
Questa idea di collegamenti che non sai dove stanno andando,
e anche a loro non piacciono i collegamenti ridondanti.
Basta rende difficile per le persone che utilizzano il computer tramite tastiera di
dover fare clic così tante volte per ottenere solo le stesse informazioni più e più volte.
Quindi, sfortunatamente, Reddit non grande per l'accessibilità,
ma davvero buono per il mio esempio qui in questo video sul controllo delle tue pagine.
Il prossimo che ho intenzione di fare è,
appena detto Yahoo in generale.
Quindi, ho scelto uno Yahoo Sports.
Possiamo dare un'occhiata e vedere come sta andando questo lato sportivo.
Ora, a differenza di Reddit, questo è un
sistema software professionale commerciale
in cui sono le persone che vengono pagati per caricare il contenuto.
Quindi, speriamo che ci sia un po 'più di accessibilità qui.
Quindi, qui su Yahoo Sports,
puoi vedere che ho 44 errori.
Quindi, questo è solo dare un'occhiata a quali cose generali si stanno perdendo.
Beh, è un testo alternativo, il
che è divertente se lo guardi,
puoi vedere che stanno dicendo, «Ooh,
molti posti in cui ti manca testo alternativo,
e questo deve significare che proprio qui ognuno di questi piccoli spartiti non è testo,
è in realtà un'immagine».
Questo mette la gente in un sacco di guai.
A volte, vuoi mettere un'immagine sullo schermo e non è davvero decorativa,
sta raccontando una storia completa,
e in tal caso, il testo alternativo è così importante.
In caso contrario, le persone con problemi di vista potrebbero
non essere in grado di vedere che cosa il punteggio è per i vari giochi.
Va bene, l'ultimo che farò è Amazon,
e penso che lo farò direttamente dal WAVE Tool.
Quindi, vado qui, ho digitato su Amazon.com,
e Amazon non sta facendo troppo male.
Si può vedere che hanno gli stessi problemi che la maggior parte delle persone ha.
Si riduce sempre a questo testo alternativo mancante, proprio lì.
Ci sono alcune ragioni per questo.
Su alcuni siti, il pubblico sta caricando le immagini,
e non sanno di sms alternativi,
quindi dobbiamo istruirle su di esso.
A volte, è perché abbiamo scritto programmi per aggiornare i siti
e, sfortunatamente, i computer non sono molto bravi a
sapere quali testi alternativi dovrebbero aggiungere alle immagini.
Sfortunatamente, è anche perché alcune persone lo sanno e non gli interessano davvero,
pensano che sia così importante.
Quindi,
per quanto possibile, voglio che tu aggiunga indizi sintattici e semantici a tutto il tuo codice.
Assicurati che le persone che lo stanno guardando o
ascoltando abbiano la più grande esperienza possibile.