Charte éditoriale pasdecalais.fr

Il faut veiller :

1. qu'ils soient écrits en majuscules sans point ou caractère de séparation. Exemple : EPCI
2. qu'ils soient décrits entre parenthèse à sa première utilisation. Exemple : EPCI (Établissement Public de Coopération Intercommunal) ou balisé comme abréviation

💡Il n'est pas nécessaire, pour un même sigle, de réitérer le point 2

Les accents sont obligatoires car ils peuvent modifier le sens de la phrase

UN INTERNE TUE peut signifier :

• un interne tue
• un interné tue
• un interne tué
• un interné tué

Pour vous aider, vous pouvez utiliser la table des caractères

Les adresses électroniques doivent être précédées de la mention "courriel" en non "email"

On peut masquer l’adresse en la remplaçant par "Contactez par courriel"

• une virgule après le numéro de rue
• la ville doit être écrite en entier et en majuscules
• Cedex en minuscules
• l'adresse entière doit inclure les numéros de téléphone au format international, site internet et courriels si possible

Exemple :
Conseil départemental du Pas-de-Calais
Rue Ferdinand-Buisson
62018 ARRAS Cedex 9
Téléphone : +33 (0)3 21 21 62 62
pasdecalais.fr

À mettre en italique. Exemple : Department

À baliser "changer de langue" en inscrivant le code ISO du pays.

Exemple :

• en pour anglais
• nl pour néerlandais

Pour vous aider, vous pouvez consulter la Tables des codes de pays (lien externe)

• Sans guillemets car ajoutés automatiquement lors de la publication
• Toute coupure dans le texte original ou ajout doit être indiqué par [...]
• En italique

• doivent être écrits en lettres jusqu'à dix inclus (exceptions : dates, mesures, chiffres accompagnés d'une décimale ou d'un symbole, comparaisons ou listes de données chiffrées)
• remplacez la virgule par un point
• laissez un espace entre les chiffres et l’unité de mesure ; exemple : 3.3 cm, 3 000 000.50 €
• pour permettre une synthèse vocale parfaite sur l'ensemble du site, les mots "premier" et "second" doivent être rédigés entièrement (sauf dates) ; les adjectifs numéraux suivants doivent être rédigés de la façon suivante : 6ième, 11ième, 100ième, etc.
• les chiffres romains dans les titres sont interdits, car les titres ne permettent pas les déclarations d'acronymes
• tout chiffre romain ou adjectif numéral ordinal inférieur à 11 doit être balisé en "abréviation", même au sein d'une date

Les dates sont présentées dans des formats explicites :

• S’assurer que le mois est écrit en toutes lettres (décembre) ou en abrégé (déc.), mais pas au format numérique.
• Indiquer les 4 chiffres de l’année.
• Exemple : loi handicap du 11 février 2005

Objectif

• Éviter aux utilisateurs les risques de méprise sur le sens d’une date.
• Faciliter la compréhension et la réutilisation des contenus concernés.

Il faut veiller :

• qu'il soit accessible grâce au vérificateur pdf
• ou que son contenu soit dans la page web
• ou fournir une alternative accessible via un Word sans mise en page avec le contenu du document

💡 Le Word sans mise en forme est l'alternative accessible la plus facile à mettre en place.

⚠️ Dans le cas spécifique de documents assez lourds, il est possible d'avoir une dérogation pour charge disproportionnée. Comme pour les enquêtes publiques, il faut a minima décrire l'enquête publique et les différents documents sans devoir donner plus de détails.

Pour chaque image, le champ « copyright » doit être renseigné de manière obligatoire et faire apparaître le nom de l’auteur accompagné le cas échéant de celui de la structure qui possède les droits d’usage de cette image. Dans le cas d’images produites par des agents du Département, il conviendra donc de faire apparaître le crédit de la manière suivante : « Première lettre du prénom. NOM DE FAMILLE/ CD62 ».

Avant d’utiliser l’image je m’assure de disposer de l’autorisation de son auteur ou de l’organisation qui en détient les droits par écrit.

⚠ Il est parfois possible sur internet de télécharger des images que l’on croit souvent être libre de droits. Il sera demandé pour chaque image récupérée par le biais d’internet les modalités précises d’utilisation auxquelles est soumise l’image (vous pourrez par exemple fournir l’intitulé de licence creative commons appliqué).

⚠ L’autorisation d’utiliser une image par son créateur n’est pas toujours suffisante. En effet, pour certaines œuvres d’art ou certains bâtiments, il est impératif de solliciter l’autorisation du créateur de l’œuvre ou de l’architecte avant toute utilisation d’une image ou photo sur laquelle apparaît son travail, en plus de celle de l’auteur de l’image.

⚠ La modification d’un contenu est également soumise à l’autorisation préalable de l’image originale. Idem, cette autorisation peut valoir pour une modification réalisée par une personne ou via un outil. Il est donc par exemple possible qu’un auteur utilise l’usage d’un contenu mais pas sa modification. Il est également possible qu’un auteur autorise la modification de l’un de ses contenus, mais refuse que son œuvre soit utilisée par le biais d’outils ayant recours à l’intelligence artificielle.

Il conviendra pour chaque image, notamment en ce qui concerne les photos, de vous assurer que les personnes qui y figurent vous autorisent à utiliser cette image. Cette autorisation devra être nominative et préciser le support pour lequel la personne autorise l’utilisation de son image, ainsi que la durée d’utilisation. Si la personne représentée sur l’image est mineure, il faudra impérativement l’accord écrit des deux parents pour pouvoir utiliser l’image.

⚠ Cette autorisation doit être spécifique, c’est-à-dire ne pas être d’ordre général : il est possible d’autoriser l’usage de la photo sur pasdecalais.fr pendant 2 ans ; il est par contre impossible d’autoriser un usage pour une durée illimitée sur l’ensemble des supports du Département.

⚠ Cas particulier des photos de groupe ou lors d’une manifestation publique : cette demande d’autorisation ne s’applique plus lorsque la personne n’est pas clairement identifiable ; si elle fait partie d’un groupe de personne ; si elle n’est pas l’objet central de la photographie.

⚠ Cependant, si un enfant figure sur la photographie, les règles relatives aux autorisations de prise de vue s’appliquent à lui dès l’instant où il est identifiable.

L’intelligence artificielle est un outil qui prend de plus en plus de place dans les pratiques individuelles.

En tant que collectivité, l’usage de ces outils doit être aussi raisonné que possible. Il convient donc de n’utiliser que des outils fournis ou autorisés par la Direction des Services Numériques (DSN) et de veiller à ce que l’ensemble des règles relatives à la protection du droit d'auteur et de la vie privée soit respectées.

Si j’ai un doute, je contacte la DSN ou la personne Déléguée à la Protection des Données (DPD).

⚠ Dans l’attente de directives plus spécifiques, il est obligatoire sur pasdecalais.fr de faire apparaître de manière visible la mention « Cette image a été générée par une intelligence artificielle ».

Toute photographie sur laquelle une personne est identifiable est soumise au règlement général sur la protection des données, ce qui implique le respect de règles relatives aux modes d’utilisation de l’image ou à sa durée de conservation dans nos bases de données. Pour en savoir plus, il est recommandé de se rapprocher de la personne Déléguée à la Protection des Données (DPD).

L'orthographe inclusive, surtout le point médian, pose des difficultés pour les personnes avec :

• Déficience visuelle : les lecteurs d'écrans ont des difficultés à prendre en compte l'orthographe inclusive
• Troubles DYS : la ponctuation peut présenter une difficulté, accentuée par le point médian
• Déficience intellectuelle : l'introduction d'une ponctuation inhabituelle présente un nouveau challenge, avec un risque que l'information ne soit pas comprise

### ici conseil de Virginie Bourcier sur l'écriture inclusive. En attente de son retour ###

• remplacez les points de suspension par etc.
• etc. n’est jamais suivi de points de suspension
• à déclarer en abréviation et à baliser "et cætera"

• sont à bannir
• doivent être déclarés comme abréviation et balisés
• exemple : Mlle doit être balisé "Mademoiselle" ou et m2 doit être balisé "Mètres carrés"

Pour chaque graphique représentant des données numériques (courbe, diagramme, histogramme, camembert etc.):

• Afficher de manière structurée, dans le contexte immédiat du graphique, toutes les données numériques qu’il représente, par exemple sous forme de tableau de données.
• Ou fournir dans le contexte immédiat du graphique un lien vers un contenu du même type.

Objectif

• Permettre ou améliorer la compréhension du graphique.
• Faciliter le partage des données.
• Améliorer l’accessibilité des contenus aux personnes handicapées.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation.

Pour chaque graphique représentant des données numériques (courbe, diagramme, histogramme, camembert etc.):

• à écrire sur quatre ou cinq caractères, sans espaces. Exemple : 8h30
• ne pas mettre de tiret entre les horaires. Exemple : de 9h00 à 13h00

Les images décoratives ont une alternative textuelle (alt) vide :

• Éviter aux utilisateurs placés dans des contextes où les images ne sont pas perceptibles (navigateur texte, lecteur d’écran, navigateur avec images désactivées) d’être perturbés par des informations sur des images qui leur sont inutiles.
• Fournir aux robots d’indexation uniquement des informations pertinentes.
• Améliorer l’accessibilité des contenus aux personnes handicapées.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation

Les images liens ont une alternative textuelle appropriée, indiquant la cible ou le rôle du lien :

• Permettre aux utilisateurs placés dans des contextes où les images ne sont pas perceptibles (navigateur texte, lecteur d’écran, navigateur avec images désactivées) de comprendre le sens des liens présents sur des images qu’ils ne peuvent voir.
• Permettre aux robots d’exploiter l’information véhiculée par les images-liens (pour le référencement, l’indexation, la traduction automatique des alternatives d’images-texte).
• Permettre l’affichage d’un texte pertinent pendant le chargement des images.
• Améliorer l’accessibilité des contenus aux personnes handicapées.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation

Les images liens ont une alternative textuelle appropriée avec un alt approprié reprenant l'information :

• Permettre aux utilisateurs placés dans des contextes où les images ne sont pas perceptibles (navigateur texte, lecteur d'écran, navigateur avec images désactivées) de comprendre le sens des images qu'ils ne peuvent voir.
• Permettre aux robots d'exploiter l'information véhiculée par les images (référencement, indexation, traduction automatique des alternatives d’images-texte).
• Permettre l'affichage d'un texte pendant le chargement des images.
• Améliorer l’accessibilité des contenus aux personnes handicapées.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation

Éviter l’italique, qui est très compliqué à lire pour les personnes dyslexiques

L'italique est réservé aux Ouvrages, revues, titres d'œuvres ainsi qu'aux citations

• Ne jamais justifier le texte ! Lorsque l’on justifie un texte, des espaces non homogènes sont insérés entre les mots. Cela rend alors la lecture plus complexe pour une personne dyslexique, puisque le texte devient moins fluide et agréable à lire.
• Aligner les textes à gauche

Indiquer sans ambiguïté le contenu de la page cible du lien, la fonction du lien ou son comportement, le cas échéant, dans le libellé des liens.

• Permettre aux utilisateurs d'identifier précisément la nature du lien et d'éviter des actions erronées.
• Permettre aux outils d'indexation d'associer un libellé à une ressource.
• Permettre aux lecteurs d'écran d'en indiquer la cible de façon explicite et d'éviter de désorienter les utilisateurs.
• Améliorer l’accessibilité des contenus aux personnes handicapées.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation

• Doivent être utilisées dès que deux éléments au minimum sont à développer.
• Ne mettre aucun tiret.
• Les listes à numéros doivent être employées lorsque :
  • l'ordre de lecture est important
  • le nombre d'éléments est mentionné dans la phrase d'accroche

Objectif

• Permettre aux aides techniques de restituer à l’utilisateur une liste dont l’organisation est clairement perceptible et qui facilite le passage d’un élément de la liste à un autre.
• Favoriser un rendu approprié des listes déroulantes complexes dans tous les navigateurs.
• Améliorer l’accessibilité des contenus aux personnes handicapées

• Les éléments d'une liste déroulante qui peuvent être regroupés le sont de manière appropriée :
  • Permettre aux aides techniques de restituer à l’utilisateur une liste dont l’organisation est clairement perceptible et qui facilite le passage d’un élément de la liste à un autre.
  • Favoriser un rendu approprié des listes déroulantes complexes dans tous les navigateurs.
  • Améliorer l’accessibilité des contenus aux personnes handicapées
  Choix de la thématique : Motos Voitures Appartement Maison
• Les listes d'options de formulaires sont présentées dans un ordre identifiable :
  • Permettre aux utilisateurs d'accéder rapidement à l'item de liste recherché.
  • Améliorer l’accessibilité des contenus aux personnes handicapées

Les mises en majuscules à des fins décoratives sont effectuées à l'aide des styles

• Permettre un copier-coller des contenus indépendamment de la mise en forme entièrement en majuscules.
• Faciliter l'adaptation de la mise en forme pour les utilisateurs ayant des difficultés de lecture des textes entièrement en majuscules.

Ce qu'il faut faire :

• Identifier le média : veiller à ce qu'un titre précède bien la vidéo ou l'audio
• Permettre la compréhension d’un média sans le son :
  • Accompagner chaque média d’une transcription textuelle ou d’une audiodescription synchronisée qui reprend
    • la totalité de ce qui y est exprimé oralement
    • toutes les informations descriptives nécessaires à une compréhension équivalente de l’action.
    • des informations présentées dans l’ordre chronologique de leur apparition dans la vidéo
  • Fournir des sous-titres synchronisés pour chaque vidéo.
• Veiller à ce que le média temporel soit contrôlable par l'utilisateur (clavier ou tout autre dispositif), éviter les lancements automatiques
• La durée doit être indiquée

Pour chaque média non temporel, il est demandé :

• à ce qu’une alternative accessible soit fournie
• à ce que cette alternative soit manipulable au clavier

• à ce que cette alternative soit accessible à l’aide d’un lien présent sur la même page
  • Ce lien devra être clairement identifiable et situé à proximité du contenu
  • Devra mener à l’alternative accessible, soit dans la page elle-même soit dans une autre page.

Note : les médias produits avec svg ou canvas ne sont pas considérés comme des médias non temporels. En effet, ce sont des médias avec lesquels on utilise généralement JavaScript, qui est une technologie parfaitement accessible.

À écrire en italique et sans guillemets

Exemple : L'Écho 62

• Structuration du contenu
  • l'information la plus importante
  • le titre (explicite, de quatre à 12 mots) et le sous-titre, si nécessaire
  • le chapeau s'il s'agit d'un article ou d'un événement d'agenda (maximum trois phrases : Qui ? Où ? Quand ? Quoi ? Pourquoi ?)
  • le texte, idéalement de 500 signes à 4 000 signes, à déployer sur plusieurs paragraphes
  • les détails
• le ton doit être neutre et formel et dans un style direct
• le vouvoiement est de rigueur (sauf s’il s’agit exclusivement du jeune public)
• selon le public ciblé, employez un ton journalistique, pédagogique, informatif, factuel, etc. et toujours clair et sans jargon
• explicitez les abréviations et sigles et les liens
• mentionnez le crédit photographique s’il n’est pas produit par le Département (= CD62)
• ajout de mots-clés
• possibilité de planification des publications

• Signes simples (virgule, point, points de suspension) : espace après le signe
• Signes doubles (point-virgule, d’exclamation, d’interrogation, deux-points ) : espace avant et après le signe
• Parenthèses, guillemets, crochets, accolades : espaces à l’extérieur, mais pas à l’intérieur
• Pas d’espace entre la parenthèse finale et la ponctuation simple qui suit
• Attention : seuls les guillemets droits " " sont autorisés au sein d’un texte.

Le soulignement est réservé aux hyperliens

• Éviter les clics inutiles sur des contenus soulignés perçus comme des hyperliens.
• Faciliter l’identification des liens.

• laissez un espace avant le signe
• pas de slashs ni de tirets, sauf pour les mots nécessitant un trait d’union et pour l'expression "et-ou" (les tirets sont lus comme le signe "moins")
• les symboles &, #, {}, €, $, £, @, µ n'ont pas besoin de balise

De manière générale :

• vous ne devez jamais créer de tableau, sauf pour présenter des données tabulaires ;
• si vous avez des données tabulaires à présenter, évitez autant que possible d'utiliser des tableaux, car même quand ils sont techniquement accessibles, ils restent complexes à appréhender.

• les cellules des tableaux de données sont reliées à leurs en-têtes.
• les titres des tableaux de données sont renseignés
• les tableaux de données ne sont pas remplacés par des images

Objectifs

• Permettre aux aides techniques de restituer l'information contenue dans les tableaux de données de manière compréhensible
• Permettre aux utilisateurs d'aides techniques (lecteurs d'écran) d'identifier aisément la nature des informations fournies par un tableau.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation
• Améliorer l’accessibilité des contenus aux personnes handicapées

À écrire sur la même ligne par groupe de 2 chiffres séparés par un blanc, et de manière internationale.

Exemple : Tél : +33 (0)3 21 21 62 62

Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.

• Permettre aux utilisateurs qui le souhaitent de visualiser la structure du contenu de la page et d’y naviguer.
• Permettre aux machines et aux outils d’indexation d’extraire le plan de chaque page.
• Améliorer le référencement en facilitant l’interprétation du contenu par les robots d’indexation.

<h1>Titre 1</h>
  <h2>Titre 2</h2>
    <h3>Titre 3</h>
    <h3>Titre 3</h>
  <h2>Titre 2</h2>
    <h3>Titre 3</h>

Les textes pouvant être mis en forme via des styles ne sont pas remplacés par des images.

• Faciliter l’adaptation du rendu au media (mobile ou autre) ou aux besoins de l’utilisateur (agrandissement de la taille des caractères, modification des couleurs, de la police, de la graisse, de la justification, etc.).
• Améliorer l’accessibilité des contenus aux personnes handicapées.
• Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation.

• Rédiger le nom des villes entièrement (ex : Boulogne-sur-Mer)
• à écrire en minuscules s'il ne s'agit pas d'une adresse