Diagnostic Accessibilité

Diagnostic d'Accessibilité

Conformité WCAG 2.1 AA et navigation inclusive

Score d'Accessibilité

Basé sur les critères WCAG 2.1 AA

67%

À améliorer

Problèmes Détectés
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

aria-labels
MEDIUM

Étiquettes ARIA manquantes sur certains composants

Ajouter aria-label aux boutons d'icônes et éléments interactifs

[aria-label], [aria-labelledby]
focus-visible
MEDIUM

Indicateurs de focus manquants sur certains éléments

Définir des styles :focus-visible pour tous les éléments interactifs

button, a
alt-text
HIGH

Images sans attribut alt

Ajouter des textes alternatifs descriptifs à toutes les images

img[src*='logo']
contrast-ratio
MEDIUM

Contraste insuffisant pour le texte secondaire

Utiliser une couleur plus foncée (ex: #6B7280 au lieu de #9CA3AF)

.text-gray-500
contrast-ratio
MEDIUM

Contraste insuffisant sur certains éléments

Augmenter le contraste des textes secondaires

Principes WCAG 2.1

Perceptible

L'information doit être présentée de façon à pouvoir être perçue

Contraste des couleurs
Textes alternatifs
Sous-titres

Utilisable

Les composants d'interface doivent être utilisables

Navigation au clavier
Pas de crises d'épilepsie
Temps suffisant

Compréhensible

L'information doit être compréhensible

Langue de la page
Instructions claires
Messages d'erreur

Robuste

Le contenu doit être assez robuste pour être interprété

Code valide
Compatible lecteurs d'écran
Technologies standards
Besoin d'aide ? 🚀