Informatore Coop Fi

ADEGUAMENTO SITO CRITERI ACCESSIBILITÀ

Informatore Coop Fi è il portale che raccoglie migliaia di articoli, news e approfondimenti, rappresentando una delle principali vetrine editoriali di Unicoop Firenze. Per rendere il sito pienamente accessibile e al passo con le normative vigenti, sono stati realizzati interventi mirati sia sull’aspetto grafico che funzionale, garantendo una navigazione inclusiva e un’esperienza utente ottimale.

Una particolare attenzione è stata dedicata alla lettura accessibile degli articoli, dei tag e delle loro anteprime, elementi fondamentali per un portale così ricco di contenuti. Il tema originale del sito non permetteva l’inserimento diretto di snippet di codice, rendendo necessario l’uso massivo di JavaScript per apportare modifiche agli elementi preesistenti. Inoltre, l’intero header è stato ricostruito, introducendo un menu in modalità hamburger anche per la versione desktop, progettato per essere facilmente navigabile da tastiera e pienamente conforme alle norme di accessibilità.

Un altro intervento di rilievo è stato la realizzazione dello slider/carosello iniziale. Basato su Bootstrap Italia, è stato profondamente personalizzato per includere i titoli delle anteprime degli articoli come pulsanti interattivi, richiamando il design del precedente sito. Queste soluzioni hanno consentito di unire modernità e familiarità, migliorando l’usabilità senza sacrificare l’identità visiva.

Grazie a questi interventi, il portale Informatore Coop Fi è ora più inclusivo e tecnologicamente avanzato, senza perdere di vista l’importanza della navigazione e della fruizione dei suoi contenuti.

Skills Impiegate

  • WordPress
  • Bootstrap Italia
  • Divi Builder
  • PHP
  • HTML 5/ CSS 3
  • JS/JQuery
  • Adeguamenti Generali Norme Accessibilità
  • Modifiche font e colori
  • Creazione modulo di ricerca e header custom
  • Creazione Caroselli Full Custom
  • Template grafici personalizzati

Caratteristiche Principali

Adeguamento accessibilità delle anteprime degli articoli:
Modifiche realizzate con JavaScript per ottimizzare elementi come ARIA-labels e focus, garantendo un’esperienza di lettura pienamente accessibile.

Creazione di uno slider custom:
Slider/carosello basato su Bootstrap Italia, personalizzato per utilizzare i titoli delle anteprime degli articoli come pulsanti, richiamando il design del vecchio sito.

 

Menu hamburger anche in desktop:
Realizzato da zero con funzionalità di apertura laterale, facilmente navigabile da tastiera e completamente conforme agli standard di accessibilità.

  • WordPress
  • Bootstrap Italia
  • Divi Builder
  • PHP
  • HTML 5/ CSS 3
  • JS/JQuery
  • Adeguamenti Generali Norme Accessibilità
  • Modifiche font e colori
  • Creazione modulo di ricerca e header custom
  • Creazione Caroselli Full Custom
  • Template grafici personalizzati