Merge pull request #180 from bfabio/a11y

Accessibility fixes
italia · Apr 27, 2021 · 1bb89f1 · 1bb89f1
2 parents 4e082e6 + e0c8be2
commit 1bb89f1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/public/index.html b/public/index.html
@@ -160,16 +160,16 @@ <h2 class="bd-logo-subtitle text-white">Registra in Developers Italia il tuo str
     </div>
   </footer>
 
-  <div class="cookiebar bg-dark p-4 hide" aria-hidden="true">
+  <div class="cookiebar bg-dark p-4 hide" role="dialog" aria-modal="false" aria-describedby="cookiebar-message">
     <div class="container">
       <div class="row d-flex align-items-center">
         <div class="col-12 col-md-6">
-          <span class="text-white small">Questo sito utilizza cookie tecnici, analytics e di terze parti.
+          <span id="cookiebar-message" class="text-white small">Questo sito utilizza cookie tecnici, analytics e di terze parti.
             Proseguendo nella navigazione accetti l’utilizzo dei cookie.</span>
         </div>
         <div class="col-12 col-md-6 mt-4 mt-md-0 d-flex justify-content-end">
           <a class="btn btn-link" href="https://developers.italia.it/it/privacy-policy">Privacy policy</a>
-          <button class="btn btn-primary mr-2" data-accept="cookiebar">Accetto
+          <button class="btn btn-primary mr-2" aria-label="Accetto i cookie" data-accept="cookiebar">Accetto
           </button>
         </div>
       </div>

diff --git a/src/tpl/main-content.html b/src/tpl/main-content.html
@@ -6,26 +6,27 @@
           <form action="email-sent" method="POST">
             <h1>Registrazione repository per software pubblico</h1>
             <br />
-            <p class="h5">
+            <p class="lead">
               Le Pubbliche Amministrazioni possono dichiarare qui i repository
               in cui pubblicano i propri software, secondo le
               <a href="https://developers.italia.it/it/riuso">linee guida sull'acquisizione e il riuso di software</a>.
             </p>
 
-            <p class="h5">
+            <p class="lead">
               I repository dei software verranno scansiti per rilevare i file
-              <a href="https://docs.italia.it/italia/developers-italia/publiccodeyml/it/master/">publiccode.yml</a>.
+              <a href="https://docs.italia.it/italia/developers-italia/publiccodeyml/it/master/"
+                 aria-label="Documentazione del formato publiccode.yml">publiccode.yml</a>.
             </p>
 
-            <p class="h5">
+            <p class="lead">
               La compilazione di questo form genererà una PEC contenente un link per confermare
               la titolarità dei repository usati per la pubblicazione.
               Per ulteriori informazioni consultare la sezione <a href="/faq">domande frequenti</a>.
             </p>
             <br />
             <input id="esUrl" type="hidden" value="{{{ esUrl }}}">
             <div class="form-group">
-              <input type="text" class="form-control" id="nomeReferente" name="nomeReferente" required>
+              <input type="text" class="form-control" id="nomeReferente" name="nomeReferente" autocomplete="name" required>
               <label for="nomeReferente">Referente (nome e cognome) *</label>
               <small class="form-text text-muted">
                 Il nome e il cognome della persona che sta effettuando questa richiesta. Sarà citato nella PEC