Skip to content

Commit

Permalink
Feat: change alt text in img to index.html, marketing.html and update…
Browse files Browse the repository at this point in the history 
… readme.md
  • Loading branch information
@diegoglz-dev
diegoglz-dev committed Dec 19, 2024
1 parent b1a839b commit 9f4222b
Show file tree
Hide file tree
Showing 3 changed files with 31 additions and 23 deletions.
35 changes: 20 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo-river.png" alt="Logo de River Plate" width="50" height="58">
<img src="img/logo-river.png" alt="En la imagen se observa logo de River Plate" width="50" height="58">
Somos River
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
Expand Down Expand Up @@ -63,7 +63,8 @@

<section class="banner position-relative text-center">
<!-- Imagen del banner -->
<img src="img/banner-home-3.jpg" alt="Descripción accesible de la imagen" class="img-fluid banner-img">
<img src="img/banner-home-3.jpg" alt="En la imagen se observa un banner con la banda roja de River Plate"
class="img-fluid banner-img">
<!-- Overlay para opacidad -->
<div class="overlay"></div>
<!-- Contenido del banner -->
Expand All @@ -86,7 +87,7 @@ <h2 class="text-center">Noticias Destacadas</h2>
Entradas</span>
<a href="#" aria-label="Leer más sobre venta de entradas" class="image-container">
<img src="img/25947-venta-entradas.jpg" class="card-img-top"
alt="Descripción de la imagen 3">
alt="En la imagen se observa fecha y horario del partido River vs. San Lorenzo">
<div class="overlay"></div>
</a>
</div>
Expand Down Expand Up @@ -119,7 +120,8 @@ <h3 class="card-title">River vs. San Lorenzo</h3>
Profesional</span>
<a href="#" aria-label="Leer más sobre el gol de Colidio a Independiente Rivadavia"
class="image-container">
<img src="img/25962-golcolidio.jpg" class="card-img-top" alt="Descripción de la imagen 2">
<img src="img/25962-golcolidio.jpg" class="card-img-top"
alt="En la imagen se observa a Facundo Colidio festejando un gol y por detrás a Pablo Solari">
<div class="overlay"></div>
</a>
</div>
Expand Down Expand Up @@ -155,7 +157,7 @@ <h3 class="card-title">El gol de Colidio a Independiente Rivadavia</h3>
aria-label="Leer más sobre el nombre de Amadeo, eterno en el arco más grande del mundo"
class="image-container">
<img src="img/25922-amadeo-carrizo.jpg" class="card-img-top"
alt="Descripción de la imagen 1">
alt="En la imagen se observa a Amadeo Carrizo, familia y directivos en el Monumental">
<div class="overlay"></div>
</a>
</div>
Expand Down Expand Up @@ -201,15 +203,16 @@ <h5 class="mb-2">No te pierdas ningún partido</h5>
<div class="mb-4">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex flex-column align-items-center">
<img src="img/escudo-estudiantes.png" alt="Estudiantes" class="img-fluid"
style="width: 50px;">
<img src="img/escudo-estudiantes.png" alt="En la imagen se observa el escudo de Estudiantes"
class="img-fluid" style="width: 50px;">
<p class="mb-0">Estudiantes</p>
</div>
<div class="d-flex justify-content-center align-items-center">
<p class="mb-0 fw-bold">VS</p>
</div>
<div class="d-flex flex-column align-items-center">
<img src="img/escudo-river.png" alt="River Plate" class="img-fluid" style="width: 50px;">
<img src="img/escudo-river.png" alt="En la imagen se observa el escudo de River Plate"
class="img-fluid" style="width: 50px;">
<p class="mb-0">River Plate</p>
</div>
</div>
Expand All @@ -223,15 +226,16 @@ <h5 class="mb-2">No te pierdas ningún partido</h5>
<div class="mb-4">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex flex-column align-items-center">
<img src="img/escudo-river.png" alt="River Plate" class="img-fluid" style="width: 50px;">
<img src="img/escudo-river.png" alt="En la imagen se observa el escudo de River Plate"
class="img-fluid" style="width: 50px;">
<p class="mb-0">River Plate</p>
</div>
<div class="d-flex justify-content-center align-items-center">
<p class="mb-0 fw-bold">VS</p>
</div>
<div class="d-flex flex-column align-items-center">
<img src="img/escudo-san-lorenzo.png" alt="San Lorenzo" class="img-fluid"
style="width: 50px;">
<img src="img/escudo-san-lorenzo.png" alt="En la imagen se observa el escudo de San Lorenzo"
class="img-fluid" style="width: 50px;">
<p class="mb-0">San Lorenzo</p>
</div>
</div>
Expand All @@ -252,7 +256,7 @@ <h2 class="text-center mb-4">River TV</h2>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="https://www.youtube.com/watch?v=3nyP0_3YaQs" target="_blank"
aria-label="Lluvia y goles para vencer a Barracas">
aria-label="En la imagen se observa a Miguel Borja festejando junto a Pity Martinez, la lluvia y goles para vencer a Barracas">
<img src="img/ojo-millonario.png" class="d-block w-100"
alt="Lluvia y goles en casa para vencer a Barracas | OJO MILLONARIO">
</a>
Expand All @@ -261,13 +265,13 @@ <h2 class="text-center mb-4">River TV</h2>
<a href="https://www.youtube.com/watch?v=t9cRnJiS3S4&t=4s" target="_blank"
aria-label="Conferencia de prensa">
<img src="img/conferencia-prensa.png" class="d-block w-100"
alt="Marcelo Gallardo en conferencia de prensa | River vs. Barracas Central">
alt="En la imagen se observa a Marcelo Gallardo saludando en el munumental. Video: de la conferencia de prensa | River vs. Barracas Central">
</a>
</div>
<div class="carousel-item">
<a href="https://www.youtube.com/watch?v=v0mSiFuSXkc" target="_blank" aria-label="Nuevo Predio">
<img src="img/nuevo-predio.png" class="d-block w-100"
alt="Así son las dos primeras canchas del NUEVO PREDIO fútbol formativo de River">
alt="En la imagen se observa las dos primeras canchas del NUEVO PREDIO fútbol formativo de River">
</a>
</div>
</div>
Expand All @@ -286,7 +290,8 @@ <h2 class="text-center mb-4">River TV</h2>
<footer class="bg-dark text-light py-4">
<div class="container text-center">
<a class="navbar-brand text-light d-block mb-3" href="#">
<img src="img/logo-river-foot.png" alt="Logo de River Plate" width="50" height="70">
<img src="img/logo-river-foot.png" alt="En la imagen se observa el logo de River Plate" width="50"
height="70">
Somos River
</a>
<ul class="list-unstyled d-flex justify-content-center gap-3 mb-3">
Expand Down
15 changes: 9 additions & 6 deletions marketing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo-river.png" alt="Logo de River Plate" width="50" height="58">
<img src="img/logo-river.png" alt="En la imagen se observa logo de River Plate" width="50" height="58">
Somos River
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
Expand Down Expand Up @@ -63,7 +63,8 @@

<section class="banner position-relative text-center">
<!-- Imagen del banner -->
<img src="img/banner-marketing.jpg" alt="Descripción accesible de la imagen" class="img-fluid banner-img">
<img src="img/banner-marketing.jpg" alt="En la imagen se observa un banner con el escudo de River Plate"
class="img-fluid banner-img">
<!-- Overlay para opacidad -->
<div class="overlay"></div>
<!-- Contenido del banner -->
Expand Down Expand Up @@ -91,7 +92,8 @@ <h2 class="text-center">Noticias Destacadas</h2>
<!-- Contenedor de la imagen con overlay -->
<a href="#" aria-label="Leer más sobre nueva camiseta alternativa temporada 2024-2025"
class="image-container">
<img src="img/25636-adidas.jpg" class="card-img-top" alt="Nueva camiseta alternativa">
<img src="img/25636-adidas.jpg" class="card-img-top"
alt="En la imagen se observa la nueva camiseta alternativa">
<div class="overlay"></div>
</a>
</div>
Expand Down Expand Up @@ -125,7 +127,7 @@ <h3 class="card-title">Nueva camiseta alternativa Temporada 2024-2025</h3>
<a href="#" aria-label="Leer más sobre River renovó su vínculo con Assist Card"
class="image-container">
<img src="img/24667-assist-card.jpg" class="card-img-top"
alt="River renovó su vínculo con Assist Card">
alt="En la imagen se observa a directivos de River con encargados de Assist Card renovando su vínculo">
<div class="overlay"></div>
</a>
</div>
Expand Down Expand Up @@ -159,7 +161,7 @@ <h3 class="card-title">River renovó su vínculo con Assist Card</h3>
<a href="#" aria-label="Leer más sobre alianza entre Revear y River Plate"
class="image-container">
<img src="img/25343-revear.jpg" class="card-img-top"
alt="Alianza entre Revear y River Plate">
alt="En la imagen se observa a jugadoras de hockey con camisetas de River con logo Revear">
<div class="overlay"></div>
</a>
</div>
Expand Down Expand Up @@ -257,7 +259,8 @@ <h4>Formulario de patrocinio</h4>
<footer class="bg-dark text-light py-4">
<div class="container text-center">
<a class="navbar-brand text-light d-block mb-3" href="#">
<img src="img/logo-river-foot.png" alt="Logo de River Plate" width="50" height="70">
<img src="img/logo-river-foot.png" alt="En la imagen se observa logo de River Plate" width="50"
height="70">
Somos River
</a>
<ul class="list-unstyled d-flex justify-content-center gap-3 mb-3">
Expand Down
4 changes: 2 additions & 2 deletions readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@ Para su aprobación, se solicita entregar los siguientes puntos:
</p>

<p align="center">
<a href="https://diegoglz-dev.github.io/AWeb2024/index.html" target="_blank" aria-label="Github Pages"><img src="https://img.shields.io/badge/-Github Pages-444444?style=flat&logo=github" alt="Github%20Pages"></a>
<a href="https://github.com/diegoglz-dev/AWeb2024/blob/main/Informe%20unidad%204%20-%20Capacitaci%C3%B3n%20en%20Accesibilidad%20Web%202024.pdf" target="_blank" aria-label="Informe final"><img src="https://img.shields.io/badge/-Informe%20Final-ee1b2e?style=flat" alt="Informe final"></a>
<a href="https://diegoglz-dev.github.io/AWeb2024/index.html" target="_blank" aria-label="Github Pages"><img src="https://img.shields.io/badge/Github%20Pages-181717?logo=github&logoColor=fff&style=flat" alt="Github%20Pages"></a>
<a href="https://github.com/diegoglz-dev/AWeb2024/blob/main/Informe%20unidad%204%20-%20Capacitaci%C3%B3n%20en%20Accesibilidad%20Web%202024.pdf" target="_blank" aria-label="Informe final"><img src="https://img.shields.io/badge/Informe%20Final-EC1C24?logo=adobeacrobatreader&logoColor=fff&style=flat" alt="Informe final"></a>
</p>

Para la actividad se seleccionaron las siguientes secciones del sitio web oficial del Club Atlético River Plate:
Expand Down

0 comments on commit 9f4222b

Please sign in to comment.