Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: a11y of images from page presentation #499

Closed
wants to merge 1 commit into from

Conversation

LAU-MG
Copy link
Contributor

@LAU-MG LAU-MG commented Mar 5, 2024

No description provided.

@@ -1,7 +1,7 @@
<div class="row row-cols-1 row-cols-md-3 g-4 justify-content-center">
<div class="col" *ngFor="let webinaire of webinairePresentation">
<div class="card h-100 rounded-0">
<img src="/assets/img/presentation/webinaire/{{ webinaire.image }}" class="w-100" alt="" />
<img src="/assets/img/presentation/webinaire/{{ webinaire.image }}" class="w-100" alt="webinaire" />
Copy link
Contributor

@marc-gavanier marc-gavanier Mar 18, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<img src="/assets/img/presentation/webinaire/{{ webinaire.image }}" class="w-100" alt="webinaire" />
<img src="/assets/img/presentation/webinaire/{{ webinaire.image }}" class="w-100" alt="" />

C'est une image d'illustration, je ne pense pas que la lecture à haute voie de "webinaire" par un lecteur d'écran apporte une information importante à un public qui a besoin d'un tel outil pour naviguer sur le site.

Comment on lines 8 to 11
<img
src="/assets/img/presentation/personnages_sur_carte.svg"
class="img-fluid"
alt="Personnages sur une carte géographique" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<img
src="/assets/img/presentation/personnages_sur_carte.svg"
class="img-fluid"
alt="Personnages sur une carte géographique" />
<img
src="/assets/img/presentation/personnages_sur_carte.svg"
class="img-fluid"
alt="" />

La description est très bien, on peut bien se représenter ce qui existe sur l'image, mais il est important de ne décrire que les images qui apportent une information essentielle au contexte et qui n'est pas déjà accompagné d'un texte descriptif.
Ici, s'aggisant d'une image dont le seul but est d'illustrer la page, il n'y a pas besoin d'ajouter une description.

@marc-gavanier marc-gavanier deleted the feat/a11y-presentation-page branch March 25, 2024 15:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants