Raspberry Frog e l’accessibilità by Accessisites.org
Grazie a questo articolo di Accessisites possiamo includere nei nostri case histories sull’accessibilità un nuovo sito: Raspberry Frog.
Nella prima parte dell’articolo si elogia ciò che è più evidente, e cioè un brand e un look and feel carino e gradevole. Si rimarca come sia poco frequente, ma estremamente usabile, porre sulla colonna di sinistra le voci secondarie di menu.
Una delle principali utilities che incontriamo è lo “skip to content” e nell’articolo viene criticato un errore che credo nel frattempo sia stato corretto. Infatti lo skip è stato inserito e nascosto alla vista del browser (ma non dello screen reader) tramite un posizion:absolute; e text-indent: -1000em. Mai usare infatti il visibility:hidden o il display:none poichè lo cancellano proprio dal flusso dell’html.
Nella pagina dei contatti viene usata una Google map, che come sapete non contiene codice validato. Ha infatti codice embeddato in un iframe, e ciò non è molto bello. Sembra che gli screen reader skippino questi embed di default, quindi mettendo opportunamente una long description di cosa mostra la mappa si può facilmente ovviare a questa carenza.
Alcune piccole attenzioni su come formattare bene i form e i blockquote migliorerebbero notevolmente questo sito che in sostanza risulta gradevole e ben fatto.
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
7 Commenti
per nascondere le ancore e non avere alcun problema io uso sempre questa classe .nome{position: absolute;left: -3000px; width:0;height:0;overflow:hidden;}
Sta cosa delle ancora non la sapevo, io usavo display:none, vado subito a correggere i siti dove l’ho messa!
Per la mappa di gg invece io uso un’altra soluzione, niente iframe, solo un: <div id="map"></div> vuoto, così come è messo qui.
c’è un motivo per cui la classe si chiama “nome” ?
no laura era di esempio
@Laura, si era per dire lì ci metti il nome della classe, ma rileggendo non è in effetti molto chiaro quello che ho scritto…sorry!
no scusami tu.. qualcuno avrà drogato il mio panino..
hahah dimmi dove compri sti panini!