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.
Post correlati
Lascia un commento
Istock photo
Sponsor Liquida
Sponsor e amici
I più commentati del mese
Consulenza legale
Oggi ti segnaliamo i seguenti link
Iscriviti alla newsletter!
Registrati al sito e al forum
Who's Online
Hai bisogno di un sito?
Lauryn.it, creatrice di Italianwebdesign, offre servizio professionale di webdesign, grafica, e-commerce, webmarketing, seo e posizionamento sui motori di ricerca.
Inoltre converte i tuoi layout grafici in xhtml e css e crea template per Wordpress personalizzati secondo esigenze di community, siti aziendali, blog professionali.
- Per informazioni: Lauryn.it
- Contatto email per preventivi gratuiti: info@lauryn.it
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!