[mwai_chatbot id=”chatbot-gq6ftq”]
[mwai_chatbot id=”default”] [mwai_discussions]document-7
document-4

document1

sfsdfsdf
[qrpopup id=”info1″]

Bienvenue !
Ce QR code ouvre une fenêtre avec ce message.
[/qrpopup] [qrpopup id=”codepromo”]
Code Promo Exclusif
Utilise le code PROMO2025 à la caisse.
[/qrpopup]
document
Hyphenopoly
HyphenationfornodeandPolyfillforclient–sidehyphenation.
View the Project on GitHub mnater/Hyphenopoly
Inthebrowser–Hyphenopoly_Loader.js&Hyphenopoly.js
Innode.js–hyphenopoly.module.js
Specialusecases
- Webpack, using hyphenopoly.module.js
- Webpack, using Hyphenopoly_Loader.js
- Hyphenate depending on media queries
- Set .focus() while Hyphenopoly is running
- Words containing special format characters
- Hyphenate HTML-Strings using using hyphenopoly.module.js
- Usage of .wasm Modules outside Hyphenopoly
- Syllabification (german only)
ImplementationDetails
Develop
Mode d’emploi
Introduction
Accessdoc permet de rendre rapidement accessible une ressource pédagogique.
Scan, photocopie, PDF image inaccessible, document illisible, mal structuré, images floues, le parcours du combattant pour un élève malvoyant, non-voyant ou dyslexique.
Adapter un cours peut nécessiter un long et laborieux travail si l’on n’est pas un spécialiste. Il est souvent nécessaire de récupérer un texte illisible, de le remettre en forme, le restructurer, de décrire des schémas, de reconstruire des formules scientifiques….
Accessdoc utilise l’intelligence artificielle, actuellement openAI, mais va basculer sur Mistral (très performant). Tous les modèles sont intégrables.
Vous avez la possibilité de traiter un document dans son ensemble (texte et images), en un clic (en conservant ou non les images). Vous pouvez également traiter certaines parties du document (tableau, texte, image, graphique).
Vous gardez toujours la main pour modifier le document !
Vous êtes enseignant, transcripteur spécialisé, vous êtes amenés à adapter des ressources pédagogiques, vos retours sont les bienvenus pour faire avancer le projet. Prenez un peu de temps pour renseigner ce formulaire
Principales fonctionnalités
Import/export
- Vous pouvez importer des .docx, .odt, PDF, images
Remarque: lorsque vous importez un PDF il est analysé, si c’est un PDF “image” il est restitué sous forme d’images, il faut procéder à l’OCR du contenu. - Possibilité de prendre en photo un document via votre smartphone
- Vous pouvez enregistrer votre travail sur Accessdoc
- Vous pouvez exporter en .docx, .epub, .HTML, .PDF
- Vous pouvez copier/coller du contenu dans Accessdoc à partir d’une autre source.
Accessdoc permet de:
- Récupérer simplement du texte à partir d’un scan, d’une image, d’une photo de manuel scolaire. Les formules scientifiques sont automatiquement reconnues et transformées en LateX
- Décrire une image sélectionnées, ou toutes les images présentes dans la zone d’édition. Pour une image comportant plusieurs graphiques, vous pouvez sélectionner une zone de l’image
- Si votre image représente un tableau vous pouvez en extraire un tableau structuré et accessible
- Il est parfois plus facile pour un tableau complexe d’en avoir une version linéaire (sous forme de description, de listes).
- Il est possible de transformer des données en tableau structuré sans avoir recours à un logiciel de bureautique
Envie d’agir de manière plus personnalisée sur une partie du document? Vous pouvez générer une requête personnalisée !
Et les graphiques
Pour un élève malvoyant il est souvent nécessaire de redessiner un schéma, un organigramme… Accessdoc permet de générer une version vectorielle et nette d’un schéma, courbe, illisibles pour lui.
3 options
- Transformer un graphique illisible depuis une images en une version plus claire
- Décrire un graphique, courbe… en une version linéaire (description avec listes) ce qui peut être largement suffisant pour un élève non-voyant.
- Transformer une description de diagramme, de courbe, en une version graphique
Accessdoc est également votre compagnon d’accessibilité
Lorsque vous travaillez sur la zone d’édition vous aurez régulièrement des points d’information à proximité de points qui peuvent souvent poser problème.
Images non décrites, en-têtes de tableaux manquants, texte écrit en majuscules, problème de hiérarchie des titres, absence de liste qui permet de mieux structurer…
D’un point de vue sémantique un autre bouton permet de lister des problèmes d’accessibilité liés aux consignes, aux contenus des images, à l’orthographe…Vous pouvez avec Accessdoc créer votre propre bibliothèque de requêtes et vos propres boutons. Par exemple si vous souhaitez régulièrement résumer un passage de document, traduire en anglais, transformer un texte en formulaire à compléter…
Aller un peu plus loin
Importer un élément
Sélectionnez un document ou une image depuis votre disque dur.
Si vous importez un PDF une première analyse est effectuée.
- Si c’est un PDF image, les pages sont restituées sous forme d’images, vous pouvez appliquer la fonction OCR.
Pour les autres vous avez 2 options:

- Si c’est un PDF mal structuré il vaut mieux le transformer en images et procéder à l’OCR ensuite.
- Si c’est un PDF plutôt bien structuré vous pouvez en extraire le contenu directement.
Pour insérer une image directement vous pouvez également cliquer sur la zone d’édition puis sur l’icône représentant une image (importation d’une image).

Vous pouvez également copier/coller du contenu depuis une autre source (navigateur, Word…)
Vous pouvez sauvegarder votre travail, indiquez un titre à votre document, pensez à mettre à jour. Vous le retrouverez lors de votre prochaine visite.
Exporter
Vous pouvez exporter votre document (formats PDF, DOCX, EPUB, HTML)
OCR
Cliquez sur une image, puis sur ce bouton, récupérez le contenu de manière structurée et corrigée.

Celui-ci permet de récupérer le texte et les images contenus dans l’image principale! Pensez à améliorer et recadrer le document si besoin avec les fonctions suivantes.
Recadrer, améliorer une image de document

Grâce à ce bouton vous pouvez retourner l’image (90° à chaque clic)

Ce bouton permet de recadrer et améliorer la luminosité et le contraste de votre document (s’il est pris en photo par exemple).
Un exemple avec une photographie d’une feuille au format A4

Clique sur l’image puis sur le bouton de recadrage, une fenêtre s’ouvre avec l’image et une prévisualisation avec vos réglages

Cadrez la feuilles A4 à l’aide des 4 poignets, réglez la luminosité et le contraste puis validez.
L’image est à présent plus adaptée pour en récupérer le texte et/ou les images contenues (vous pouvez essayer d’en extraire le texte et les images avec le bouton suivant

Description d’images
Cliquez sur une image puis sur ce bouton. Vous obtenez une description détaillée ainsi qu’un exemple d’attribut alt.
Cliquez sur ce bouton afin d’avoir une description détaillée de toutes les images.
Description automatique pour les non-voyants (attribut Alt)
Lorsque vous insérez une image par défaut elle ne possède souvent pas d’attribut Alt renseigné, vous avez alors une alerte. Il est possible également que cet attribut soir bien présent mais mal renseigné.

Lorsque vous survolez la petite icône d’alerte vous verrez s’afficher ces informations sur l’attribut Alt

Vous pouvez renseigner manuellement les informations ou bien générer tous les attributs Alt de toutes vos images.
Sélectionner une partie d’image
- Insérez une image

2. Cliquez sur le bouton

3. Cliquez sur le bouton “Sélectionner une zone” puis sur l’image

4. Une fois votre sélection faite cliquez sur le bouton “Valider”
La zone sélectionnée sera analysée et la réponse insrée sous l’image.
Les mathématiques
Lorsque vous importez un document Word avec des formules mathématiques, elles sont conservées (en LateX).
Lorsque vous traitez une image comportant des mathématiques (même manuscrites), les formules sont reconnues (en Latex).
Les formules sont mises en évidences, vous pouvez les modifier en cliquant dessus, vous pouvez vous aider d’un clavier virtuel si vous ne connaissez pas le LaTeX

Vous pouvez insérer des zones de formules avec le bouton situé à droite du menu de l’éditeur:

Un petit carré apparaît à l’endroit où vous allez écrire une formule. Cliquez sur ce carré pour éditer le contenu (directement en LaTeX ou avec le clavier virtuel), validez par ok lorsque vous avez terminé.

Remarque : les formules sont conservées lors de l’export vers DOCX (formules WORD) ou HTML (Formules via MathJax)
Les tableaux de données
Image de tableau vers tableau structuré HTML
Exemple

Résultat (le tableau est extrait de l’image):
| ECHEANCE | DATE | CAPITAL RESTANT | DU MENSUALITE | DONT CAPITAL | DONT INTERETS |
|---|---|---|---|---|---|
| 1 | 1/2015 | 39580.58 | 539.42 | 419.42 | 120.00 |
| 2 | 2/2015 | 39159.91 | 539.42 | 420.68 | 118.74 |
| 3 | 3/2015 | 38737.97 | 539.42 | 421.94 | 117.48 |
| 4 | 4/2015 | 38314.76 | 539.42 | 423.20 | 116.21 |
| 5 | 5/2015 | 37890.29 | 539.42 | 424.47 | 115.00 |
| 6 | 6/2015 | 37464.54 | 539.42 | 425.75 | 113.67 |
| 7 | 7/2015 | 37037.52 | 539.42 | 427.02 | 112.40 |
| 8 | 8/2015 | 36609.21 | 539.42 | 428.31 | 111.11 |
| 9 | 9/2015 | 36179.62 | 539.42 | 429.59 | 109.83 |
| 10 | 10/2015 | 35748.74 | 539.42 | 430.86 | 108.55 |
| 11 | 11/2015 | 35316.57 | 539.42 | 432.17 | 107.25 |
| 12 | 12/2015 | 34883.10 | 539.42 | 433.47 | 105.95 |
| 13 | 1/2016 | 34448.33 | 539.42 | 434.77 | 104.65 |
| 14 | 2/2016 | 34012.26 | 539.42 | 436.07 | 103.35 |
| 15 | 3/2016 | 33574.88 | 539.42 | 437.38 | 102.04 |
Tableau structuré HTML vers tableau décrit.
Le tableau précédent (lignes et colonnes) devient linéaire:
Échéances de paiement
Détails des paiements
Échéance 1
Date : 1/2015
Capital restant : 39580.58
Du mensualité : 539.42
Dont capital : 419.42
Dont intérêts : 120.00
Échéance 2
Date : 2/2015
Capital restant : 39159.91
Du mensualité : 539.42
Dont capital : 420.68
Dont intérêts : 118.74
Échéance 3
….
Données vers tableau structuré
Insérez des données brutes et transformez-les en un tableau HTML.
Requêtes personnalisées
Saissez vore demande, sélectionnez une image, puis validez !
Par exemple : je veux une description en 1 phrase de cette image.
Saissez vore demande, sélectionnez du texte, puis validez !
Par exemple: traduis moi ce texte en anglais.
Diagrammes, graphiques, courbes, histogrammes…
Image de diagramme vers diagramme vectoriel (plus lisible).
Sélectionnez l’image d’un diagramme puis cliquez sur le bouton.

Résultat

Vous pouvez modifier les données MERMAID :
xychart-beta title "Minutes par semaine par groupe d'âge" x-axis ["0 à 10 ans", "11 à 20 ans", "21 à 30 ans", "Plus de 30 ans"] y-axis "Minutes" 0 --> 250 bar [200, 180, 190, 50]
Pour en savoir plus sur le language MERMAID : sur ce lien
Description linéaire du diagramme
Par exemple

Résultat
Graphique des minutes par semaine par groupe d’âgeAxe des Y
Les valeurs vont de 0 à 240 minutes.
Axe des X
Les groupes d’âge sont : 0 à 10 ans, 11 à 20 ans, 21 à 30 ans, et plus de 30 ans.
Données des groupes d’âge0 à 10 ans : 200 minutes11 à 20 ans : 180 minutes21 à 30 ans : 160 minutesPlus de 30 ans : 40 minutesDescription des barres
Le graphique est constitué de barres verticales représentant chaque groupe d’âge. La barre pour le groupe d’âge 0 à 10 ans est la plus haute, suivie par celle des 11 à 20 ans, puis celle des 21 à 30 ans, et enfin la plus basse pour le groupe des plus de 30 ans.
Transformer automatiquement une description de diagramme en version graphique !
Exemple:
un cercle à gauche contenant le texte cercle 1, relié à 3 losanges à droite, contenant les textes, losange 1, losange 2, losange 3, ces 3 losanges étant reliés à un même carré avec le texte carré 1. Les éléments qui les relient sont des flèches en pointillées, bi directionnelles
Résultat:

Traitement en 1 clic de tout un document
Analyse de l’ensemble de votre document : les images sont remplacées par des descriptions.
Analyse de l’ensemble de votre document : des descriptions sont insérées sous chaque image.
Accessibilité
Accessibilité numérique
Remarque : si les icônes de signalement d’erreurs vous gênent dans la zone d’édition vous pouvez les cacher en cliquant sur le chiffre (17 ici).

Lorsque vous travaillez dans la zone d’édition vous verrez ces vignettes, elles permettent de localiser rapidement des problèmes d’accessibilité numérique (type pages Web et RGAA)

Ici un certain nombre d’images n’ont pas d’attribut “ALT” défini.
L’attribut alt des images est essentiel pour plusieurs raisons :
✅ Accessibilité : Permet aux lecteurs d’écran de décrire l’image aux personnes malvoyantes.✅ SEO : Aide les moteurs de recherche à comprendre le contenu de l’image et améliore le référencement.✅ Affichage en cas d’erreur : Si l’image ne se charge pas, le texte alt est affiché à la place.
⚡ Bonnes pratiques :
- Décrire brièvement le contenu de l’image.
- Éviter les textes du type “image123.png”.
- Si l’image est purement décorative, laisser
alt=""pour qu’elle soit ignorée par les lecteurs d’écran.
🔹 Exemple :
<img src="chat.jpg" alt="Un chat noir assis sur un canapé">
Accessdoc vous permet de générer des descriptions d’image détaillées avec également une proposition d’attribut alt.
Utilisez (1 image sélectionnée) ou
(toutes les images)
Où placer cet attribut ALT ?
Cliquez droit sur une image


Collez la description alternative dans le champ correspondant (ou laissez vide si l’image est purement décorative).
Accessibilité des contenus (sémantique)
Cette fonctionnalité permet de traiter l’ensemble du document et va lister:
Sous chaque image une revue des problèmes potentiels d’accessibilité du contenu de l’image pour un élève mal ou non voyant.
En fin de document: une liste assez détaillée de tous les problèmes potentiels rencontrés dans le document (consigne mal adaptée, orthographe, complexité particulière…)
Notions de température
La température contrôle le niveau de créativité et de diversité des réponses :
🔥 Température élevée (ex: 0.8 – 1)→ Réponses plus variées, créatives et imprévisibles.→ Idéal pour la génération de contenu original (histoire, brainstorming…).
❄️ Température basse (ex: 0 – 0.3)→ Réponses plus déterministes et précises.→ Utilisé pour des tâches nécessitant de la rigueur (résumé, traduction, Q&A…).
🔹 Exemple :
- Température 0.2 → “Paris est la capitale de la France.”
- Température 1.0 → “Paris, une ville lumineuse au riche passé historique, est la capitale de la France !”
En gros, plus la température est basse, plus la réponse est factuelle et prévisible. Plus elle est haute, plus il devient créative et spontanée !
Mes boutons personnalisés
Vous avez défini une requête sur vos documents que vous utlisez souvent, qui vous fournit une réponse adéquate. Afin d’éviter de devoir la réécrire, générez un bouton qui exécutera cette requête. Il sera sauvegardé dans le menu de ce bouton.

Vous n’aurez plus qu’à sélectionner un texte (ou une image, ou un tableau) afin d’exécuter votre requête (cliquez sur le bouton généré).
Usage et compte
En phase de prototypage Accessdoc est gratuit, une majeure partie le restera. Des modèles gratuits d’IA seront utilisés, ainsi que des conversions de PDF.
document12

document12

premier doc

xychart-beta title "Catégories de livres de la BCD" x-axis [1, 2, 3, 4, 5, 6, 7, 8] y-axis "Pourcentage (%)" 0 --> 40 bar [30, 20, 15, 25, 35, 10, 5, 20] bar [25, 15, 10, 20, 30, 5, 0, 15]
