Test d'Évaluation du Burnout Professionnel
Test d’Évaluation du Burnout Professionnel
:root { —primary-color: #4a6bda; —secondary-color: #f0f4ff; —success-color: #10b981; —warning-color: #f59e0b; —danger-color: #ef4444; —text-color: #333; —light-gray: #f3f4f6; —border-color: #e0e0e0; }
- {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, ‘Open Sans’, ‘Helvetica Neue’, sans-serif;
line-height: 1.6;
color: var(—text-color);
background-color: #fafafa;
padding: 20px;
}
.container {
max-width: 800px;
margin: 0 auto;
background-color: white;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
padding: 30px;
}
h1 {
text-align: center;
color: var(—primary-color);
margin-bottom: 20px;
font-weight: 700;
}
h2, h3 {
color: var(—primary-color);
margin: 20px 0 10px;
}
.privacy-notice {
background-color: var(—secondary-color);
padding: 15px;
border-radius: 6px;
margin-bottom: 20px;
font-size: 0.9em;
}
.privacy-notice strong {
color: var(—primary-color);
}
p {
margin-bottom: 15px;
}
ul {
margin-bottom: 15px;
padding-left: 20px;
}
li {
margin-bottom: 5px;
}
.section {
display: none;
}
.section.active {
display: block;
}
.button-container {
margin: 20px 0;
text-align: center;
}
.action-button {
background-color: var(—primary-color);
color: white;
border: none;
padding: 12px 24px;
font-size: 16px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s;
font-weight: 600;
margin: 0 5px;
}
.action-button:hover {
background-color: #3a55c5;
}
.action-button:disabled {
background-color: #c3c9d9;
cursor: not-allowed;
}
.progress-container {
width: 100%;
margin: 20px 0;
}
.progress-bar {
height: 8px;
background-color: #e2e8f0;
border-radius: 4px;
overflow: hidden;
}
.progress-fill {
height: 100%;
background-color: var(—primary-color);
transition: width 0.3s ease;
}
.progress-text {
text-align: center;
font-size: 0.9em;
margin-top: 5px;
color: #666;
}
.options {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0;
}
.option-label {
display: flex;
align-items: center;
width: 48%;
margin-bottom: 10px;
padding: 10px;
background-color: var(—light-gray);
border-radius: 4px;
transition: background-color 0.2s;
}
.option-label:hover {
background-color: #e2e8f0;
}
input[type=“radio”] {
margin-right: 8px;
}
.question-container {
background-color: white;
padding: 20px;
border-radius: 6px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
border: 1px solid var(—border-color);
}
.section-header {
background-color: var(—secondary-color);
color: var(—primary-color);
border-left: 4px solid var(—primary-color);
}
.score-section {
margin-bottom: 25px;
}
.score-bar {
height: 12px;
background-color: #e2e8f0;
border-radius: 6px;
overflow: hidden;
margin: 10px 0;
}
.score-fill {
height: 100%;
transition: width 0.5s ease;
}
.score-fill.low {
background-color: var(—success-color);
}
.score-fill.moderate {
background-color: var(—warning-color);
}
.score-fill.high {
background-color: var(—danger-color);
}
.overall-interpretation {
padding: 20px;
border-radius: 6px;
margin: 20px 0;
border-left: 4px solid #e0e0e0;
}
.recommendations {
background-color: var(—light-gray);
padding: 20px;
border-radius: 6px;
margin: 25px 0;
}
.recommendation-item {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
}
.recommendation-item:before {
content: ”•”;
position: absolute;
left: 0;
color: var(—primary-color);
}
.sources {
font-size: 0.9em;
margin-top: 30px;
padding-top: 15px;
border-top: 1px solid var(—border-color);
}
/* Pour les appareils mobiles */
@media (max-width: 768px) {
.container {
padding: 15px;
}
.options {
flex-direction: column;
}
.option-label {
width: 100%;
}
}#Confidentialité et Protection des Données :
Ce test est entièrement privé et anonyme. Aucune donnée personnelle n’est collectée ou stockée. Vos réponses et résultats restent exclusivement sur votre appareil et ne sont pas transmis à des tiers. Ce test est fourni uniquement à titre informatif et d’auto-évaluation.Ce questionnaire est basé sur le Maslach Burnout Inventory (MBI), un outil scientifique validé et largement reconnu pour l’évaluation du burnout professionnel. Il mesure trois dimensions clés :L’épuisement émotionnel- La dépersonnalisation (cynisme)- La réduction de l’accomplissement personnelPour chaque affirmation, indiquez la fréquence à laquelle vous ressentez ce qui est décrit en utilisant l’échelle suivante :- 0 = Jamais- 1 = Quelques fois par an- 2 = Une fois par mois- 3 = Quelques fois par mois- 4 = Une fois par semaine- 5 = Quelques fois par semaine- 6 = Tous les joursNote importante : Ce test est un outil d’auto-évaluation et ne remplace pas une consultation avec un professionnel de santé. Si vous ressentez des signes de détresse psychologique, il est recommandé de consulter un médecin ou un psychologue.Commencer le testQuestion 1 sur 22Précédent
Suivant
Voir les résultats## Vos résultats### Épuisement émotionnelScore: / 54 -### DépersonnalisationScore: / 30 -### Accomplissement personnelScore: / 48 -### Recommandations### Sources et référencesCe test est basé sur le Maslach Burnout Inventory (MBI), développé par Christina Maslach et Susan E. Jackson. Il s’agit d’une adaptation à des fins d’auto-évaluation et de sensibilisation. Pour une évaluation professionnelle complète, veuillez consulter un professionnel de santé.Refaire le testdocument.addEventListener(‘DOMContentLoaded’, function() {
// Questions du test
const questions = [
// Section 1: Épuisement émotionnel
{ id: 1, text: “Je me sens émotionnellement vidé(e) par mon travail.”, category: “emotional_exhaustion” },
{ id: 2, text: “Je me sens épuisé(e) à la fin d’une journée de travail.”, category: “emotional_exhaustion” },
{ id: 3, text: “Je me sens fatigué(e) quand je me lève le matin et que je dois affronter une nouvelle journée de travail.”, category: “emotional_exhaustion” },
{ id: 4, text: “Travailler toute la journée représente vraiment une tension pour moi.”, category: “emotional_exhaustion” },
{ id: 5, text: “Je me sens usé(e) par mon travail.”, category: “emotional_exhaustion” },
{ id: 6, text: “Je me sens frustré(e) par mon travail.”, category: “emotional_exhaustion” },
{ id: 7, text: “J’ai l’impression de travailler trop dur.”, category: “emotional_exhaustion” },
{ id: 8, text: “Travailler en contact direct avec les gens me stresse trop.”, category: “emotional_exhaustion” },
{ id: 9, text: “J’ai l’impression d’être au bout du rouleau.”, category: “emotional_exhaustion” },
// Section 2: Dépersonnalisation
{ id: 10, text: “J’ai l’impression de traiter certains collègues/clients comme s’ils étaient des objets impersonnels.”, category: “depersonalization” },
{ id: 11, text: “Je suis devenu(e) plus insensible aux autres depuis que j’occupe ce poste.”, category: “depersonalization” },
{ id: 12, text: “Je crains que ce travail ne m’endurcisse émotionnellement.”, category: “depersonalization” },
{ id: 13, text: “Je ne me soucie pas vraiment de ce qui arrive à certains collègues/clients.”, category: “depersonalization” },
{ id: 14, text: “J’ai l’impression que mes collègues/clients me rendent responsable de certains de leurs problèmes.”, category: “depersonalization” },
// Section 3: Accomplissement personnel
{ id: 15, text: “Je comprends facilement ce que mes collègues/clients ressentent.”, category: “personal_accomplishment” },
{ id: 16, text: “Je m’occupe efficacement des problèmes de mes collègues/clients.”, category: “personal_accomplishment” },
{ id: 17, text: “J’ai une influence positive sur la vie des autres personnes à travers mon travail.”, category: “personal_accomplishment” },
{ id: 18, text: “Je me sens plein(e) d’énergie.”, category: “personal_accomplishment” },
{ id: 19, text: “Je crée facilement une atmosphère détendue avec mes collègues/clients.”, category: “personal_accomplishment” },
{ id: 20, text: “Je me sens stimulé(e) après avoir travaillé avec mes collègues/clients.”, category: “personal_accomplishment” },
{ id: 21, text: “J’ai accompli beaucoup de choses qui en valent la peine dans ce travail.”, category: “personal_accomplishment” },
{ id: 22, text: “Dans mon travail, je traite les problèmes émotionnels très calmement.”, category: “personal_accomplishment” }
];
// Options de réponse
const options = [
{ value: 0, text: “Jamais” },
{ value: 1, text: “Quelques fois par an” },
{ value: 2, text: “Une fois par mois” },
{ value: 3, text: “Quelques fois par mois” },
{ value: 4, text: “Une fois par semaine” },
{ value: 5, text: “Quelques fois par semaine” },
{ value: 6, text: “Tous les jours” }
];
// Éléments du DOM
const introSection = document.getElementById(‘intro-section’);
const questionsSection = document.getElementById(‘questions-section’);
const resultsSection = document.getElementById(‘results-section’);
const questionContainer = document.getElementById(‘question-container’);
const progressFill = document.getElementById(‘progress-fill’);
const progressText = document.getElementById(‘progress-text’);
// Boutons
const startButton = document.getElementById(‘start-button’);
const prevButton = document.getElementById(‘prev-button’);
const nextButton = document.getElementById(‘next-button’);
const resultsButton = document.getElementById(‘results-button’);
const restartButton = document.getElementById(‘restart-button’);
// Variables globales
let currentQuestion = 0;
let answers = Array(questions.length).fill(null);
// Gestionnaires d’événements
startButton.addEventListener(‘click’, startTest);
prevButton.addEventListener(‘click’, showPrevQuestion);
nextButton.addEventListener(‘click’, showNextQuestion);
resultsButton.addEventListener(‘click’, showResults);
restartButton.addEventListener(‘click’, restartTest);
// Démarrer le test
function startTest() {
introSection.classList.remove(‘active’);
questionsSection.classList.add(‘active’);
showQuestion(currentQuestion);
updateProgressBar();
}
// Afficher une question
function showQuestion(index) {
questionContainer.innerHTML = ”;
// Ajouter un titre de section si nécessaire
if (index === 0) {
const sectionHeader = document.createElement(‘div’);
sectionHeader.className = ‘section-header’;
sectionHeader.innerHTML = ’### Section 1 : Épuisement émotionnel
’;
questionContainer.appendChild(sectionHeader);
} else if (index === 9) {
const sectionHeader = document.createElement(‘div’);
sectionHeader.className = ‘section-header’;
sectionHeader.innerHTML = ’### Section 2 : Dépersonnalisation
’;
questionContainer.appendChild(sectionHeader);
} else if (index === 14) {
const sectionHeader = document.createElement(‘div’);
sectionHeader.className = ‘section-header’;
sectionHeader.innerHTML = ’### Section 3 : Accomplissement personnel
’;
questionContainer.appendChild(sectionHeader);
}
// Créer la question
const questionElement = document.createElement(‘div’);
questionElement.innerHTML =
**Question ${index + 1}:** ${questions[index].text}; questionContainer.appendChild(questionElement); // Créer les options const optionsElement = document.createElement(‘div’); optionsElement.className = ‘options’; options.forEach(option => { const label = document.createElement(‘label’); label.className = ‘option-label’; const radio = document.createElement(‘input’); radio.type = ‘radio’; radio.name =question-${index}; radio.value = option.value; if (answers[index] !== null && parseInt(answers[index]) === option.value) { radio.checked = true; } radio.addEventListener(‘change’, function() { answers[index] = parseInt(this.value); updateButtonStates(); }); label.appendChild(radio); label.appendChild(document.createTextNode(option.text)); optionsElement.appendChild(label); }); questionContainer.appendChild(optionsElement); updateButtonStates(); } // Mettre à jour la barre de progression function updateProgressBar() { const progress = ((currentQuestion + 1) / questions.length) * 100; progressFill.style.width =${progress}%; progressText.textContent =Question ${currentQuestion + 1} sur ${questions.length}; } // Question précédente function showPrevQuestion() { if (currentQuestion > 0) { currentQuestion—; showQuestion(currentQuestion); updateProgressBar(); } } // Question suivante function showNextQuestion() { if (currentQuestion 0 ? ‘inline-block’ : ‘none’; const answerSelected = answers[currentQuestion] !== null; if (currentQuestion === questions.length - 1) { nextButton.style.display = ‘none’; resultsButton.style.display = ‘inline-block’; resultsButton.disabled = !answerSelected; } else { nextButton.style.display = ‘inline-block’; resultsButton.style.display = ‘none’; nextButton.disabled = !answerSelected; } } // Afficher les résultats function showResults() { // Calculer les scores const scores = calculateScores(); // Déterminer les niveaux const levels = determineRiskLevels(scores); // Afficher les scores document.getElementById(‘emotional-exhaustion-score’).textContent = scores.emotional_exhaustion; document.getElementById(‘depersonalization-score’).textContent = scores.depersonalization; document.getElementById(‘personal-accomplishment-score’).textContent = scores.personal_accomplishment; // Afficher les niveaux document.getElementById(‘emotional-exhaustion-level’).textContent = levels.emotional_exhaustion; document.getElementById(‘depersonalization-level’).textContent = levels.depersonalization; document.getElementById(‘personal-accomplishment-level’).textContent = levels.personal_accomplishment; // Régler les barres de progression const emotionalBar = document.getElementById(‘emotional-exhaustion-bar’); emotionalBar.style.width =${(scores.emotional_exhaustion / 54) * 100}%; emotionalBar.className =score-fill ${getClassForLevel(levels.emotional_exhaustion)}; const depersonalizationBar = document.getElementById(‘depersonalization-bar’); depersonalizationBar.style.width =${(scores.depersonalization / 30) * 100}%; depersonalizationBar.className =score-fill ${getClassForLevel(levels.depersonalization)}; const accomplishmentBar = document.getElementById(‘personal-accomplishment-bar’); accomplishmentBar.style.width =${(scores.personal_accomplishment / 48) * 100}%; accomplishmentBar.className =score-fill ${getClassForReverseLevel(levels.personal_accomplishment)}; // Interprétation globale const interpretation = getOverallInterpretation(levels); const interpretationText = document.getElementById(‘interpretation-text’); interpretationText.innerHTML = interpretation.text; document.getElementById(‘overall-interpretation’).style.borderLeftColor = interpretation.color; // Recommandations const recommendations = getRecommendations(levels); const recommendationsList = document.getElementById(‘recommendations-list’); recommendationsList.innerHTML = ”; recommendations.forEach(rec => { const item = document.createElement(‘div’); item.className = ‘recommendation-item’; item.innerHTML = rec; recommendationsList.appendChild(item); }); // Afficher la section des résultats questionsSection.classList.remove(‘active’); resultsSection.classList.add(‘active’); } // Calculer les scores function calculateScores() { const scores = { emotional_exhaustion: 0, depersonalization: 0, personal_accomplishment: 0 }; questions.forEach((question, index) => { if (answers[index] !== null) { scores[question.category] += answers[index]; } }); return scores; } // Déterminer les niveaux de risque function determineRiskLevels(scores) { const levels = {}; // Épuisement émotionnel if (scores.emotional_exhaustion 40) { levels.personal_accomplishment = “Faible”; } else if (scores.personal_accomplishment >= 34) { levels.personal_accomplishment = “Modéré”; } else { levels.personal_accomplishment = “Élevé”; } return levels; } // Classe CSS pour le niveau function getClassForLevel(level) { switch (level) { case “Faible”: return “low”; case “Modéré”: return “moderate”; case “Élevé”: return “high”; default: return ""; } } // Classe CSS pour le niveau inversé (accomplissement personnel) function getClassForReverseLevel(level) { switch (level) { case “Faible”: return “high”; case “Modéré”: return “moderate”; case “Élevé”: return “low”; default: return ""; } } // Interprétation globale function getOverallInterpretation(levels) { const highRiskCount = (levels.emotional_exhaustion === “Élevé” ? 1 : 0) + (levels.depersonalization === “Élevé” ? 1 : 0) + (levels.personal_accomplishment === “Élevé” ? 1 : 0); const moderateRiskCount = (levels.emotional_exhaustion === “Modéré” ? 1 : 0) + (levels.depersonalization === “Modéré” ? 1 : 0) + (levels.personal_accomplishment === “Modéré” ? 1 : 0); if (highRiskCount === 3) { return { text: “Risque élevé de burnout Vos résultats indiquent un risque significatif de burnout. Un niveau élevé d’épuisement émotionnel et de dépersonnalisation, combiné à un faible sentiment d’accomplissement personnel, suggère que vous pourriez être en situation de souffrance professionnelle importante. Il est fortement recommandé de consulter un professionnel de santé.”, color: “#ef4444” }; } else if (highRiskCount >= 2) { return { text: “Risque important de burnout Vos résultats indiquent un risque important de burnout. Plusieurs dimensions présentent des niveaux préoccupants. Il serait judicieux de prendre des mesures pour réduire votre stress professionnel et envisager de consulter un professionnel de santé.”, color: “#ef4444” }; } else if (highRiskCount === 1 || moderateRiskCount >= 2) { return { text: “Risque modéré de burnout Vos résultats indiquent un risque modéré de burnout. Certains signes d’épuisement professionnel sont présents. Il serait bon de prendre des mesures préventives et d’être attentif à l’évolution de votre situation.”, color: “#f59e0b” }; } else if (moderateRiskCount === 1) { return { text: “Risque léger de burnout Vos résultats indiquent un risque léger de burnout. Bien que la situation ne soit pas alarmante, certains signes méritent votre attention. Des mesures préventives peuvent être utiles.”, color: “#f59e0b” }; } else { return { text: “Risque faible de burnout Vos résultats indiquent un faible risque de burnout. Vous semblez avoir un bon équilibre professionnel et une bonne capacité à gérer le stress lié à votre travail. Continuez à prendre soin de vous et à maintenir cet équilibre.”, color: “#10b981” }; } } // Recommandations function getRecommendations(levels) { const recommendations = [ “Établissez des limites claires entre votre vie professionnelle et personnelle.”, “Pratiquez des techniques de gestion du stress comme la méditation ou la respiration profonde.”, “Prenez régulièrement des pauses pendant votre journée de travail.”, “Maintenez une alimentation équilibrée et une activité physique régulière.” ]; if (levels.emotional_exhaustion === “Élevé”) { recommendations.push(“Identifiez les principales sources d’épuisement émotionnel dans votre travail et cherchez des moyens de les réduire.”); recommendations.push(“Envisagez de prendre quelques jours de congé pour récupérer.”); } if (levels.depersonalization === “Élevé”) { recommendations.push(“Cherchez à redonner du sens à votre travail en vous reconnectant à vos valeurs et à votre motivation initiale.”); recommendations.push(“Partagez vos préoccupations avec des collègues de confiance ou rejoignez un groupe de soutien.”); } if (levels.personal_accomplishment === “Élevé”) { recommendations.push(“Fixez-vous des objectifs personnels réalistes et célébrez vos réussites, même les plus petites.”); recommendations.push(“Développez de nouvelles compétences qui pourraient vous apporter plus de satisfaction dans votre travail.”); } if (levels.emotional_exhaustion === “Élevé” && levels.depersonalization === “Élevé” && levels.personal_accomplishment === “Élevé”) { recommendations.unshift(“Consultez un professionnel de santé (médecin, psychologue) dès que possible pour discuter de votre situation.”); } return recommendations; } // Recommencer le test function restartTest() { currentQuestion = 0; answers = Array(questions.length).fill(null); resultsSection.classList.remove(‘active’); introSection.classList.add(‘active’); } console.log(‘Test de burnout initialisé avec succès’); });