Fixes A11Y

italia · Sep 6, 2019 · 22f9d83 · 22f9d83
1 parent 4b2dd9b
commit 22f9d83
Show file tree

Hide file tree

Showing 5 changed files with 53 additions and 51 deletions.
diff --git a/_data/examples.yml b/_data/examples.yml
@@ -20,55 +20,54 @@
     - name: Bootstrap Italia playground
       url: 'https://github.com/italia/bootstrap-italia-playground/'
       description: Il modo più semplice per iniziare a giocare con Bootstrap Italia. Un semplice HTML che mostra come includere tutti i file necessari.
-    - name: Template vuoto
+    - name: Template vuoto senza "sticky header"
       url: template-vuoto
       description: Un esempio di impostazione per una pagina generica, punto di partenza per iniziare con Bootstrap Italia.
-      status: work in progress
     - name: Template Comuni Vuoto
       url: template-comuni-vuoto
-      description: Un esempio di impostazione per una pagina generica relativa al progetto "Comuni"
-    - name: Template "Amministrazione"
-      url: template-amministrazione
-      description: 'La subhome del menu "Amministrazione"'
-      status: work in progress
-    - name: Template "Servizi"
-      url: template-servizi
-      description: 'La subhome del menu "Servizi"'
-      status: work in progress
-    - name: Template Servizio Comunale
-      url: template-servizi-servizio
-      description: 'Una sottopagina di esempio per un servizio comunale'
-      status: work in progress
-    - name: Template "Novità"
-      url: template-novita
-      description: 'La subhome del menu "Novità"'
-      status: work in progress
-    - name: Template Evento Comunale
-      url: template-novita-evento
-      description: 'Una sottopagina di esempio per un evento comunale'
-      status: work in progress
-    - name: Template Pagina Notizia
-      url: template-novita-notizia
-      description: 'Una sottopagina di esempio per una notizia'
-      status: work in progress
-    - name: Template Lista Argomenti
-      url: template-lista-argomenti
-      description: 'Una pagina per la lista degli argomenti'
-    - name: Template Singolo Argomento
-      url: template-singolo-argomento
-      description: 'Una pagina per il singolo argomento'
-      status: work in progress
-    - name: Template "Documenti"
-      url: template-documenti
-      description: 'La subhome del menu "Documenti"'
-      status: work in progress
-    - name: Template Risultato Ricerca
-      url: template-risultato-ricerca
-      description: 'Una pagina che mostra i risultati della ricerca'
-      status: work in progress
-    - name: Template Home Page
-      url: template-home-page
-      description: 'Un esempio di Home Page'
-      status: work in progress
+      description: Un esempio di impostazione per una pagina generica relativa al progetto "Comuni".<br/><b>Tutti i template per la creazione del sito di un comune sono scaricabili alla pagina del <a href="https://italia.github.io/design-comuni-prototipi/it/kit.html">kit per i Comuni</a></b>.
+#    - name: Template "Amministrazione"
+#      url: template-amministrazione
+#      description: 'La subhome del menu "Amministrazione"'
+#      status: work in progress
+#    - name: Template "Servizi"
+#      url: template-servizi
+#      description: 'La subhome del menu "Servizi"'
+#      status: work in progress
+#    - name: Template Servizio Comunale
+#      url: template-servizi-servizio
+#      description: 'Una sottopagina di esempio per un servizio comunale'
+#      status: work in progress
+#    - name: Template "Novità"
+#      url: template-novita
+#      description: 'La subhome del menu "Novità"'
+#      status: work in progress
+#    - name: Template Evento Comunale
+#      url: template-novita-evento
+#      description: 'Una sottopagina di esempio per un evento comunale'
+#      status: work in progress
+#    - name: Template Pagina Notizia
+#      url: template-novita-notizia
+#      description: 'Una sottopagina di esempio per una notizia'
+#      status: work in progress
+#    - name: Template Lista Argomenti
+#      url: template-lista-argomenti
+#      description: 'Una pagina per la lista degli argomenti'
+#    - name: Template Singolo Argomento
+#      url: template-singolo-argomento
+#      description: 'Una pagina per il singolo argomento'
+#      status: work in progress
+#    - name: Template "Documenti"
+#      url: template-documenti
+#      description: 'La subhome del menu "Documenti"'
+#      status: work in progress
+#    - name: Template Risultato Ricerca
+#      url: template-risultato-ricerca
+#      description: 'Una pagina che mostra i risultati della ricerca'
+#      status: work in progress
+#    - name: Template Home Page
+#      url: template-home-page
+#      description: 'Un esempio di Home Page'
+#      status: work in progress
 - category: Esempi dal sito ufficiale di Bootstrap 4
   description: La documentazione di Bootstrap 4 contiene <a href="https://getbootstrap.com/docs/4.3/examples/" target="_blank">molti altri esempi</a> che possono risultare utili nell'utilizzo della libreria.
diff --git a/docs/assets/src/scss/_sidebar.scss b/docs/assets/src/scss/_sidebar.scss
@@ -33,7 +33,7 @@
       a {
         display: block;
         padding: 0.125rem 1.5rem;
-        color: #77757a;
+        color: #004D99;
         text-decoration: none;
 
         &:hover {

diff --git a/src/scss/_functions.scss b/src/scss/_functions.scss
@@ -12,7 +12,7 @@
   }
 
   @if $b-hsb < 1 {
-    @return hsla(0, 0, 0, $a);
+    @return hsl(0, 0, 0);
   } @else {
     $l-hsl: ($b-hsb/2) * (2 - ($s-hsb/100));
     $s-hsl: ($b-hsb * $s-hsb) / if($l-hsl < 50, $l-hsl * 2, 200 - $l-hsl * 2);

diff --git a/src/scss/custom/_dropdown.scss b/src/scss/custom/_dropdown.scss
@@ -146,7 +146,7 @@
           color: $neutral-1-a4;
         }
         a.active span {
-          color: $analogue-2-a4;
+          color: $cyan;
         }
       }
     }

diff --git a/src/scss/utilities/colors_vars.scss b/src/scss/utilities/colors_vars.scss
@@ -2,8 +2,8 @@
 // è lo spazio colore scelto per ottenere le varianti colore della tonalità primaria.
 
 // Color system
-$black: hsb(255, 0, 0) !default;
-$white: hsb(255, 0, 100) !default;
+$black: hsl(0, 0, 0) !default;
+$white: hsl(0, 0, 100) !default;
 
 $gray-100: hsb(225, 0, 90) !default;
 $gray-200: hsb(225, 0, 80) !default;
@@ -56,6 +56,9 @@ $blue: hsb(210, 100, 90) !default;
 $light: hsb(255, 5, 95) !default;
 $dark: hsb(210, 70, 30) !default;
 
+$yiq-text-light: $white !default;
+$yiq-text-dark: $black !default;
+
 $red-accessible: hsb(351, 75, 85) !default;
 $orange-accessible: hsb(36, 100, 65) !default;
 $yellow-accessible: hsb(44, 100, 59) !default;