Skip to content

Commit

Permalink
fix: a11y issues
Browse files Browse the repository at this point in the history
* fix #223

* fix #222

* fix #219

* fix #218

* fix #215

* fix #213
  • Loading branch information
lorycade authored Jan 20, 2023
1 parent 4f5c99a commit 62c25c2
Show file tree
Hide file tree
Showing 10 changed files with 120 additions and 126 deletions.
8 changes: 5 additions & 3 deletions src/assets/css/scuole.css
Original file line number Diff line number Diff line change
Expand Up @@ -16703,15 +16703,15 @@ button.icon-text {
}

#access-modal .form-group .form-control::-webkit-input-placeholder {
color: #8da0af !important;
color: #fff !important;
}

#access-modal .form-group .form-control:-ms-input-placeholder {
color: #8da0af !important;
color: #fff !important;
}

#access-modal .form-group .form-control::placeholder {
color: #8da0af !important;
color: #fff !important;
}

#access-modal .form-group svg {
Expand Down Expand Up @@ -17729,12 +17729,14 @@ button.icon-text {

.calendar-vertical .calendar-date {
display: flex;
flex-direction: row-reverse;
}

.calendar-vertical .calendar-date .calendar-date-day {
width: 100px;
flex-shrink: 0;
position: relative;
font-weight: 400;
z-index: 0;
padding: 7px 0 0 0;
}
Expand Down
2 changes: 1 addition & 1 deletion src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
<h1>Template HTML scuole</h1>
</div>
<div class="col-12 px-lg-4 py-lg-2">
<em>Versione 2.1.2</em>
<em>Versione 2.1.3</em>
</div>
</div>
<div class="row mt-4">
Expand Down
35 changes: 15 additions & 20 deletions src/scuole-archivio-eventi.html
Original file line number Diff line number Diff line change
Expand Up @@ -1123,26 +1123,21 @@ <h3 class="h6 text-uppercase mb-0"><strong>Filtri</strong></h3>

<aside class="aside-list sticky-sidebar search-results-filters pt-3">
<div class="h6 text-uppercase mt-4"><strong>Tipologia</strong></div>
<ul>
<li>
<div class="form-check my-0">
<input name="gruppo1" type="radio" id="radio1" checked>
<label class="mb-0" for="radio1">Eventi della scuola</label>
</div>
</li>
<li>
<div class="form-check my-0">
<input name="gruppo1" type="radio" id="radio2">
<label class="mb-0" for="radio2">Eventi organizzati da enti esterni</label>
</div>
</li>
<li>
<div class="form-check my-0">
<input name="gruppo1" type="radio" id="radio3">
<label class="mb-0" for="radio3">Eventi organizzati da enti scolastici</label>
</div>
</li>
</ul>
<fieldset>
<legend class="sr-only">tipologia di novità</legend>
<div class="form-check my-0">
<input name="gruppo1" type="radio" id="radio1" checked>
<label class="mb-0" for="radio1">Eventi della scuola</label>
</div>
<div class="form-check my-0">
<input name="gruppo1" type="radio" id="radio2">
<label class="mb-0" for="radio2">Eventi organizzati da enti esterni</label>
</div>
<div class="form-check my-0">
<input name="gruppo1" type="radio" id="radio3">
<label class="mb-0" for="radio3">Eventi organizzati da enti scolastici</label>
</div>
</fieldset>
</aside>
</div>
<div class="col-lg-7 offset-lg-1 pt84">
Expand Down
13 changes: 5 additions & 8 deletions src/scuole-archivio.html
Original file line number Diff line number Diff line change
Expand Up @@ -1096,20 +1096,17 @@ <h3 class="h6 text-uppercase mb-0"><strong>Filtri</strong></h3>

<aside class="aside-list sticky-sidebar search-results-filters pt-3">
<div class="h6 text-uppercase mt-4"><strong>Tipologia</strong></div>
<ul>
<li>
<div class="form-check my-0">
<fieldset>
<legend class="sr-only">tipologia di novità</legend>
<div class="form-check">
<input name="gruppo1" type="radio" id="radio1" checked>
<label class="mb-0" for="radio1">Articoli</label>
</div>
</li>
<li>
<div class="form-check my-0">
<div class="form-check">
<input name="gruppo1" type="radio" id="radio2">
<label class="mb-0" for="radio2">Notizie</label>
</div>
</li>
</ul>
</fieldset>
</aside>
</div>
<div class="col-lg-7 offset-lg-1 pt84">
Expand Down
6 changes: 3 additions & 3 deletions src/scuole-home.html
Original file line number Diff line number Diff line change
Expand Up @@ -1048,9 +1048,9 @@ <h2>Notizie</h2>
<div class="card card-bg card-vertical-thumb bg-white card-thumb-rounded">
<div class="card-body">
<div class="card-content">
<div class="h5">
<h3 class="h5">
<a href="#">Svelato il mistero dei "barioni nascosti", la materia che mancava nell'Universo</a>
</div>
</h3>
<p>Un team di ricercatori, guidati dall'italiano Fabrizio Nicastro dell'Inaf, è riuscito a…</p>
</div>
<div class="card-thumb">
Expand Down Expand Up @@ -1078,7 +1078,7 @@ <h2>Circolari</h2>
<div class="card card-bg card-vertical-thumb bg-white card-thumb-rounded">
<div class="card-body">
<div class="card-content">
<div class="h5"><a href="#">Partecipazione premiazione del Premio Letterario G. Mazzotti</a></div>
<h3 class="h5"><a href="#">Partecipazione premiazione del Premio Letterario G. Mazzotti</a></h3>
<small class="h6 text-greendark">circ. n.81</small>
<p class="text-normal">Si comunica che il giorno 19 Ottobre le alunne della classe 4^ AL Bettin Elena, Cecchin Sabrina, Ferroni Chiara, Moretta Beatrice, Pellencin Benedetta parteciperanno ad una gara a squadre tra i vincitori della 37° edizione 2019</p>
</div>
Expand Down
32 changes: 16 additions & 16 deletions src/scuole-scheda-documento.html
Original file line number Diff line number Diff line change
Expand Up @@ -1370,48 +1370,48 @@ <h2 class="h4" id="art-par-04">Tempi e scadenze</h2>
<div class="col-lg-9">
<div class="calendar-vertical mb-5">
<div class="calendar-date">
<div class="calendar-date-day">
<p>20</p>
<small>feb</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>Data d'inizio</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>20</p>
<small>feb</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
<div class="calendar-date">
<div class="calendar-date-day">
<p>20</p>
<small>mar</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>Termine presentazione domande</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>20</p>
<small>mar</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
<div class="calendar-date">
<div class="calendar-date-day">
<p>14</p>
<small>apr</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>Pubblicazione graduatorie</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>14</p>
<small>apr</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
<div class="calendar-date">
<div class="calendar-date-day">
<p>28</p>
<small>apr</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>Data fine</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>28</p>
<small>apr</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
</div><!-- /calendar-vertical -->
</div><!-- /col-lg-9 -->
Expand Down
24 changes: 12 additions & 12 deletions src/scuole-scheda-evento.html
Original file line number Diff line number Diff line change
Expand Up @@ -1249,37 +1249,37 @@ <h2 class="h4" id="art-par-02">Luogo</h2>
<h2 class="h4" id="art-par-03">Date e orari</h2>
<div class="calendar-vertical mb-5">
<div class="calendar-date">
<div class="calendar-date-day">
<p>29</p>
<small>ott</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>09:00 - 20:30</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>29</p>
<small>ott</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
<div class="calendar-date">
<div class="calendar-date-day">
<p>30</p>
<small>ott</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>09:00 - 20:30</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>30</p>
<small>ott</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
<div class="calendar-date">
<div class="calendar-date-day">
<p>31</p>
<small>ott</small>
</div><!-- /calendar-date-day -->
<div class="calendar-date-description rounded">
<div class="calendar-date-description-content">
<p>09:00 - 20:30</p>
</div><!-- /calendar-date-description-content -->
</div><!-- /calendar-date-description -->
<h4 class="calendar-date-day">
<p>31</p>
<small>ott</small>
</h4><!-- /calendar-date-day -->
</div><!-- /calendar-date -->
</div><!-- /calendar-vertical -->
<h2 class="h4" id="art-par-04">Costi</h2>
Expand Down
26 changes: 13 additions & 13 deletions src/scuole-scheda-struttura-organizzativa.html
Original file line number Diff line number Diff line change
Expand Up @@ -1186,7 +1186,7 @@ <h4>Argomenti</h4>

</div><!-- /col-lg-12 -->
</div><!-- /row -->
<h4 id="art-par-01">Cosa fa</h4>
<h2 class="h4" id="art-par-01">Cosa fa</h2>
<div class="row variable-gutters">
<div class="col-lg-9">
<p>Osservare le onde gravitazionali prodotte dai buchi neri potrebbe anche dirci qualcosa sulla
Expand All @@ -1196,8 +1196,8 @@ <h4 id="art-par-01">Cosa fa</h4>
i ricercatori, consente di cominciare a rispondere a queste domande.</p>
</div><!-- /col-lg-9 -->
</div><!-- /row -->
<h4 id="art-par-02">Percorsi di studio</h4>
<h6>Tutti i percorsi di studio disponibili</h6>
<h2 class="h4" id="art-par-02">Percorsi di studio</h2>
<h3 class="h6">Tutti i percorsi di studio disponibili</h3>
<div class="col-lg-12">
<div class="card-deck card-deck-spaced">
<div class="card card-bg card-icon rounded">
Expand All @@ -1214,7 +1214,7 @@ <h6>Tutti i percorsi di studio disponibili</h6>
</div><!-- /card card-bg card-icon rounded -->
</div><!-- /card-deck card-deck-spaced -->
</div><!-- /col-lg-12 -->
<h4 id="art-par-03">Servizi</h4>
<h2 class="h4" id="art-par-03">Servizi</h2>
<div class="row variable-gutters mb-4">
<div class="col-lg-12">
<div class="card-deck card-deck-spaced">
Expand Down Expand Up @@ -1248,8 +1248,8 @@ <h4 id="art-par-03">Servizi</h4>
</div><!-- /card-deck card-deck-spaced -->
</div><!-- /col-lg-12 -->
</div><!-- /row -->
<h4 id="art-par-04">Organizzazione e contatti</h4>
<h6>Dipende da</h6>
<h2 class="h4" id="art-par-04">Organizzazione e contatti</h2>
<h3 class="h6">Dipende da</h3>
<div class="card-deck card-deck-spaced">
<div class="card card-bg card-icon-main rounded">
<a href="#">
Expand Down Expand Up @@ -1306,7 +1306,7 @@ <h6>Dipende da</h6>
</div><!-- /card card-bg card-icon-main rounded -->

</div>
<h6>Responsabile</h6>
<h3 class="h6">Responsabile</h3>
<div class="card-deck card-deck-spaced mb-2">
<div class="card card-bg card-avatar rounded">
<a href="#">
Expand All @@ -1322,7 +1322,7 @@ <h6>Responsabile</h6>
</a>
</div><!-- /card card-bg card-avatar rounded -->
</div><!-- /card-deck -->
<h6>Le persone</h6>
<h3 class="h6">Le persone</h3>
<div class="card-deck card-deck-spaced mb-2">
<div class="card card-bg card-avatar rounded">
<a href="#">
Expand Down Expand Up @@ -1364,10 +1364,10 @@ <h6>Le persone</h6>
</a>
</div><!-- /card card-bg card-avatar rounded -->
</div><!-- /card-deck -->
<h6>Altri componenti</h6>
<h3 class="h6">Altri componenti</h3>
<p>Mario Rossi, Federica Bianchi, Viola Gialli</p>

<h6>Contatti</h6>
<h3 class="h6">Contatti</h3>
<div class="row variable-gutters mb-5">
<div class="col-lg-9">
<div class="card card-bg bg-color rounded">
Expand All @@ -1381,7 +1381,7 @@ <h6>Contatti</h6>
</div><!-- /col-lg-9 -->
</div><!-- /row -->

<h4 id="art-par-05">Sedi</h4>
<h2 class="h4" id="art-par-05">Sedi</h2>
<div class="row variable-gutters mb-5">
<div class="col-lg-9">
<div class="card card-bg rounded">
Expand Down Expand Up @@ -1441,7 +1441,7 @@ <h4 id="art-par-05">Sedi</h4>
</div><!-- /col-lg-9 -->
</div><!-- /row -->

<h4 id="art-par-06" class="mb-4">Ulteriori informazioni</h4>
<h2 id="art-par-06" class="mb-4 h4">Ulteriori informazioni</h2>
<div class="row variable-gutters">
<div class="col-lg-9">
<p>La presidenza della scuola è diretta agli studenti delle scuole statali, dell'infanzia,
Expand All @@ -1450,7 +1450,7 @@ <h4 id="art-par-06" class="mb-4">Ulteriori informazioni</h4>
53 del 19/06/1981.</p>
</div><!-- /col-lg-9 -->
</div><!-- /row -->
<h6>Progetti</h6>
<h3 class="h6">Progetti</h3>
<div class="card-deck card-deck-spaced mb-4">
<div class="card card-bg card-icon rounded">
<a href="#" aria-describedby="card-desc-81">
Expand Down
Loading

0 comments on commit 62c25c2

Please sign in to comment.