Merge pull request #10646 from colinux/faq-allow-custom-image-attributes
Accessibilité: permet au markdown FAQ d'intégrer n'importe quel attribut html dans les `<img>`
This commit is contained in:
Paul Chavard
GitHub
commit
2fe40343a7
25 changed files with 89 additions and 66 deletions
|
|
@ -34,8 +34,26 @@ module Redcarpet
|
|||
end
|
||||
end
|
||||
|
||||
def image(link, title, alt)
|
||||
view_context.image_tag(link, title:, alt:, loading: :lazy)
|
||||
def image(link, title, alt_text)
|
||||
# Extrait les attributs personnalisés s'ils existent sous la forme { aria-hidden=true } dans les []
|
||||
custom_attributes = {}
|
||||
if alt_text =~ /\s*\{(.+)\}$/
|
||||
attr_string = Regexp.last_match(1)
|
||||
alt_text = alt_text.sub(/\s*\{.+\}$/, '').strip
|
||||
attr_string.split(' ').each do |attr|
|
||||
key, value = attr.split('=')
|
||||
custom_attributes[key.strip] = value.strip.delete('"')
|
||||
end
|
||||
end
|
||||
|
||||
# Combine les attributs standard et personnalisés
|
||||
image_options = {
|
||||
alt: alt_text,
|
||||
title:,
|
||||
loading: :lazy
|
||||
}.merge(custom_attributes)
|
||||
|
||||
view_context.image_tag(link, image_options)
|
||||
end
|
||||
|
||||
# rubocop:disable Rails/OutputSafety
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ Il est possible d’avoir plusieurs administrateurs sur une même démarche. Cel
|
|||
|
||||
**Nous conseillons vivement à chaque administrateur de nommer un co-administrateur pour assurer une gestion continue de la démarche.**
|
||||
|
||||
|
||||
|
||||
|
||||
## Comment ajouter un autre administrateur sur votre démarche ?
|
||||
|
||||
|
|
|
|||
|
|
@ -17,21 +17,21 @@ Cliquez sur le bouton **« Clore »** situé à droite de la démarche.
|
|||
|
||||
Bien que l’accès à la démarche soit restreint, les dossiers déjà déposés ne sont pas affectés et leur instruction peut se poursuivre normalement.
|
||||
|
||||
|
||||
|
||||
|
||||
## Informer les usagers accédant à la démarche close
|
||||
|
||||
Un usager qui suit un lien vers la démarche sera informé qu’elle est close. Cependant au moment de la clôture vous pouvez indiquer quelle démarche la remplace (nous le redigerons vers celle-ci), ou la raison pour laquelle est close.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Comment prévoir la clôture automatique d’une démarche ?
|
||||
|
||||
Si vous anticipez la clôture de votre démarche à une date et/ou heure spécifique, il est possible de programmer cette clôture. Rendez-vous dans l’onglet **« Présentation »** de votre démarche, section **« Options avancées »**, pour définir les paramètres de clôture automatique.
|
||||
|
||||
|
||||
|
||||
|
||||
Lorsqu’une démarche se clôture automatiquement, tous les dossiers en construction passent automatiquement au statut *« en instruction »* à la date limite de dépôt des dossiers.
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ title: "Comment comprendre mon tableau de bord administrateur ?"
|
|||
|
||||
Votre tableau de bord présente l'ensemble de vos démarches, classées en 4 catégories :
|
||||
|
||||
|
||||
|
||||
|
||||
## Publiées
|
||||
|
||||
|
|
|
|||
|
|
@ -22,6 +22,6 @@ Une démarche déclarative est une démarche pour laquelle certaines étapes de
|
|||
|
||||
Pour configurer une démarche comme déclarative, accédez à la partie **« Présentation »** de la démarche depuis le tableau de bord administrateur. En bas de la page, dans l’onglet **« Options avancées »**, sélectionnez l’option souhaitée (*« En instruction »* ou *« Accepté »*) et enregistrez les modifications.
|
||||
|
||||
|
||||
|
||||
|
||||
Vous avez la possibilité de revenir en arrière ou de modifier le type de démarche déclarative à tout moment, même après publication.
|
||||
|
|
|
|||
|
|
@ -22,6 +22,6 @@ Pour mettre en place la clôture automatique :
|
|||
1. Accédez à l’onglet « _Présentation_ » de votre démarche depuis le tableau de bord administrateur.
|
||||
2. Dans les « _Options avancées_ », recherchez le champ intitulé « _Date limite de dépôt des dossiers_ » et renseignez la date souhaitée.
|
||||
|
||||
|
||||
|
||||
|
||||
**Attention** : Si vous fixez la date de clôture au « 14 septembre », la fin de dépôt des dossiers sera effective le **14 septembre à 23h59 (heure de Paris)**.
|
||||
|
|
|
|||
|
|
@ -53,8 +53,8 @@ Pour cela, utilisez les balises HTML, identifiées par les caractères `<` et `>
|
|||
|
||||
Exemple dans la description de la démarche :
|
||||
|
||||
|
||||
|
||||
|
||||
Rendu côté usager :
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -35,18 +35,18 @@ Bien évidemment, avant de tester la démarche, il faut l’avoir créé. Pour c
|
|||
Vous devez commencer par cette étape afin de tester le parcours d’un usager pour déposer un dossier. De plus, sans dossier déposé, vous ne pourrez pas tester les fonctionnalités relatives à l’instruction.
|
||||
|
||||
1. Utilisez le bouton **« Tester la démarche »** (ou suivez le lien de la démarche), accessibles depuis votre interface administrateur. Toute personne ayant connaissance du lien pourra remplir des dossiers test sur votre démarche qui seront supprimés plus tard.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
2. Commencez à remplir votre dossier en suivant le bouton **« Commencer la démarche »**.
|
||||
|
||||
|
||||
|
||||
3. Après avoir complété le dossier et éventuellement testé les fonctionnalités dédiées à l'interface usagers (invitation à compléter un dossier…), cliquez sur **« Déposer le dossier »** pour finaliser le dépôt et voir le message de confirmation de dépôt.
|
||||
|
||||
|
||||
|
||||
Une fois votre dossier de test déposé, un message de confirmation de dépôt sera affiché :
|
||||
|
||||
|
||||
|
||||
|
||||
N’hésitez pas à [transmettre le lien vers la démarche test à vos collègues](/faq/administrateur/faire-tester-une-demarche-par-un-collegue) afin qu’ils puissent la tester et vous transmettre leur retour. Gardez à l’esprit que **tous les dossiers déposés pendant le test seront supprimés** lorsque la démarche sera modifiée ou publiée.
|
||||
|
||||
|
|
@ -56,17 +56,17 @@ Vous avez déposé à l’étape précédente un premier dossier. Rendez-vous d
|
|||
|
||||
Passez à l’interface instructeur via le lien [%{application_base_url}/procedures](/procedures) ou en changeant de profil depuis le menu en haut à droite en cliquant sur votre adresse email.
|
||||
|
||||
|
||||
|
||||
|
||||
⚠️ **Vous devez être instructeur de la démarche pour accéder aux dossiers déposés**. Par défaut, en tant que créateur de la démarche (administrateur), vous êtes instructeur de celle-ci. Si vous ne testez pas vous-même cette partie, ajoutez votre collaborateur en tant qu’instructeur.
|
||||
|
||||
Vous arrivez alors sur l’interface instructeur. Il vous suffit de cliquer sur l’onglet **« En test »** puis suivez le lien de votre démarche avec un dossier **« à suivre »** .
|
||||
|
||||
|
||||
|
||||
|
||||
Trouvez le dossier à suivre, puis testez l’instruction du dossier.
|
||||
|
||||
|
||||
|
||||
|
||||
Voici le tutoriel pour instruire un dossier en tant qu’instructeur : [Tutoriel Instructeur](https://doc.demarches-simplifiees.fr/tutoriels/tutoriel-instructeur)
|
||||
|
||||
|
|
@ -89,7 +89,7 @@ En cas d’erreur et/ou en fonction des retours de vos collègues suite à la ph
|
|||
Après avoir minutieusement testé votre démarche, il est temps de la rendre accessible à tous en la publiant.
|
||||
|
||||
1. **Accédez au tableau de bord administrateur** de votre démarche et cliquez sur le bouton **« Publier »** situé en haut à droite.
|
||||
|
||||
|
||||
|
||||
2. **Personnalisez le lien** du formulaire pour le diffuser plus facilement à vos usagers. Cette étape vous permet de simplifier l’accès à votre démarche.
|
||||
|
||||
|
|
|
|||
|
|
@ -25,11 +25,11 @@ Dans cette situation, vous pouvez partager directement votre démarche avec votr
|
|||
|
||||
Votre collègue trouvera alors une copie de votre démarche dans ses démarches « En test ».
|
||||
|
||||
|
||||
|
||||
|
||||
## Recherche dans « Toutes les démarches »
|
||||
|
||||
Vous pouvez également rechercher la démarche depuis la page « _Toutes les démarches_ », où il est possible de filtrer les démarches par zones, statut, SIRET ou tags, y compris celles avec moins de 30 dossiers déposés.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -20,19 +20,19 @@ Imaginez une situation où l’usager doit saisir plusieurs fois une commune. L
|
|||
## Comment configurer un bloc répétable ?
|
||||
|
||||
1. Sélectionnez comme type de champ le **« Bloc répétable »** et ajoutez son libellé. Dans notre exemple ce sera *Localisation*.
|
||||
|
||||
|
||||
|
||||
2. Renseignez les différents champs à inclure au sein de ce bloc répétable en cliquant sur **« Ajouter un champ »** à l’intérieur du bloc. Vous pouvez ajouter tous les types de champ (texte, zone de texte, entier, etc…)
|
||||
Dans l’exemple d’une liste de communes, l’administrateur ajoute donc le champ « Commune » mais d’autres champs pourraient être ajoutés.
|
||||
|
||||
|
||||
|
||||
## Comment fonctionne-t-il pour l’usager ?
|
||||
|
||||
- L’usager voit le champ répétable, vide par défaut, et peut cliquer sur **« Ajouter un élément »** pour saisir une nouvelle instance du bloc.
|
||||
|
||||
|
||||
|
||||
- Après avoir ajouté un élément, il peut continuer à ajouter de nouvelles valeurs aussi souvent que nécessaire.
|
||||
|
||||
|
||||
|
||||
- Si nécessaire, l’usager a la possibilité de supprimer un élément précédemment ajouté.
|
||||
|
||||
|
|
|
|||
|
|
@ -20,4 +20,4 @@ Pour chaque démarche, les dossiers sont répartis dans plusieurs onglets :
|
|||
|
||||
Notez qu’**un dossier peut être suivi par plusieurs instructeurs**. Vous pourrez donc retrouver les dossiers que vous ne suivez pas dans l’onglet **au total**. La somme des onglets *à suivre*, *suivis* et *traités* n’est donc pas nécessairement égale au nombre affiché *au total*.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ title: "Comment ajouter un justificatif lors de l’acceptation d’un dossier"
|
|||
|
||||
Lorsque vous acceptez, refusez ou classez sans suite un dossier, il est possible de joindre un document après avoir indiqué la raison derrière ce choix.
|
||||
|
||||
|
||||
|
||||
|
||||
## Note importante
|
||||
|
||||
|
|
|
|||
|
|
@ -21,25 +21,25 @@ Pour appliquer un filtre à une liste de dossiers :
|
|||
4. Sélectionnez ensuite la valeur à filtrer.
|
||||
5. Cliquez enfin sur **« Ajouter le filtre »**.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Appliquer plusieurs filtres
|
||||
|
||||
Vous pouvez appliquer plusieurs filtres à une même liste. Quand vous appliquez des filtres sur des **types de champs différents**, les dossiers affichés sont ceux qui correspondent à **tous les filtres**.
|
||||
|
||||
|
||||
|
||||
|
||||
Quand vous appliquez des filtres sur les **mêmes types de champs**, les dossiers affichés sont ceux qui correspondent à **l’une ou l’autre des valeurs**.
|
||||
|
||||
|
||||
|
||||
|
||||
## Appliquer un filtre à une date
|
||||
|
||||
Pour appliquer un filtre sur une colonne de date, rentrez la date au format « JJ/MM/AAAA ».
|
||||
|
||||
|
||||
|
||||
|
||||
## Conseils sur les filtres
|
||||
|
||||
|
|
@ -49,4 +49,4 @@ Pour appliquer un filtre sur une colonne de date, rentrez la date au format « J
|
|||
|
||||
En complément, vous pouvez également utiliser le bouton **« Personnaliser le tableau »** afin d’avoir une idée des informations du dossier avant de l’instruire.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -19,10 +19,10 @@ Il suffit de configurer vos notifications pour recevoir un email. En effet, pour
|
|||
|
||||
Pour paramétrer vos notifications en tant qu’instructeur, vous devez cliquer sur la démarche pour laquelle vous souhaitez recevoir l’email, puis cliquer sur **« Gestion des notifications »** :
|
||||
|
||||
|
||||
|
||||
|
||||
Sélectionnez les notifications que vous souhaitez recevoir par email et cliquez sur le bouton **« Enregistrer »** :
|
||||
|
||||
|
||||
|
||||
|
||||
**Il est nécessaire de répéter cette opération pour chaque démarche pour laquelle vous souhaitez recevoir des notifications par email.**
|
||||
|
|
|
|||
|
|
@ -58,10 +58,10 @@ Pour compléter un dossier, [connectez-vous sur votre espace %{application_name}
|
|||
|
||||
Pour commencer un nouveau dossier sur une démarche déjà réalisée, [connectez-vous](/users/sign_in) et cliquez sur **« Actions »** puis **« Commencer un autre dossier vide »**.
|
||||
|
||||
|
||||
|
||||
|
||||
### Si le bouton "Commencer un autre dossier vide" n’est pas affiché cela signifie que la démarche a été clôturée.
|
||||
|
||||
Pour connaitre le nouveau lien vers la démarche en ligne, nous vous invitons à contacter le service en charge de la démarche. Vous trouverez les informations de contact en bas du formulaire dans la partie **« Poser une questions sur la démarche »** (en cliquant sur le numéro de dossier).
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -11,4 +11,4 @@ title: "Comment déposer un autre dossier pour une même démarche ?"
|
|||
|
||||
Pour commencer un nouveau dossier sur une démarche que vous avez déjà réalisée, cliquez sur le bouton **« Actions »** du dossier correspondant à la démarche que vous souhaitez faire. Sélectionnez enfin le bouton **« Commencer un autre dossier vide »**.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@ En tant qu’usager, vous avez la possibilité de dupliquer un dossier existant
|
|||
|
||||
Pour cela, il vous suffit de cliquer sur le bouton **« Dupliquer ce dossier »** depuis le menu déroulant **« Actions »** situé à droite du dossier concerné :
|
||||
|
||||
|
||||
|
||||
|
||||
Votre nouveau dossier sera alors automatiquement prérempli avec les informations et les pièces justificatives déjà transmises lors du dépôt de votre précédent dossier.
|
||||
|
||||
|
||||
|
||||
|
||||
Vous avez la possibilité de :
|
||||
|
||||
|
|
|
|||
|
|
@ -22,10 +22,10 @@ Pour changer l’adresse email associée à votre compte, suivez les étapes sui
|
|||
|
||||
1. [Connectez-vous](/users/sign_in) à votre compte sur %{application_name} ;
|
||||
2. Cliquez sur le menu contenant votre adresse email en haut à droite de la page, puis sur _« Voir mon profil »_, ou [suivez directement ce lien si vous êtes déjà connecté(e)](/profil).
|
||||
|
||||
|
||||
|
||||
3. Dans l’encadré _« Coordonnées »_, renseignez la nouvelle adresse email que vous souhaitez utiliser. Puis cliquez sur _« Changer mon adresse »_. **Attention** : Cette adresse ne doit pas être déjà utilisée par un autre compte sur %{application_name}.
|
||||
|
||||
|
||||
|
||||
4. Ouvrez la boîte email de votre nouvelle adresse, et cliquez sur le lien de confirmation que nous vous avons envoyé.
|
||||
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@ Pour contacter les services en charge de votre démarche, vous pouvez :
|
|||
|
||||
Pour cela, suivez le lien **« Messagerie »** depuis le dossier concerné, et envoyez-leur un message.
|
||||
|
||||
|
||||
|
||||
|
||||
2. Contacter **les services compétents aux contacts renseignés pour la démarche**
|
||||
|
||||
Si des contacts d’adresse email ou numéro de téléphone sont spécifiés pour la démarche que vous suivez, vous pouvez les utiliser pour obtenir des renseignements supplémentaires ou pour toute question spécifique concernant votre dossier.
|
||||
Ces informations se retrouvent dans le pied de page du dossier.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -15,17 +15,17 @@ Lorsque vous remplissez un formulaire sur %{application_name}, les informations
|
|||
|
||||
Si vous souhaitez terminer de remplir le formulaire plus tard, **il suffit de fermer la page du formulaire**. Lorsque vous retournerez sur %{application_name}, vous pourrez reprendre votre démarche là où vous l’avez laissée.
|
||||
|
||||
|
||||
|
||||
|
||||
## Comment reprendre mon formulaire plus tard ?
|
||||
|
||||
Si vous avez déjà commencé à remplir une démarche, vous pouvez retrouver votre dossier déjà rempli. Pour cela :
|
||||
|
||||
1. Connectez-vous à %{application_name}, utilisez votre identifiant et votre mot de passe, ou bien FranceConnect.
|
||||
|
||||
|
||||
|
||||
2. Dans [la liste de vos dossiers](/dossiers), **cliquez sur le dossier en brouillon** que vous souhaitez reprendre. Vous pouvez également faire une **recherche par numéro de dossier, mots-clés ou en filtrant par démarches**.
|
||||
|
||||
|
||||
|
||||
Vous pouvez alors reprendre votre formulaire là où vous l’aviez laissé en cliquant sur le bouton **« Continuer à remplir »**. Une fois que vous avez rempli le formulaire, cliquez sur **« Déposer le dossier »** pour l’envoyer à l’administration.
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ Pour contacter les services en charge de votre démarche, vous pouvez :
|
|||
|
||||
Pour cela, il vous suffit de cliquer sur le lien **« Messagerie »** depuis le dossier concerné.
|
||||
|
||||
|
||||
|
||||
|
||||
N’oubliez pas de cliquer sur le bouton **« Envoyer le message »**.
|
||||
|
||||
|
|
@ -25,4 +25,4 @@ Pour contacter les services en charge de votre démarche, vous pouvez :
|
|||
|
||||
La messagerie peut être désactivée lorsque le dossier est archivé ou fait l’objet d’une décision finale. Dans ce cas, vous pouvez contacter le service grâce aux informations de contact situées en bas du formulaire.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@ En tant qu’usager, vous avez la possibilité de modifier l’identité associ
|
|||
|
||||
Pour modifier votre dossier en brouillon, il suffit de cliquer sur le dossier concerné puis de cliquer sur le bouton _« Mon identité »_ situé à droite de l’écran comme ci-dessous :
|
||||
|
||||
|
||||
|
||||
|
||||
Vous pourrez ensuite modifier votre identité depuis le bouton _« Modifier l’identité »_ :
|
||||
|
||||
|
||||
|
||||
|
||||
## Le dossier est en "construction"
|
||||
|
||||
|
|
@ -27,11 +27,11 @@ Une fois votre dossier déposé, il devient _en construction_ (tant que l’admi
|
|||
|
||||
Pour cela, cliquez sur le bouton _« Modifier le dossier »_ depuis la liste de vos dossiers.
|
||||
|
||||
|
||||
|
||||
|
||||
Après avoir cliqué sur l’onglet _« Demande »_, suivez le lien _« Modifier l’identité »_ comme ci-dessous :
|
||||
|
||||
|
||||
|
||||
|
||||
## Le dossier a un autre statut
|
||||
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@ Vous devez **contacter la personne qui a déposé le dossier** et lui demander d
|
|||
|
||||
Pour cela, la personne doit cliquer sur le bouton **« Action »** (ou _« Autres actions »_), situé à droite du dossier depuis son interface :
|
||||
|
||||
|
||||
|
||||
|
||||
Et ensuite cliquer sur **« Transférer le dossier »** en indiquant votre adresse mail.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -19,6 +19,11 @@ RSpec.describe Redcarpet::TrustedRenderer do
|
|||
markdown = ""
|
||||
expect(renderer.render(markdown)).to include('<img alt="A cute cat" loading="lazy" src="http://example.com/cat.jpg" />')
|
||||
end
|
||||
|
||||
it 'renders additional attribute' do
|
||||
markdown = ""
|
||||
expect(renderer.render(markdown)).to include('<img alt="A cute cat" loading="lazy" aria-hidden="true" src="http://example.com/cat.jpg" />')
|
||||
end
|
||||
end
|
||||
|
||||
context 'when autolinking' do
|
||||
|
|
|
|||
Loading…
Reference in a new issue