Skip to content

Commit 985570f

Browse files
karlamaguetakarlamagueta
committed
melhorias para acessibilidade
1 parent 46469bc commit 985570f

File tree

10 files changed

+26
-20
lines changed

10 files changed

+26
-20
lines changed

‎app/static/css/main/aniversarios.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
.orcamento p {
4141
justify-content: start;
42-
color: #926be5;
42+
color: #52078b;
4343
font-size: 20px;
4444
margin-bottom: 1.25rem;
4545
padding: 0;

‎app/static/css/main/contacto.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
#contacto {
2-
background-color: #E2F4F1 ;
2+
background-color: #eaf6f4 ;
33
position: relative;
44
padding: 2rem 0;
55
}

‎app/static/css/main/depoimentos.css

+3-1
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ padding-bottom: 30px;
8181

8282
.read-more {
8383
justify-content: center;
84-
color: #5198e5;
84+
color: #2e70b6;
8585
cursor: pointer;
8686
display: flex;
8787
margin-top: 10px;
@@ -108,6 +108,8 @@ padding-bottom: 30px;
108108
.google--icon {
109109
display: flex;
110110
margin: 0 auto;
111+
height: 17px;
112+
width: 18px;
111113
}
112114

113115
/* Modal */

‎app/static/css/main/espaco.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
padding-top: 24px;
2121
grid-column: 1;
2222
font-size: 20px;
23-
color: #d698d0;
23+
color: #525252;
2424
}
2525

2626
.lista-itens ul {

‎app/static/css/utilidades/utilidades.css

+4
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ a {
3838
font-family: "junge", Courier, monospace;
3939
font-size: 20px;
4040
cursor: pointer;
41+
color: #2a2a2a;
4142
}
4243

4344
.btn--secundario {
@@ -66,19 +67,22 @@ a {
6667
font-family: "Fredericka the Great", serif;
6768
font-weight: 400;
6869
font-style: normal;
70+
font-display: swap;
6971
}
7072

7173
.roboto {
7274
font-family: "roboto", sans-serif;
7375
font-weight: 400;
7476
font-style: normal;
77+
font-display: swap;
7578
}
7679

7780

7881
.junge {
7982
font-family: "Junge", cursive;
8083
font-weight: 400;
8184
font-style: normal;
85+
font-display: swap;
8286
}
8387

8488
.autumn {

‎app/static/img/bolo.webp

1.28 MB
Binary file not shown.

‎app/static/img/splash 2 banner hero.webp

150 KB
Binary file not shown.

‎app/templates/admin/base.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
</div>
3838

3939
<form action="/admin/logout" method="POST">
40-
<button type="submit" class="btn-logout btn--secundario">Sair</button>
40+
<button type="submit" aria-label="logout" class="btn-logout btn--secundario">Sair</button>
4141
</form>
4242
</div>
4343
</body>

‎app/templates/base.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<li><a href="{{url_for('index')}}#endereco">Localização</a></li>
3333
<li><a href="{{url_for('index')}}#contacto">Contacto</a></li>
3434
</ul>
35-
<a href="{{url_for('index')}}#aniversarios" class="btn">Reserve</a>
35+
<a href="{{url_for('index')}}#aniversarios" aria-label="Botão de envio para solicitação de Informações sobre Aniversários" class="btn">Reserve</a>
3636
<div class="hamburger" id="hamburger-menu">
3737
&#9776;
3838
</div>

‎app/templates/index.html

+14-14
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ <h1 class="titulo">diversão pura é no park</h1>
99
</div>
1010
<div class="img--bannerhero">
1111
<div id="foto--principal">
12-
<img class="fotobanner" src="static/img/splash 2 banner hero.png" alt="Foto do Espaço instagramável com Urso de Peluche grande e um baloiço em um fundo florido">
12+
<img class="fotobanner" width="1200px" height="auto" src="static/img/splash 2 banner hero.webp" alt="Foto do Espaço instagramável com Urso de Peluche grande e um baloiço em um fundo florido">
1313
</div>
1414
</div>
1515
</div>
@@ -24,7 +24,7 @@ <h1 class="titulo">nosso espaço</h1>
2424
<p>Em nosso espaço temos diversão dos 2 aos 12 anos</p>
2525
</div>
2626
<div class="splash3">
27-
<img src="static/img/splash3.png" alt="">
27+
<img src="static/img/splash3.png" alt="Imagem de fundo em aquarela">
2828
</div>
2929
<div class="grid--espaco">
3030
<div class="lista-itens">
@@ -48,12 +48,12 @@ <h1 class="titulo">nosso espaço</h1>
4848
<img src="/static/img/espaco_6_small.png" alt="Imagem 6" class="foto">
4949

5050
<div id="overlay" class="overlay">
51-
<span id="close-btn" class="close-btn">&times;</span>
51+
<span id="close-btn" aria-label="Botão para fechar a janela da foto" class="close-btn">&times;</span>
5252

53-
<button id="prev-btn" class="nav-btn">
53+
<button id="prev-btn" aria-label="botão para passar para a foto anterior" class="nav-btn">
5454
< </button>
5555
<img id="imgAmpliada" src="" alt="Imagem Ampliada" class="foto-ampliada">
56-
<button id="next-btn" class="nav-btn">></button>
56+
<button id="next-btn" aria-label="botão para passar a foto seguinte" class="nav-btn">></button>
5757
</div>
5858
</div>
5959
</div>
@@ -88,11 +88,11 @@ <h1 class="titulo">aniversários</h1>
8888
<textarea id="mensagem" name="mensagem" rows="5" placeholder="Digite aqui sua mensagem"></textarea>
8989
</div>
9090
<div class="btn--form">
91-
<button class="btn" type="button" onclick="enviarFormulario()">Enviar</button>
91+
<button class="btn" aria-label="botão para envio de formulário de mensagem" type="button" onclick="enviarFormulario()">Enviar</button>
9292
</div>
9393
</div>
9494
<div class="img--aniversario">
95-
<img src="../static/img/bolo.jpg" alt="imagem de bolo de aniversário em uma mesa enfeitada">
95+
<img src="../static/img/bolo.webp" alt="imagem de bolo de aniversário em uma mesa enfeitada">
9696
</div>
9797
</div>
9898
</section>
@@ -126,7 +126,7 @@ <h1 class="titulo">endereço</h1>
126126
</div>
127127
<div class="endereco--grid">
128128
<div class="endereco--esq">
129-
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2978.132715394786!2d-8.781596662776138!3d41.71765495529954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd25b71ff0fb391b%3A0x5f1a7a85b9027f36!2sPark%20Encantado!5e0!3m2!1sen!2spt!4v1726759001244!5m2!1sen!2spt" width=100% height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
129+
<iframe title="Endereço do Park encantado no Google Maps" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2978.132715394786!2d-8.781596662776138!3d41.71765495529954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd25b71ff0fb391b%3A0x5f1a7a85b9027f36!2sPark%20Encantado!5e0!3m2!1sen!2spt!4v1726759001244!5m2!1sen!2spt" width=100% height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
130130
</div>
131131
<div class="endereco--dir">
132132
<div class="endereco">
@@ -141,13 +141,13 @@ <h1>VEM VISITAR-NOS!</h1>
141141
<h1>REDES SOCIAIS</h1>
142142
<div class="social--flex">
143143
<div class="social--itens">
144-
<a href="https://www.facebook.com/p/Park-Encantado-61558814477129/" target="_blank" class="icon-link"><img src="../static/img/icon-facebook.svg" alt=""><span> Facebook</span></a>
144+
<a href="https://www.facebook.com/p/Park-Encantado-61558814477129/" target="_blank" aria-label="Link para o Facebook do Park" class="icon-link"><img src="../static/img/icon-facebook.svg" alt=""><span> Facebook</span></a>
145145
</div>
146146
<div class="social--itens">
147-
<a href="https://www.instagram.com/park.encantado/" target="_blank" class="icon-link"><img src="../static/img/icon-instagram.svg" alt=""><span> Instagram</span></a>
147+
<a href="https://www.instagram.com/park.encantado/" aria-label="Link para o Instagram do Park" target="_blank" class="icon-link"><img src="../static/img/icon-instagram.svg" alt=""><span> Instagram</span></a>
148148
</div>
149149
<div class="social--itens">
150-
<a href="mailto:[email protected]" target="_blank" class="icon-link"><img src="../static/img/icon-mail.svg" alt=""><span> E-mail</span></a>
150+
<a href="mailto:[email protected]" aria-label="Link para enviar e-mail para o Park" target="_blank" class="icon-link"><img src="../static/img/icon-mail.svg" alt=""><span> E-mail</span></a>
151151
</div>
152152
</div>
153153
</div>
@@ -184,12 +184,12 @@ <h1 class="titulo">contacto</h1>
184184
<textarea id="mensagem_contacto" name="mensagem_contacto" rows="5" placeholder="Digite aqui sua mensagem"></textarea>
185185
</div>
186186
<div class="btn--form">
187-
<button class="btn" type="button" onclick="enviarFormularioContacto()">Enviar</button>
187+
<button class="btn" type="button" aria-label="Botão para enviar mensagen" onclick="enviarFormularioContacto()">Enviar</button>
188188
</div>
189189

190190
</div>
191191
</div>
192-
<img src="../static/img/splash5.png" alt="" class="contacto--splash">
192+
<img src="../static/img/splash5.png" alt="Imagem de fundo de spash em aquarela" class="contacto--splash">
193193
</div>
194194

195195
</section>
@@ -216,7 +216,7 @@ <h1 class="titulo">depoimentos</h1>
216216
Fizemos a festa de anos da nossa filha e correu tudo super bem, fomos muito bem atendidos e tiveram sempre muito cuidado com toda a gente. O espaço estava muito limpo. Recomendamos ☺️ muito obrigada por tudo!!
217217
</p>
218218
<p class="reviewer-name">Ana Sofia M. <img src="/static/img/verified.png" alt=""></p>
219-
<img class="google--icon" src="/static/img/google icon.png" alt="">
219+
<img class="google--icon" width="18px" height="17px" src="/static/img/google icon.png" alt="">
220220
</div>
221221
<!-- Card 2 -->
222222

0 commit comments

Comments
 (0)