Skip to content

Commit

Permalink
Update application-considerations.md
Browse files Browse the repository at this point in the history
  • Loading branch information
BlueCutOfficial authored Dec 6, 2023
1 parent cad3e0a commit 2808415
Showing 1 changed file with 13 additions and 13 deletions.
26 changes: 13 additions & 13 deletions guides/accessibility/application-considerations.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,20 @@ Dans cette partie, vous allez en apprendre plus sur les différentes configurati

Déclarer la langue d'une page HTML permet aux utilisateurs de mieux comprendre son contenu.

> Les outils d'accessibilités ainsi que les navigateurs Web sont capables d'avoir un rendu plus précis quand la langue d'une page est définie. Les lecteurs d'écrans peuvent ainsi affiner leurs prononciations. Les navigateurs Web peuvent correctement afficher les caractères et les scripts. Les lecteurs vidéos peuvent afficher les bons sous-titres. Tout ceci permet aux utilisateurs, ayant un handicap, de mieux comprendre le contenu d'une page Web.
> Les outils d'accessibilités ainsi que les navigateurs Web sont capables d'avoir un rendu plus précis quand la langue d'une page est définie. Les lecteurs d'écrans peuvent ainsi affiner leurs prononciations. Les navigateurs Web peuvent correctement afficher les caractères et les scripts. Les lecteurs vidéos peuvent afficher les bons sous-titres. Tout ceci permet aux utilisateurs ayant un handicap, de mieux comprendre le contenu d'une page Web.
> <!-- spell ignore -->[WCAG Success Criterion 3.1.1: Intent](https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html#intent)
La langue principale doit être définie au niveau de l'attribut `lang` du l'élément `<html>`. Lors de la création d'une nouvelle application, vous pouvez utiliser l'option `--lang` de la commande `ember new` afin d'en définir sa langue principale.
La langue principale doit être définie au niveau de l'attribut `lang` de l'élément `<html>`. Lors de la création d'une nouvelle application, vous pouvez utiliser l'option `--lang` de la commande `ember new` afin d'en définir sa langue principale.

```bash
ember new mon-app --lang fr
```

Cette commande va créer une application ayant le français définit comme langue principale, sur l'attribut `lang` de l'élément `<html>`.

Pour une application existante, un développeur peut éditer le fichier `index.html` file ou installer l'addon [ember-intl](https://github.com/ember-intl/ember-intl).
Pour une application existante, on peut éditer le fichier `index.html` ou installer l'addon [ember-intl](https://github.com/ember-intl/ember-intl).

L'attribut `lang` de l'élément `html` ne peut contenir plusieurs _valeurs_. Si un élément de la page contient du texte dans une langue différente que la langue principale, vous pouvez lui définir son propre attribut `lang`.
L'attribut `lang` de l'élément `html` ne peut pas contenir plusieurs valeurs. Si un élément de la page contient du texte dans une langue différente que la langue principale, vous pouvez lui définir son propre attribut `lang`.

![Par exemple, l'élément HTML peut définir "es" en tant que langue principale et un paragraphe peut quant à lui avoir "en" en tant que langue définie](/images/accessibility/application-considerations/lang.png)

Expand All @@ -42,18 +42,18 @@ Tout addon fournissant des composants visuels à une application devrait être
Il existe déjà des addons Ember pouvant vous aider à rendre une application plus accessible.
Chaque addon doit être choisi en fonction des bénéfices qu'il apporte et de son utilité. Il est possible que dans certains cas, il soit préférable de réimplémenter vous-même une partie des fonctionnalités d'un addon, directement dans votre application.

Voici quelques exemples d'addons axés sur l'accessibilité créés par des membres de la communauté Ember:
Voici quelques exemples d'addons axés sur l'accessibilité créés par des membres de la communauté Ember&nbsp;:

- [ember-a11y-landmarks](https://github.com/ember-a11y/ember-a11y-landmarks) - Addon facilitant l'utilisation des rôles sémantique HTML afin d'améliorer l'accessibilité.
- [ember-component-focus](https://github.com/ember-a11y/ember-component-focus) - Un mixin pour ajouter des méthodes à vos composants Ember afin de vous aider à gérer l'élément ayant le focus
- [ember-steps](https://github.com/rwjblue/ember-steps) - Addon de création de _wizard_, de navigation avec onglets, et plus ...
- [ember-a11y-landmarks](https://github.com/ember-a11y/ember-a11y-landmarks) - Addon facilitant l'utilisation des rôles sémantiques HTML afin d'améliorer l'accessibilité.
- [ember-component-focus](https://github.com/ember-a11y/ember-component-focus) - Une _mixin_ pour ajouter des méthodes à vos composants Ember afin de vous aider à gérer l'élément ayant le focus.
- [ember-steps](https://github.com/rwjblue/ember-steps) - Addon de création de _wizard_, de navigation avec onglets, et plus...
- [ember-page-title](https://github.com/tim-evans/ember-page-title) - Addon de gestion des titres de page pour applications Ember.js
- [ember-self-focused](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) - Bouge le focus sur le corps d'une page au changement de route
- [ember-self-focused](https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused) - Bouge le focus sur le corps d'une page au changement de route.
- [ember-keyboard](https://github.com/patience-tema-baron/ember-keyboard) - Addon pour simplifier la gestion des événements clavier.
- [ember-a11y-testing](https://github.com/ember-a11y/ember-a11y-testing) - Pour ajouter facilement des tests d'accessibilités dans une suite de tests Ember.
- [ember-a11y-testing](https://github.com/ember-a11y/ember-a11y-testing) - Pour ajouter facilement des tests d'accessibilité dans une suite de tests Ember.
- [a11y-announcer](https://github.com/ember-a11y/a11y-announcer) - Addon permettant d'annoncer les changements de route côté lecteur d'écran.
- [ember-template-lint](https://github.com/ember-template-lint/ember-template-lint) - Linter pour les template Ember
![Aperçu d'un compte rendu de lint d'un template](/images/accessibility/application-considerations/template-lint.png)
- [ember-template-lint](https://github.com/ember-template-lint/ember-template-lint) - _Linter_ pour les _templates_ Ember.
![Aperçu d'un compte rendu de _lint_ d'un _template_](/images/accessibility/application-considerations/template-lint.png)

<!-- spell ignore -->
Bien qu'il y ait beaucoup de notions à prendre en compte et à connaître, voici un aide-mémoire pour vous aider à commencer : [Accessibility Cheat Sheet](https://moritzgiessmann.de/accessibility-cheatsheet/)
Bien qu'il y ait beaucoup de notions à prendre en compte et à connaître, voici un aide-mémoire pour vous aidez à commencer&nbsp;: [Accessibility Cheat Sheet](https://moritzgiessmann.de/accessibility-cheatsheet/)

0 comments on commit 2808415

Please sign in to comment.