teamdigitale / innovazione.gov.it-site Goto Github PK

View Code? Open in Web Editor NEW

10.0 9.0 8.0 208.49 MB

Sito del Dipartimento per la trasformazione digitale

Home Page: https://innovazione.gov.it

License: BSD 3-Clause "New" or "Revised" License

Ruby 9.18% HTML 0.16% JavaScript 50.15% SCSS 4.08% Slim 35.73% Sass 0.14% Shell 0.19% Dockerfile 0.21% TypeScript 0.16%

innovation government italy digitalization website

innovazione.gov.it-site's Introduction

Sito web del Ministro per l'innovazione tecnologica e la transizione digitale

Come iniziare

Il progetto è compilato attraverso il generatore di siti statici Middleman.

Per installare l’ambiente necessario allo sviluppo è necessario avere installato sul proprio sistema i seguenti package manager:

Bundler
Yarn

Una volta installati i package manager, è necessario eseguire i seguenti comandi:

bundle
yarn

e creare un file di configurazione .env personalizzato per la propria macchina:

BUILD_ENV=production
BASE_URL=http://localhost:4567/
DATO_API_TOKEN={{inserire la chiave API di sola lettura da DatoCMS}}

Il sito può essere testato in ambiente locale eseguendo il seguente comando:

bundle exec middleman

In questo modo il sito sarà disponibile all’indirizzo http://localhost:4567/.

Maggiori informazioni

Ulteriori dettagli di implementazione del sito sono reperibili nella Wiki di progetto.

MIGRATIONS

Per una overview utilizzare il client dato per creare / eseguire migrations consultare la Guida

Add a variable named DATOCMS_API_TOKEN to your .env file to be detected by the client

DATOCMS_API_TOKEN=MIGRATION-TOKEN-HERE

Eseguire una migrazione su un environment esistente

npx datocms migrations:run --source=develop --in-place

NB. Prima di eseguire migrazioni in produzione è necessario effettuare un salvataggio dell'environment precedente, e attivare la modalità di manutenzione.

innovazione.gov.it-site's People

Contributors

Stargazers

Watchers

Forkers

fupete bfabio dynami francescopog chriscoder9000 lgtm-migrator gianlucabelardinelli astagi

innovazione.gov.it-site's Issues

Prevenire commenti di Vercel nelle PR e rimuovere riferimenti a Netlify.

Dovrebbe bastare aggiungere questo e contestualmente rimuovere riferimenti a Netlify dal repo.

Subdomain takeover

Ciao, con il commit a2b848e è rimasto "scoperto" il sottodominio di pre-produzione.

Inserimento WAI su sito

Chiedere a me per lo snippet di tracciamento.

Problema 'responsive' con immagine banner homepage.

Segnalo che alle risoluzioni tra 1092px e 1320px c’è un problema nella dimensione dell’immagine del nuovo “banner” a mezza pagina di homepage che diventa verticale e fuori scala.

Browser Firefox/OSX.

cc @westcoast @francescozaia

Aggiornamento dipendenze

(reminder) Dependabot segnala dipendenze da aggiornare.

Feed RSS

Sarebbe utile se il sito fornisse dei feed RSS per la sezione news/comunicati stampa.

Chip asimmetriche nella sezione Notizie

Le chip utilizzate per gli "argomenti in evidenza" della sezione Notizie sono leggermente asimmetriche:

La soluzione è aggiungere la classe chip-simple all'elemento <a>

Stato avanzamento CIE

Buongiorno, perché dal sito di innovazione.gov.it sono stati tolti i grafici che mostrano gli avanzamenti e i progressi della CIE nei vari comuni ?

Accessibilità collegamenti a file PDF

Problema
Questo if qui ha un errore perché risulta vero true anche per i collegamenti a file formato PDF, e non dovrebbe essere così per come progettato.

Quello che succede
In pratica i link <a inseriti nel corpo del testo a file PDF non ottengono ad esempio l’etichetta " (PDF)" pensata per rispondere alle WCAG, che sarebbe applicata dalle due righe più sotto 47-48 con l’else if.

Possibile soluzione
È da verificare prima, ma potrebbe bastare invertire if e else if… controllare prima se è un file PDF e altrimenti...

Condividi contenuti

La condivisione di contenuti non funziona con Telegram, mentre si potrebbe evitare, in quanto obsoleta, quella via e-mail.

Overflow orizzontale su viewport piccole, simbolo •MITD

—
Problema
Su mobile piccoli (320px), o a % di ingrandimento di 400% a 1024px desktop (come richiesto per l’accessibilità), c’è un piccolo bug nell’header dovuto alla larghezza ampia del nuovo simbolo •MITD.
In pratica la coppia stellone+logo MITD diventa troppo larga e fa apparire un overflow verso destra nella pagina dovuto all’icona cerca. (Appare lo scroll orizzontale).
—
Soluzioni
Se riduciamo in pratica il 160px di width del simbolo •MITD a 90px solo su mobile va "tutto apposto" (<< da verificare). Però non possiamo farlo direttamente lì nel width dell'img perché su risoluzioni superiori a xs il simbolo sarebbe poi troppo piccolo.
Si può sistemare in molti modi ma forse il più sensato sarebbe riscrivere quella parte un po’ meglio magari stilando stellone e simbolo •MITD con classi CSS e non CSS inline.

Manca immagine progetto in banner home

Vedi immagine progetto "Reti ultraveloci"

CTA label e aria-label...

Contesto

il blocco CTA per il modular content principale degli articoli non implementa nessuna soluzione per le aria-label dei pulsanti CTA

Problema

una situazione per es. come questa, con molte CTA successive tutte con CTA label = Scopri di più, intacca l'accessibilità con descrizioni link tutte uguali che ingannano l'utente specialmente se naviga con strumenti assistivi (2.4.4 WCAG 2.1)

Appunti per una possibile soluzione

valutare se implementare soluzione ad hoc o valutare riuso della tecnica usata per il partial button che già ha il meccanismo. Dove Topic potrebbe essere il titolo del modello link (interno o esterno) e l'aria label avere quindi forma "Titolo: CTA label" es. "Italia Digitale 2026: Scopri di più". Come sui button di homepage per es. Da approfondire e da verificare che non alterino i meccanismi legati a link esterni e interni anche altrove (allegati, collegamenti, etc.). Altrimenti valutare se usare il partial button in toto in questo blocco al posto della soluzione presente. Se possibile.