guide-contribuer_accessible

Guide "Contribuer sur le Web de manière accessible"

https://github.com/disic/guide-contribuer_accessible

Science Score: 18.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
    Found CITATION.cff file
  • codemeta.json file
  • .zenodo.json file
  • DOI references
  • Academic publication links
  • Academic email domains
  • Institutional organization owner
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (2.3%) to scientific vocabulary

Keywords

a11y rgaa
Last synced: 10 months ago · JSON representation ·

Repository

Guide "Contribuer sur le Web de manière accessible"

Basic Info
Statistics
  • Stars: 28
  • Watchers: 11
  • Forks: 16
  • Open Issues: 0
  • Releases: 0
Topics
a11y rgaa
Created over 10 years ago · Last pushed almost 9 years ago
Metadata Files
Readme Citation

README.md

Guide « Contribuer sur le Web de manière accessible »

PRÉSENTATION

Ce guide du contributeur est destiné à toute personne amenée à produire des contenus web via un éditeur de texte fourni par un logiciel de gestion de contenus (CMS). Il n'est pas nécessaire de savoir lire ni écrire du code HTML pour utiliser ce guide.

Le guide abordera les questions d'insertion de textes, d'images, de contenus multimédia ou de contenus embarqués depuis d'autres sites web.

Par souci pédagogique, nous aborderons volontairement ici uniquement les notions utiles pour les personnes contribuant sur le Web sans toucher à l'éditeur de code HTML.

De même, nous ne traiterons pas dans ce guide de ce qui relève de la conception ou de la mise en page.

MODE D'EMPLOI DU GUIDE

Ce guide a été pensé comme une série de fiches pratiques étant toutes sur le même modèle pour en faciliter l'utilisation. Vous pouvez les lire en fonction de vos besoins, sans avoir à suivre un ordre particulier, chaque fiche étant indépendante.

Chaque fiche est structurée de la même manière : * Enjeux pour l'utilisateur en situation de handicap * En pratique et en images * Mémo pour agir

En plus de ces trois sections, vous pouvez retrouver selon les fiches : * Idées reçues * Voir aussi * Voir ailleurs

Enfin, vous retrouverez à chaque fois au bas de la fiche : * Correspondances RGAA 3 * Sommaire

THÉMATIQUES ABORDÉES

  • Images
  • Cadres
  • Couleurs
  • Multimédia
  • Tableaux
  • Liens
  • Elements obligatoires
  • Structuration de l'information
  • Présentation de l'information
  • Consultation

Ce guide est rédigé au format markdown Vous trouverez sur ce lien wikipedia des précisions sur ce langage. Une traduction anglaise est également disponible. Enfin, il peut également être consulté en ligne.

Owner

  • Name: DINUM
  • Login: DISIC
  • Kind: organization
  • Email: communication.dinsic@modernisation.gouv.fr
  • Location: Paris

Direction Interministérielle du Numérique

Citation (citations.md)

# Fiche 10 : Citations

## L'enjeu pour l'utilisateur en situation de handicap

Lorsque vous introduisez une citation dans un texte, vous utilisez généralement des guillemets. Or, les guillemets sont des marqueurs typographiques qui peuvent tout autant marquer une citation qu'une emphase.

Marquer correctement une citation permet aux utilisateurs malvoyants, aveugles ou ayant des difficultés de lecture et qui utilisent un [lecteur d'écran](glossaire.md#lecteur-decran), de comprendre qu'il s'agit bien d'une citation et de retrouver précisément le début et la fin de la citation, sans avoir à rechercher parmi tous les caractères les guillemets ouvrants et fermants.

## En pratique et en images

Il existe deux types de citation :

- les citations courtes, appelées citations en ligne ;
- les citations longues, appelées bloc de citation.

Peu d'éditeurs de texte vous permettent de créer des citations en ligne. Par contre, la majeure partie vous permet de créer des blocs de citations, la fonctionnalité associée est souvent représentée par une icône de guillemets <img src="img/citations/icone-quote.png" alt="" />.

Ci-dessous un exemple de citation en bloc dans l'éditeur de texte CKEditor.

<img src="img/citations/ckeditor.png" alt="" />

- Lorsqu'il s'agit d'une citation en ligne&nbsp;:

    - Surlignez le texte concerné.
    - Cliquez sur « Styles ».
    - Déroulez la liste pour trouver « <i lang="en">Inline Quotation</i> » (citation en ligne).

- Lorsqu'il s'agit d'un bloc de citation&nbsp;:
    - Surlignez le texte concerné.
    - Sélectionnez l'icône de guillemet (l'infobulle « Citation » apparaît au survol).

## Mémo pour agir

- J'ai mis des guillemets autour de ce texte, est-ce qu'il ne s'agirait pas d'une citation&nbsp;?

## Correspondances RGAA 3

- Critère 9.6 [AA]

### Sommaire du guide «&nbsp;Contribuer sur le Web de manière accessible&nbsp;»

* [Introduction](0-intro.md)
* [Fiche 1&nbsp;: Quand une image vaut mille mots](images.md)
* [Fiche 2&nbsp;: Les couleurs](couleurs.md)
* [Fiche 3&nbsp;: Embarquer des contenus d'autres sites sur ses pages](cadres.md)
* [Fiche 4&nbsp;: Du multimédia pour tous et toutes](multimedia.md)
* [Fiche 5&nbsp;: Des tableaux pour présenter des données, <i lang="en">what else?</i>](tableaux.md)
* [Fiche 6&nbsp;: Créer du lien sans perdre son chemin](liens.md)
* [Fiche 7&nbsp;: Les titres, ou le plan de la page](titres.md)
* [Fiche 8&nbsp;: Listes à puces et listes numérotées](listes.md)
* [Fiche 9&nbsp;: Textes multilingues](langue.md)
* [Fiche 10&nbsp;: Citations](citations.md)
* [Fiche 11&nbsp;: Mise en forme des textes](mise-en-forme.md)
* [Fiche 12&nbsp;: Documents en téléchargement](docs_telechargement.md)
* [Fiche 13&nbsp;: Abréviations, mots complexes et glossaire](definition.md)
* [Glossaire](glossaire.md)

GitHub Events

Total
  • Watch event: 2
Last Year
  • Watch event: 2