Conversation
|
Signed-off-by: Alexandre Philibeaux <aphilibeaux@scaleway.com>
|
|
||
| Règles à activer (priorité haute): | ||
| - accessible-emoji | ||
| - alt-text |
There was a problem hiding this comment.
Difficilement automatisable, sauf à prendre en compte le contexte.
Cet arbre de décision peut aider : https://www.w3.org/WAI/tutorials/images/decision-tree/
Si besoin, cette solution CSS est à examiner pour les SVG : https://caniuse.com/wf-alt-text-generated-content
Ma reco:
- Automatiser la présence d'un alt vide à minima, sinon le
srcsera vocalisé - Tenter de faire comprendre le contexte, mettre un texte pertinent et explicite
- Remonter un rapport de alt vide et traiter au cas par cas
| [ ] Tester sur un échantillon de composants | ||
|
|
||
| Règles à activer (priorité haute): | ||
| - accessible-emoji |
There was a problem hiding this comment.
Des gens font des recherches sur l'accessibilité des émoji, je ne suis pas certain qu'on veuille s'embarquer tout de suite dans cette aventure, d'autant que je doute que les composant UV en aient tant que ça
| - heading-has-content | ||
| - html-has-lang | ||
| - iframe-has-title | ||
| - img-redundant-alt |
There was a problem hiding this comment.
même reco que précédemment:
https://github.com/scaleway/ultraviolet/pull/6355/changes#r3115769610
| - iframe-has-title | ||
| - img-redundant-alt | ||
| - label-has-associated-control | ||
| - lang |
There was a problem hiding this comment.
Je pense que ça évoque l'attribut lang sur les liens, mais aussi pour des blocs de contenus dont la langue serait différente de la page actuelle.
Si c'est cas c'est affaire de contexte, comme pour les alt. Je pense que pour les liens ce sera utile même si ce sera rare, pour les bloc de texte, peu de chance que ça soit des cas à gérer avec UV.
Ce lien donne des infos: https://www.accede-web.com/notices/html-et-css/langues/utiliser-lattribut-lang-pour-signaler-les-changements-de-langue/
| ### Phase 1 : Infrastructure & Outillage 🔧 | ||
|
|
||
| - **UV-001** - Setup eslint-plugin-jsx-a11y (High) | ||
| - **UV-002** - Configuration jest-axe pour les tests unitaires (High) |
There was a problem hiding this comment.
Concernant UV, les designs étant produits sur Figma on pourrait anticiper plus en amont des reports en installant le plugin Axe sur Figma ?
| } | ||
| ``` | ||
|
|
||
| Composants à tester: |
There was a problem hiding this comment.
Question: Dans l'idée est-ce que c'est par composants, ou bien sur une page qui regroupera tous les composants en même temps ?
| [ ] Créer une checklist de validation | ||
| [ ] Enregistrer des sessions de test (vidéo) | ||
|
|
||
| Outils à utiliser: |
There was a problem hiding this comment.
Comme commenté plus haut, je fais des demandes de Windows depuis un bon moment sans résultats concrets de la part de du management ou de l'IT (arguments de sécurité compréhensibles).
Si on peut faire bouger les lignes c'est top, et je veux également un accès/licence, mais sinon on avait réfléchi à des solutions comme VirtualBox (beurk) ou des licences Shadow (miam).
- Avec VirtualBox c'est pénible + quid de la licence Windows, même si c'est trouvable pas cher
- Avec Shadow il y a eus des tentatives de rapprochement avec Seb/Etienne mais pas de retours, ça peut valoir le coup de re-tenter un coup de pression gentilles :)
|
|
||
| ### Required for all PRs | ||
| - [ ] Keyboard navigation tested (Tab, Enter, Space, Esc) | ||
| - [ ] Focus states visible and clear |
There was a problem hiding this comment.
- Ajouter Hover
- Ajouter la notion "autre que la couleur uniquement"
| - [ ] Keyboard navigation tested (Tab, Enter, Space, Esc) | ||
| - [ ] Focus states visible and clear | ||
| - [ ] Screen reader tested (NVDA/VoiceOver) | ||
| - [ ] Color contrast verified (4.5:1 minimum) |
There was a problem hiding this comment.
- Utile à faire mais devrait être verrouillé depuis la source Figma + tokens
|
|
||
| Toute la documentation, l'outillage et les tickets relatifs à l'accessibilité sont centralisés dans le dossier [`a11y/`](./a11y/). | ||
|
|
||
| ## 📋 Ce que nous allons faire |
There was a problem hiding this comment.
Il faut ajouter une notion très importante de tests UX avec des personnes en situation de handicap : ça fait partie des checklists de bonnes pratiques demandées dans les déclarations de la part des clients
4 participants
Summary
Type
Summarize concisely:
What is expected?
(Description of the new behavior)
The following changes were made:
(Describe what you did)
Relevant logs and/or screenshots