FR EN

La Boîte à Outils Numérique Responsable

Version beta | Institut du Numérique Responsable

Catégorie Front-End  (53 / 281)

Front-End

Arneo

Offre une analyse environnementale de votre site web.

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Aro

Application Resource Optimizer (ARO) est un outil de diagnostic pour analyser les performances des applications web mobiles, développé par AT&T.

#Web   #Mobile  

Découvrir  

Front-End

Audit rgaa

Kit permettant de se lancer dans des audits RGAA

#Accessibilité   #RGAA  

Découvrir  

Front-End

Checkmycolor

Outil permettant de vérifier les combinaisons de couleurs de premier plan et d'arrière-plan de tous les éléments du DOM et de déterminer s'ils offrent un contraste suffisant lorsqu'ils sont vus par une personne présentant des déficiences pour visualiser l'ensemble des couleurs.

#Accessibilité  

Découvrir  

Front-End

Coldcms

Un CMS construit pour des performances écologiques. ColdCMS est un projet Django basé sur Wagtail CMS et Bulma Cadre CSS. L'administrateur peut éditer des sites Web via une interface intuitive et conviviale. Différents types de pages sont préconçus, ce qui permet avoir un beau site web sans...

#CMS   #Framework  

Découvrir  

Front-End

Color safe

Permet de créer une charte graphique en suivant les recommandations du WCAG.

#Accessibilité   #WCAG  

Découvrir  

Front-End

Contrastradio

Permet de tester le ratio de contraste entre deux couleurs. L'outil donne des indications sur le niveau de conformité qui peut potentiellement être obtenu avec ce jeu de couleurs. Pour obtenir un niveau d’accessibilité AA : rapport de contraste minimal de 4,5:1. Pour un niveau AAA : rapport...

#Accessibilité   #Contraste  

Découvrir  

Front-End

Dareboost

Testez, analysez et optimisez votre site web

#Web   #Performance  

Découvrir  

Front-End

Darkpatterns

Les darkpatterns sont des astuces utilisées dans les sites Web et les applications qui vous font faire des choses que vous n'aviez pas l'intention de faire, comme acheter ou vous inscrire à quelque chose. Le but de ce site est de sensibiliser et de faire honte aux entreprises qui les utilisent.

#Référentiel   #Dark Patterns  

Découvrir  

Front-End

Eco meter

Offre une liste de bonnes pratiques implémentées ou non par la page testée.

#Outils web   #Bonnes Pratiques  

Découvrir  

Front-End

Ecocode

Evaluez et améliorez l’impact environnemental et social des applications mobiles par analyse automatique du code source (plugin SonarQube)

#Mobile   #Plugin  

Découvrir  

Front-End

Ecograder

Permet d'évaluer à quel point votre site web est vert

#Outils web   #Empreinte Carbone   #Index  

Découvrir  

Front-End

Ecoindex

EcoIndex est un service gratuit qui fournit à la communauté un moyen simple d’évaluer la performance environnementale atteinte par un site web / service en ligne au regard de paramètres techniques objectifs : nombre d’éléments du DOM, nombre de requêtes HTTP, poids de l’URL (Ko...

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Kastor.green

Audit d'écoconception pour les sites et les applications web dans le cadre du numérique responsable et du green IT. L'audit est basé sur le GR491, le Guide de Référence de Conception Responsable de Services Numériques créé par l'INR, l'Institut du Numérique Responsable

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Ecometer

Ecometer permet la mesure automatisée du niveau d’écoconception d’une page web

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Energy profiler

Energy Profiler vous aide à trouver où votre application utilise plus d'énergie que nécessaire

#Energie   #Mobile  

Découvrir  

Front-End

Energy smells (android)

Catalogue de code smells dédiés à l'énergie pour les apps Android

#Mobile   #Android  

Découvrir  

Front-End

Google amp

Cette page proposée par Google permet de tester si la page de votre site web dispose des technologies AMP, format de publication en ligne permettant d’accélérer l’affichage des pages sur les terminaux mobiles.

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Google richtxt

Permet de tester la compatibilité avec les résultats enrichis. Cette fonctionnalité permet de garantir un référencement dans les moteurs de recherche de manière enrichie pour favoriser un affichage équitable de votre page au regard des autres pages. Il permet également une meilleure...

#Web   #SEO  

Découvrir  

Front-End

Greenframe

Calculateur gratuit pour vous aider à évaluer l'impact de votre site Web sur la planète.

#Empreinte Carbone   #Web   #Calculatrice  

Découvrir  

Front-End

Greenspector

GreenSpector propose un outils permettant d'évaluer l'éfficacité d'un site internet sur périphérique mobile, la vitesse et l'impact sur la batterie sont pris en compte

#Empreinte Carbone   #Web   #Mesure   #Mobile  

Découvrir  

Front-End

Gt metrix

GTmetrix est un outil qui permet d’évaluer les performances web d’un site, notamment en tenant des comptes des critères Core Web Vitals liés à l’expérience utilisateur, qui sont devenus des critères pris en compte dans l’algorithme de Google.

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Https everywhere

HTTPS Everywhere est une extension Firefox, Chrome et Opera qui crypte les communications avec de nombreux sites Web ce qui rend la navigation plus sécurisée.

#Data Privacy   #Navigateur  

Découvrir  

Front-End

Ionos

Analyse de site web qui offre une évaluation de premier niveau concernant le respect des enjeux de sécurité, de vitesse de chargement des pages et des recommandations d'UX pour l'affichage et la visibilité.

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Learn accessibility

Pour apprendre a bien comprendre les enjeux et les problématiques d'accessibilité.

#Accessibilité   #S'informer  

Découvrir  

Front-End

Low web

Extension qui vous aide à réduire la consommation d'énergie et l'empreinte carbone de votre navigation sur Internet.

#Outil   #Plugin  

Découvrir  

Front-End

Node.js ecoindex

Un code node.js pour calculer l'ecoindex de votre page web.

#Mesure   #Code   #Ecoindex  

Découvrir  

Front-End

Page speed insights

Permet d'améliorer la vitesse de chargement de vos pages sur tous les appareils.

#Empreinte Carbone   #Web   #Mesure   #Performance  

Découvrir  

Front-End

Pingdom

Pingdom offre une analyse de la disponibilité et des performances d'un site Web : surveillance de la disponibilité, des performances et des interactions du site Web.

#Empreinte Carbone   #Web   #Mesure  

Découvrir  

Front-End

Privacy bager

Privacy Badger permet de bloquer automatiquement les traqueurs invisibles.

#Data Privacy   #Outils Bureautique   #Navigateur  

Découvrir  

Front-End

Qualscan

Un outil ILC pour exécuter plusieurs plugins afin de vérifier la qualité de votre projet Javascript.

#Code   #Simulateur  

Découvrir  

Front-End

Simulateur d'ecoindex

Petit simulateur pour déterminer les axes néxessaires à l'éco-conception de vos sites web.

#Mesure   #Index  

Découvrir  

Front-End

Susty

Susty est un thème WordPress super léger appelé Susty. Il a été conçu pour montrer à quel point un site WordPress peut être petit (seulement 6 Ko de transfert de données, ou 7 avec Yoast !).Expérimentation de minimalisme, le but de ce thème est de fournir juste assez de code pour...

#CMS   #Framework   #WordPress  

Découvrir  

Front-End

Uptrends

Teste la vitesse d'un site ineternet.

#Web   #Mesure  

Découvrir  

Front-End

Wave webaim

Outil d'évaluation de l'accessibilité d'un site web.

#Accessibilité   #Web   #Mesure  

Découvrir  

Front-End

Web page test

Permet de tester la performance d'un site web avec une évaluation des éléments de sécurité, de cache, de CDN, d'optimisation des images, de compression des transferts etc.

#Empreinte Carbone   #Web   #Mesure   #CDN  

Découvrir  

Front-End

Webaccessibility

Test et API pour evaluer l'accessibilité d'un site web externe ou interne

#Accessibilité   #API  

Découvrir  

Front-End

Greenit-analysis

GreenIT-Analysis est une extension pour navigateur qui vous permet de quantifier les impacts environnementaux d'un parcours utilisateur complet, même derrière un firewall et / ou une authentification applicative. L'outil vérifie également l'utilisation de bonnes pratiques visant à diminuer...

#Empreinte Carbone   #Bonnes Pratiques   #Outils web  

Découvrir  

Front-End

Device co2 calculator v4

Feuille Excel permettant l'évaluation de l'empreinte carbone des terminaux numériques

#Empreinte Carbone   #Bilan Carbone   #Terminaux   #Device   #Calculatrice  

Découvrir  

Front-End

Designgouv

Une sélection d’outils pour vous accompagner dans l’amélioration de l’accessibilité et du design de vos sites et applications web.

#Médiation Numérique   #Design  

Découvrir  

Front-End

Tanaguru

Tanaguru Engine, vérifiez le niveau d’accessibilité d’une page, d’un site ou d’un processus d’achat se fait en quelques clics dans l’application. Tanaguru Engine la première étape vers une conformité au RGAA, c’est la solution open source pour auditer l’accessibilité de vos...

#Accessibilité  

Découvrir  

Front-End

Yellow labs tools

Outil en ligne ou à installer permettant de mesurer d'abord les performances d'une page web. Il donne des indications d'améliorations possibles favorables également pour réduire l'impact environnemental des services numériques.

#Web   #Mesure   #Bonnes Pratiques  

Découvrir  

Front-End

Assistant rgaa

Assistant RGAA est une extension de navigateur pour Firefox et Chrome. L'extension propose la liste complète des critères et tests des référentiels RGAA 3.0 2016 & 2017 ainsi que des référentiels 4.0 & 4.1, le référentiel général d'accessibilité pour les administrations de l'État...

#Accessibilité   #RGAA   #Outils   #Conformité  

Découvrir  

Front-End

Axe dev tools

ax DevTools® est une solution de test d'accessibilité automatisée et guidée pour les développeurs de composants, les développeurs front-end, les développeurs d'applications mobiles natives et les ingénieurs de test qui vous permet de trouver et de corriger facilement 76 à 84 % des erreurs...

#Accessibilité   #RGAA   #Outils   #Conformité  

Découvrir  

Front-End

Axe auditor

ax Auditor® est une solution de test d'accessibilité manuel pour les spécialistes des tests d'accessibilité qui vous permet d'optimiser vos tests d'accessibilité, votre suivi et vos rapports avec des conseils pas à pas et la création de rapports. Sur la base des tests d'accessibilité The...

#Accessibilité   #RGAA   #Outils   #Conformité   #Audit  

Découvrir  

Front-End

Caudron

Framework Front-End HTML, CSS et Javascript entièrement accessible pour la création d'applications Web et mobiles.

#Framework   #Web   #Mobile   #Accessibilité  

Découvrir