-
Notifications
You must be signed in to change notification settings - Fork 164
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
Accessibility #54
Accessibility #54
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
une bonne traduction, surtout avec une taille aussi importante !
juste quelques comment qui ont ete transforme en comme
content/docs/accessibility.md
Outdated
|
||
### WCAG {#wcag} | ||
|
||
The [Web Content Accessibility Guidelines](https://www.w3.org/WAI/intro/wcag) provides guidelines for creating accessible web sites. | ||
Les [directives pour l'accessibilité au contenu web (*Web Content Accessibility Guidelines*)](https://www.w3.org/WAI/intro/wcag) proposent les lignes directrices pour créer des sites web accessibles. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
peut etre preciser l'acronyme ici WCAG puisqu'on s'en sert a la ligne apres
content/docs/accessibility.md
Outdated
|
||
The following resources show us how to do this: | ||
Les ressources ci-dessous nous montrent comme procéder : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
comme procéder -> comment procéder
content/docs/accessibility.md
Outdated
- [The W3C shows us how to label elements](https://www.w3.org/WAI/tutorials/forms/labels/) | ||
- [WebAIM shows us how to label elements](http://webaim.org/techniques/forms/controls) | ||
- [The Paciello Group explains accessible names](https://www.paciellogroup.com/blog/2017/04/what-is-an-accessible-name/) | ||
- [Le W3C nous montre comme étiqueter les éléments](https://www.w3.org/WAI/tutorials/forms/labels/). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
comme étiqueter -> comment étiqueter
content/docs/accessibility.md
Outdated
- [WebAIM shows us how to label elements](http://webaim.org/techniques/forms/controls) | ||
- [The Paciello Group explains accessible names](https://www.paciellogroup.com/blog/2017/04/what-is-an-accessible-name/) | ||
- [Le W3C nous montre comme étiqueter les éléments](https://www.w3.org/WAI/tutorials/forms/labels/). | ||
- [Le WebAIM nous montre comme étiqueter les éléments](http://webaim.org/techniques/forms/controls). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
comment
content/docs/accessibility.md
Outdated
|
||
This is one example of many cases where depending on only pointer and mouse events will break functionality for keyboard users. Always testing with the keyboard will immediately | ||
highlight the problem areas which can then be fixed by using keyboard aware event handlers. | ||
C'est un exemple des nombreux cas où le fait de ne dépendre que des événements de souris et de pointeur casse les fonctionnalités pour les utilisateurs de clavier. Toujours tester avec le clavier mettra immédiatement en évidence les problèmes qui peuvent ensuite être résolus à l'aide des gestionnaires d'événement clavier. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
gestionnaires d'événement clavier. -> gestionnaires d'événements clavier.
content/docs/accessibility.md
Outdated
|
||
- [WebAIM - Color Contrast Checker](http://webaim.org/resources/contrastchecker/) | ||
- [The Paciello Group - Color Contrast Analyzer](https://www.paciellogroup.com/resources/contrastanalyser/) | ||
- [WebAIM - Vérification de contraste de couleur](http://webaim.org/resources/contrastchecker/). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
couleurs
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
J'ai changé en "contraste des couleurs", au moins le doute n'est plus permis 😅
content/docs/accessibility.md
Outdated
- [WebAIM - Color Contrast Checker](http://webaim.org/resources/contrastchecker/) | ||
- [The Paciello Group - Color Contrast Analyzer](https://www.paciellogroup.com/resources/contrastanalyser/) | ||
- [WebAIM - Vérification de contraste de couleur](http://webaim.org/resources/contrastchecker/). | ||
- [The Paciello Group - Analyseur de contraste de couleur](https://www.paciellogroup.com/resources/contrastanalyser/). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
couleurs
content/docs/accessibility.md
Outdated
|
||
By far the easiest and also one of the most important checks is to test if your entire website can be reached and used with the keyboard alone. Do this by: | ||
De loin la vérification plus simple, mais aussi l'une des plus importantes, consiste à tester si l'ensemble de votre site web est accessible et utilisable avec le clavier seul. Procédez ainsi : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
la vérification plus simple -> la vérification la plus simple
Voilà, traduction mise à jour. |
Deploy preview for fr-reactjs ready! Built with commit 1e235be |
Deploy preview for fr-reactjs ready! Built with commit 7637998 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Salut @linsolas !
Avant toute chose, merci pour tout ce boulot ! C'est super cool de nous filer un coup de main.
Je devrais avoir le temps ce jour de faire plusieurs revues sur tes PR restantes… C'est comme toujours du très bon boulot, comme en témoigne le fait que pour > 500 lignes je n'ai « que » 63 modifs, la plupart étant regroupées sur le même tweak (genre “widget” -> « élément d’interface » et “support” -> « prise en charge »).
Je compte sur toi pour y jeter un coup d'œil depuis tes vacances, comme promis 😉
Tout est fait sous forme de Suggestions GitHub, il te suffit à chaque suggestion que tu approuves de cliquer le bouton d'ajout au lot de modifs à committer, et sur la fin de créer le commit groupé. (ce mode de regroupement en un seul commit est à favoriser absolument, mais tu devras aller dans l'onglet Files changed pour y accéder, il n'est pas utilisable dans l’onglet Conversation)
Si certaines appellent discussion, n'hésite pas, tu réponds, on en parle, on avance ensemble 🤝
Quand tout sera bouclé côté code, je ferai une repasse visuelle finale en local avant de fusionner.
Encore mille mercis, j'ai hâte de voir cette PR finalisée et dans master
!
Co-Authored-By: linsolas <linsolas@gmail.com>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Merci pour ta relecture @tdd.
Dis-moi s'il faut ajouter le (en anglais)
après les liens anglophones ?
Sinon j'ai laissé une suggestion de côté. À voir...
@linsolas tu peux ajouter « (en anglais) » seulement après les liens qui sont dans les listes de ressources (pour les liens en plein cœur de phrase, à toi de juger au cas par cas si ça rompt trop la phrase ou non) |
Hello @tdd, J'ai mis à jour le texte en ajoutant la plupart du temps le |
Hello,
Voici ma traduction pour la page sur l'accessibilité.