Usager·e·s

Découvrez comment l'écosystème Osuny peut vous permettre de construire puis utiliser un site sobre, accessible et élégant, qui soit à l'image de votre structure.

Droits réservés : Photo by Mitchell Luo on Unsplash

Table des matières

Créer un site web avec Osuny

Osuny est une solution idéale pour créer un site web adapté à vos besoins. Fort d'un code soigné et d'une communauté de professionnels investis, vous pouvez être accompagné à chaque étape de création et de développement. L'article en lien a été écrit par Yuna Orsini et Arnaud Levy, et publié sur le site de la coopérative noesya.

Comment passer à l'action

Passer à l'action

Comment déployer Osuny ?

Budgets

Comprendre les coûts initiaux et récurrents de la solution

Réseau

Solliciter des personnes engagées sur tout le territoire

Exemples

Découvrir des sites produits avec Osuny

Osuny as a Service

Utiliser le back-office mutualisé, sécurisé et efficace écologiquement

Informations techniques

Découvrir les détails d'implémentation

Schéma

Comprendre visuellement l'architecture du système

Nous considérons l'accessibilité numérique comme une nécessité. Osuny permet de produire facilement des sites entièrement accessibles aux personnes en situation de handicap. Chaque site Osuny s'appuie en effet sur un socle technique testé et audité par la société Temesis en octobre 2024 : son taux de conformité au RGAA (Référentiel Général d'Amélioration de l'Accessibilité) version 4.1 est de 100%. L'équipe de développement front Osuny a été formée et certifiée au développement de sites Web accessibles par la société Access42.

Actions et résultats

  • Respect des standards français et internationaux

    Le balisage HTML d'Osuny est très respectueux des standards du W3C, du Référentiel Général d'Amélioration de l'Accessibilité (RGAA) et des Web Content Accessibility Guidelines (WCAG). L'accessibilité est entièrement prise en compte dans le développement de nouvelles fonctionnalités, des mises à jour et dans l'intégration des sites.

  • Choix de design accessibles

    Les choix de design intégrés au thème Osuny présentent notamment des contrastes et des tailles de texte conformes au RGAA et aux WCAG.

  • Pas de surcouche cassant l’accessibilité

    Les préférences utilisateurs et utilisatrices sont respectées, il n'y a pas de surcouche risquant de casser l'accès à l'information. La navigation au clavier permet de parcourir l'intégralité des contenus. Le balisage HTML sémantique assure une bonne structure de l'information. Des tests avec les lecteurs d'écran VoiceOver et NVDA sont régulièrement réalisés.

  • Aide à la contribution accessible

    Par ailleurs, le back-office est doté de conseils et d'alertes afin de faciliter la mise en accessibilité des contenus. L'espace d'administration avertit en effet et informe des contributions qui pourraient présenter des problèmes d'accessibilités : transcription manquante, alternative manquante... Pour respecter un plan de document correct, la hiérarchie des titres est gérée automatiquement en fonction des contenus. lab.noesya.coop/publications/2023-12-07-accessibilite-numerique-un-bon-plan/ (lien externe)

  • Formation de l’équipe

    Olivia Simonet et Alexis Benoit, qui composent l'équipe front d'Osuny, ont suivi la formation et obtenu la certification "Développer des sites web accessibles et conformes au RGAA" délivrée par Access42.

    formations.access42.net/formations/formation-developpement-accessible (lien externe)

  • Audit d’accessibilité numérique : le thème Osuny est à 100% conforme au RGAA

    Les sites s'appuient sur un socle technique HTML et CSS  audité par Temesis en octobre 2024, avec un taux de conformité de 100% au RGAA version 4.1.

    https://www.osuny.org/actualites/2025-01-07-accessibilite-conformite-a-100-pour-le-socle-front-osuny/ (lien externe) (lien externe)

    developers.osuny.org/docs/audit/accessibilite/audit-socle/ (lien externe)

Osuny est pensé et codé pour minimiser son impact écologique. D'abord par son architecture : un espace d'administration centralisé hébergé sur une infrastructure française qui s'ajuste en fonction de la charge, qui génère des sites statiques que l'on peut héberger au plus près du besoin sur des serveurs très peu puissants. Ensuite, par la qualité du code des sites : traitement optimisé et automatisé des images, pages légères, aucune dépendance CSS, très peu de JavaScript, très grande rétro-compatibilité.

Osuny est conçu, depuis sa création, avec d'excellents designers. Le thème Hugo qui sert de socle a été conçu avec Takumi Kobayashi (CMJNRVB) et Anthony Ferretti (Collectif BAM, Praticable). L'espace d'administration a été imaginé par Denis Fongue et Violenn Simon, avec les superbes typographies Adelphe (Eugénie Bidaut) et Inclusive Sans (Olivia King). Les designers (Ctrl S, Hey Low, Matter of fact...) peuvent s'appuyer sur le thème pour donner de la personnalité à chaque site, tout en bénéficiant de la robustesse technique.

La souveraineté, concrètement, c'est la capacité à opérer de façon autonome.
Dans le cadre d'Osuny, il s'agit d'une souveraineté française et européenne.
Pour parvenir à cette indépendance, notamment vis-à-vis des États-Unis, il a fallu choisir soigneusement chacune des dépendances technologiques. Cela implique des choix opérationnels et juridiques pour chaque brique : hébergement de l'espace d'administration, hébergement des sites, stockage des fichiers, mesure d'audience...

Les sites Web statiques n'utilisent pas de langage serveur ni de base de données. C'est à la fois facile à héberger et très rassurant, puisqu'il n'y a que très peu de composants à sécuriser. C'est une préconisation de l'ANSSI. Le back-office est lui aussi sécurisé : nous mettons en œuvre les bonnes pratiques évitant le Top Ten OWASP, notamment l'authentification multi-factorielle. Un audit de sécurité avec tests d'intrusion a été financé par la Région Nouvelle-Aquitaine et mené par la société Synacktiv fin 2023, et atteste du bon niveau de sécurité de l'application.