FR EN

La Boîte à Outils Numérique Responsable

Version beta | Institut du Numérique Responsable

Catégorie Front-End  (52 / 250)

Front-End

Arneo

Offre une analyse environnementale de votre site web.

#Empreinte   #Web   #Mesure  

Voir l'outil  

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  

Voir l'outil  

Front-End

Audit rgaa

Kit permettant de se lancer dans des audits RGAA

#Accessibilité   #RGAA  

Voir l'outil  

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é  

Voir l'outil  

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   #Lowtech  

Voir l'outil  

Front-End

Color safe

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

#Accessibilité   #WCAG  

Voir l'outil  

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  

Voir l'outil  

Front-End

Dareboost

Testez, analysez et optimisez votre site web

#Web   #Performance  

Voir l'outil  

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.

#Referentiel   #Dark Patterns   #darkpattern  

Voir l'outil  

Front-End

Eco meter

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

#Eval. Web   #Bonnes pratiques   #  

Voir l'outil  

Front-End

Ecocode

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

#Mobile   #SonarQube  

Voir l'outil  

Front-End

Ecograder

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

#Eval. Web   #Empreinte   #Index  

Voir l'outil  

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   #Web   #Mesure  

Voir l'outil  

Front-End

Ecometer

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

#Empreinte   #Web   #Mesure  

Voir l'outil  

Front-End

Energy profiler

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

#Energie   #Mobile  

Voir l'outil  

Front-End

Energy smells (android)

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

#Mobile   #Android  

Voir l'outil  

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   #Web   #Mesure  

Voir l'outil  

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  

Voir l'outil  

Front-End

Greenframe

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

#Empreinte   #Web   #Calculatrice  

Voir l'outil  

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   #Web   #Mesure   #Mobile  

Voir l'outil  

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   #Web   #Mesure  

Voir l'outil  

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  

Voir l'outil  

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   #Web   #Mesure  

Voir l'outil  

Front-End

Learn accessibility

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

#Accessibilité  

Voir l'outil  

Front-End

Low web

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

#Outil  

Voir l'outil  

Front-End

Node.js ecoindex

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

#Mesure  

Voir l'outil  

Front-End

Page speed insights

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

#Empreinte   #Web   #Mesure   #Performance  

Voir l'outil  

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   #Web   #Mesure  

Voir l'outil  

Front-End

Privacy bager

Privacy Badger permet de bloquer automatiquement les traqueurs invisibles.

#Data Privacy   #Outil Bureautique   #Navigateur  

Voir l'outil  

Front-End

Qualscan

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

#Qualité de Code  

Voir l'outil  

Front-End

Simulateur d'ecoindex

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

#Mesure   #Index  

Voir l'outil  

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   #Lowtech   #Wordpress  

Voir l'outil  

Front-End

Uptrends

Teste la vitesse d'un site ineternet.

#Web   #Mesure  

Voir l'outil  

Front-End

Wave webaim

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

#Accessibilité   #Web   #Mesure  

Voir l'outil  

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   #Web   #Mesure   #CDN  

Voir l'outil  

Front-End

Webaccessibility

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

#Accessibilité   #API  

Voir l'outil  

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...

#Impacts   #Empreinte CO2   #Bonnes pratiques  

Voir l'outil  

Front-End

Device co2 calculator v4

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

#Empreinte   #CO2   #Terminaux   #Device   #Calculatrice  

Voir l'outil  

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   #Front-end  

Voir l'outil  

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é   #  

Voir l'outil  

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  

Voir l'outil  

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é   #RGGA   #Outils   #Recommandation   #Conformité  

Voir l'outil  

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é   #RGGA   #Outils   #Recommandation   #Conformité  

Voir l'outil  

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é   #RGGA   #Outils   #Recommandation   #Conformité   #Audit  

Voir l'outil  

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é  

Voir l'outil