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

[Page IoS Développer] Vérifier le ALT des nombreuses images présentes sur cette page #560

Closed
VivianePourGitHub opened this issue Aug 29, 2024 · 3 comments
Assignees

Comments

@VivianePourGitHub
Copy link
Collaborator

Voici des exemples d'image sur lesquels il faut se pencher :

Exemple 1 : Image de l'onglet "Opérations" du chapitre "Nature des éléments". Alors que l'image propose l'ensemble des valeurs spécifiques de l'attribut accessibilityTrait , l'image a un attribut ALT vide.
=> Dans l'attribut ALT, ne faudrait-il pas proposer en transcription textuelle de quelques-unes des lignes du tableau afin d'illustrer la phrase comme le fait l'image ? Dixit Vincent, non, c'est juste un exemple. Avis de Pierre-Yves ? Voir si la présence de ce tableau-image est toujours utile

Exemple 2 : Dans le chapitre "Date, heure et nombres" et l'onglet "Date & Heure", le ALT devrait contenir le texte écrit dans les 2 nuages car il explicite l'affirmation "le rendu n'est pas naturel à l'écoute". Le ALT est à renseigner également pour la 2nde image. Ces constats sont aussi valable sur les images des 2 autres onglets "Nombre" et "Numéro de téléphone" A VOIR AVEC PIERRE-YVES : A voir soit un ALT soit compléter le texte

Exemple 3 : Dans le chapitre "Fournisseur de contenu personnalisé" et l'onglet "Exemple" , est-ce que la présence des 2 images sous l'onglet "Objective C" est normale ? A VOIR AVEC PIERRE-YVES : compléter l’explication initiale sur l’objectif du truc – voir le positionnement de l’image avant ou après ou bien dans l’onglet fonctionnement ?

Exemple 4 : Quid des images COMPLEXES dans l'onglet "Exemples" du chapitre "Vue modale" ? A VOIR AVEC PIERRE-YVES : A voir s’il faut compléter le texte – trop complexe de proposer un texte alternatif !

Exemple 5 avec les images des onglets des différentes versions d'IoS dans le chapitre "Taille des textes". A NOTER que des textes alternatifs ont été ajoutés sur les onglets du même type sur la page IoS Tester ! A VOIR AVEC PIERRE-YVES : OK Proposer un texte de remplacement

Globalement, il faudrait ajouter un texte de remplacement aux images proposées dans l'onglet 'Exemple' de tous les paragraphes de cette page. A VOIR AVEC PIERRE-YVES

pya35 added a commit that referenced this issue Oct 21, 2024
pya35 added a commit that referenced this issue Dec 2, 2024
@VivianePourGitHub
Copy link
Collaborator Author

VivianePourGitHub commented Dec 2, 2024

Test de la correction sur l'environnement de review #524

Test de l'exemple 1 OK : Image de l'onglet "Opérations" du chapitre "Nature des éléments" => La présence de ce tableau-image a été jugée inutile et à donc été retirée

Test de l'exemple 2 OK : Dans le chapitre "Date, heure et nombres" et l'onglet "Date & Heure", le ALT devrait contenir le texte écrit dans les 2 nuages car il explicite l'affirmation "le rendu n'est pas naturel à l'écoute". Le ALT est à renseigner également pour la 2nde image. Ces constats sont aussi valable sur les images des 2 autres onglets "Nombre" et "Numéro de téléphone" => Pour toutes les images des onglets de ce chapitre, un ALT a été saisi en reprenant le texte lisible dans les bulles de chacune d'elles

Test de l'exemple 3 ... hum .. pas compris ... A suivre échange Teams avec Pierre-Yves

Test de l'exemple 4 OK : Images complexes laissées en Décoratives

Test de l'exemple 5 OK : Ajout d'un ALT à toutes les images des onglets des différentes versions d'IoS dans le chapitre "Taille des textes".

A NOTER POUR CORRECTION Dans le chapitre "Fournisseur de contenu personnalisé" et l'onglet "Exemple" , ajouter un « c » à « sucessives » dans la 1ière phrase

@pya35
Copy link
Member

pya35 commented Dec 4, 2024

exemple 3 à traiter par #592

@VivianePourGitHub
Copy link
Collaborator Author

Vu avec Pierre-Yves Reste à faire

  • Revoir l'exemple 3 sur le site et sur le support de formation
  • Faute d'orthographe Dans le chapitre "Fournisseur de contenu personnalisé" et l'onglet "Exemple" , ajouter un « c » à « sucessives » dans la 1ière phrase

Guillaum31 added a commit that referenced this issue Dec 4, 2024
* Web > Tests > Update the right menu "On this page"

* Web > Tests > Hide the two "reinitialize" buttons if needed

* Web > Tests > Add an avoidance link to filters

* Articles : add research details

* Articles : remove link on theme subtitles (for articles list page and article details page)

* Legal > each anchor has the same ID (a11y_heading_anchor_label)

* Web > Test > put the filters bar above the search input

* IOS > Test > Replace an image with just text with text

* Web > Test > Focus a filter if it is clicked

* Web > Test > Focus the filters item when we reinitialise

* Web > Test (en) > Standardize typography of "Common navigation" and "Assistive technologies"

* Web > Test > fix the appearance of multiple "Go to Filters" every time the Reset button is clicked

* add gitignore file and update package-lock.json

* Issue 538 : Enlever les images-liens qui contiennent du texte

* Fixes #537 : Corriger l'usage de la couleur Orange du texte d'un lien lors de son survol avec la souris

* Fixes #535 : Des changements de langue à indiquer dans du texte

* Fixes #535 : Des changements de langue à indiquer dans du texte

* update node version to 20.7.0 for netlify.toml

* Fixes #535 : Des changements de langue à indiquer dans du texte

* Fixes #537 : Corriger l'usage de la couleur Orange du texte d'un lien lors de son survol avec la souris

* fix #560

* fix #538

* fix #558

* fix #559

---------

Co-authored-by: Pierre-Yves Ayoul <[email protected]>
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

No branches or pull requests

3 participants