Archivio per la Categoria ‘Accessibilità’ Category

Nuovo look per e-commerce: consigli e spunti per un restyling efficace

Oggi vorrei proporre ai navigatori una riflessione sugli e-commerce.

Gli utenti su Internet stanno diventando sempre più esigenti: per acquisire nuovi clienti che, ricordiamolo, non sanno chi siamo, è fondamentale la facilità con cui si reperiscono informazioni su prodotti che si stanno cercando.

Il web offre una sola possibilità di giudizio pertanto non sprechiamola!

In questo articolo prenderò come esempio l’analisi del restyling di due e-commerce di piante evidenziando punti forza e lacune migliorabili. || Leggi altro »

Guida HTML5 – immagini & outlines

27_01

Nel corso di questo articolo dedicato all’HTML5 scopriremo come utilizzare tag fondamentali per la gestione delle immagini e la formattazione dei titoli. Inoltre, andremo ad analizzare approfonditamente uno degli aspetti più innovativi introdotti dall’HTML5 e, purtroppo, ancora poco diffuso tra...

11 commenti

Le Differenze Culturali nel Web Design

04_12

Qualche giorno fa girovagando come al solito su Twitter per trovare la giusta ispirazione, mi sono imbattuta nell’articolo “Why Japanese web design is so... different”. Una cosa a cui effettivamente non avevo mai dato troppo peso, eppure ci sono finita...

3 commenti

L’importanza del markup semantico

markupsemantico1

“Nel markup, la semantica riguarda il significato di un elemento e come questo elemento descrive il suo contenuto.” Molly E. Holzschlag Oggi voglio parlarti dell'importanza dell'utilizzo della semantica nella redazione di un documento (x)html. Ogni tag è stato progettato allo...

14 commenti

Pillole CSS: progettare un sito con font accessibili

fontaccessibili1

Una scelta comune a molti web designer alle prime armi riguarda l'uso dell'unità di misura pixel nei fogli di stile. Il pixel è un'unità di misura relativa al dispositivo (schermo, palmari, ipad, ecc) che può presentare tuttavia - aldilà della...

31 commenti

Form accessibile: la validazione e uno sguardo al futuro

Form accessibile: la validazione e uno sguardo al futuro

Eccoci qua, al terzo appuntamento con la realizzazione di un Form accessibile: dopo aver visto il codice (x)HTML ottimizzato per la struttura, i metodi CSS per posizionare gli elementi e per dare "anche all'occhio la sua parte",  oggi daremo "dinamicità"...

14 commenti

Form accessibile: come posizionare gli elementi e renderlo attraente?

Form accessibile: come posizionare gli elementi e renderlo attraente?

Ci eravamo lasciati con gran suspance, curiosi di vedere come il nostro brutto anatroccolo, di difficile comprensione, si sarebbe trasformato in uno splendido cigno... e ora sei pronto per seguirmi in questo processo di trasformazione attraverso il codice CSS? (altro…)

12 commenti

Come realizzare un form accessibile e con codice ottimizzato?

Come realizzare un form accessibile e con codice ottimizzato?

Dopo tanta teoria ed esempi di cosa non fare, oggi finalmente ci sporcheremo le mani con un po' di codice , andando a vedere come realizzare un form accessibile e con codice standard. Nella stragrande maggioranza dei casi infatti, i...

27 commenti

Accessibilità e realtà (prima parte): la galleria degli orrori

Accessibilità e realtà (prima parte): la galleria degli orrori

Mi capita di leggere fin troppo spesso in rete, pareri di web-designer (o presunti tali) che dicono di farsi pagare a parte la compatibilità con browser come Internet Explorer 6 e addirittura l'accessibilità del sito. Se hai letto i miei...

56 commenti

Accessibilità: il tuo sito è leggibile?

leggibile

Nel mio ultimo articolo abbiamo parlato della leggibilità relativamente ai colori, mentre alcune settimane orsono abbiamo affrontato il tema delle font web-standard e in particolare della specifica CSS3 @font-face. Un importante aspetto che, per un motivo o per un altro,...

17 commenti

Accessibilità: come e perché stare attenti ai colori da utilizzare?

copy

Negli articoli precedenti, della serie "Perché pensare tipograficamente rovina il tuo sito?", abbiamo già parlato di dover prendere in considerazione la personalizzazione a cui può essere sottoposto un sito web da parte dell'utente e delle font standard, tralasciando però una questione...

42 commenti

Perché pensare tipograficamente rovina il tuo sito? (seconda parte)

Perché pensare tipograficamente rovina il tuo sito? (seconda parte)

Un paio di settimane fa abbiamo parlato di come alcuni assunti della grafica tradizionale vengano conservati e riutilizzati erroneamente in ambiente web: ad esempio la definizione dell’altezza negli elementi componenti il layout. Ma ci sono altri errori molto comuni da...

19 commenti

L’autocompletamento di un campo, una nuova ui di jQuery (2/2)

L’autocompletamento di un campo, una nuova ui di jQuery (2/2)

Nel precedente articolo abbiamo visto il principio di come implementare la funzione di autocompletamento messa a disposizione dalle user interface di jQuery. L’abbiamo fatto tramite una lista predefinita di parole che abbiamo rappresentato tramite un array. Ora ci dedicheremo ad...

56 commenti

Perché pensare tipograficamente rovina il tuo sito? (prima parte)

lavoroweb

Non essendoci percorsi di studio obbligati per il nostro settore, spesso ci si avvicina al web-design senza alcuna base di grafica e composizione; altrettanto spesso si cambia rotta sul web-design partendo da una formazione in grafica tradizionale. Ovviamente in entrambi...

20 commenti

Perché tabelle e divitis rendono il tuo sito inaccessibile?

tabelledivitis

Ci sono diversi errori di accessibilità e usabilità molto diffusi tra i web-designer o aspiranti tali,  perché eliminarli dal tuo sito web dovrebbe essere una domanda che contiene già la risposta: se sono problemi è chiaro che vadano eliminati. La...

58 commenti

Perché gli utenti fuggono dal tuo sito?

utenti.fuggono

Te ne sarai accorto da solo: nell'epoca del web 2.0, della condivisione sociale, le informazioni sono raggiungibili da più fonti differenti (anche se spesso meno autorevoli rispetto a un periodo precedente). Spesso quindi un utente può trovarsi sul tuo sito...

34 commenti

Quali sono i principali metodi per integrare JavaScript nella tua pagina html?

link-accessibili

Negli ultimi anni, con l'introduzione di JavaScript le nostre pagine web sono diventate sicuramente più "vive": effetti fantastici, caricamenti asincroni, interfacce migliorate, hanno reso l'esperienza utente molto più coinvolgente. All'esponenziale crescita di JavaScript è corrisposto un crescente utilizzo dei link...

11 commenti

Come e perché realizzare una tabella accessibile?

Come e perché realizzare una tabella accessibile?

La scorsa settimana abbiamo visto per sommi capi cosa si intende per accessibilità di un sito web, quali sono gli organismi che si occupano di definire gli standard dell’accessibilità (mediante delle raccomandazioni che gli autori delle pagine web dovrebbero rispettare)...

12 commenti

Progettazione volta all’accessibilità: come e perché realizzare un sito web accessibile?

accessibile

Un sito web ben realizzato non deve essere solo esteticamente accattivante o avere un markup pulito e ordinato, deve essere anche accessibile. L’accessibilità è infatti uno degli aspetti fondamentali di cui un web designer deve tener conto durante il processo...

11 commenti