Dossier qualité Giggr. · PFE Hugo Girona

Aller au contenu
Giggr.

Audit Opquast

Conformité de Giggr aux bonnes pratiques Opquast : les 23 catégories du référentiel, au moins 2 règles vérifiées par catégorie, statut et commentaire.

Méthode

Les 23 catégories correspondent aux trois familles de filtres du référentiel Opquast (Assurance Qualité Web) : 14 thématiques (contenus, formulaires, images, liens, navigation, sécurité, structure et code…), 3 phases de projet (conception, développement, éditorial) et 6 mots-clés transversaux (accessibilité, bases, éco-conception, mobile, vie privée, SEO). Une même règle peut porter plusieurs de ces étiquettes.

Pour chaque catégorie applicable, au moins 2 règles conformes sont vérifiées sur Giggr. Chaque règle reçoit un statut : conforme, partiel, non conforme, non applicable ou à évaluer. Les statuts sont une pré-évaluation faite sur le code et sur l’environnement de recette (staging.giggr.be) ; l’audit est finalisé dans la plateforme Opquast, où les numéros de règles font foi.

Thématiques

Les 14 thématiques du référentiel, deux règles vérifiées chacune.

Conformité Opquast par thématique
Thématique Règles vérifiées Statut Commentaire
Contenus R6 date de publication · R3 métadonnées de description conforme Les annonces affichent leur date (R6) ; chaque page porte une meta description (R3).
Formulaires R69 étiquettes · R85 message de confirmation conforme Chaque champ a une étiquette associée (composants x-form). Le contact confirme par « Message envoyé ! ».
Images et médias R118 alternative (image informative) · R116 image décorative conforme Images informatives avec alt (« Photo de … ») ; décoratives en aria-hidden ou alt vide.
Liens R137 libellés explicites · R142 internes/externes différenciés conforme Libellés parlants (« Voir le profil »…). Le lien produit externe est signalé (icône, nouvel onglet).
Navigation R155 retour à l’accueil · R157 page active identifiable conforme Logo vers l’accueil partout (R155) ; élément de menu actif mis en évidence (R157). Écart à corriger : pas de fil d’ariane (R156).
Structure et code R233 encodage UTF-8 · R234 titres hiérarchisés conforme Encodage UTF-8 déclaré ; hiérarchie de titres sans saut (voir section Code HTML).
Sécurité R197 HTTPS partout · R205 mots de passe jamais en clair conforme Tout le site en HTTPS (en-tête nosniff présent). Mots de passe hachés (bcrypt), jamais transmis ni stockés en clair.
Serveur et performances R223 page 404 personnalisée · R226 compression conforme Page 404 dédiée (errors/404). Le serveur renvoie les contenus en gzip (en-tête content-encoding).
Internationalisation R130 langue déclarée · R132 changement de langue signalé conforme Site fr/en/nl, <html lang> renseigné, sélecteur avec hreflang et libellés explicites.
Données personnelles R15 politique de confidentialité · R27 échanges sécurisés conforme Politique de confidentialité accessible depuis le pied de page partout. Consentement RGPD aux formulaires, HTTPS.
Identification et contact R103 titre de page · R107 deux moyens de contact conforme Titre propre à chaque page (R103) ; contact via formulaire et réseaux sociaux (R107). Écart à corriger : pas d’adresse postale ni de téléphone (R105).
Présentation R140 liens différenciés visuellement · R181 information pas par la couleur seule conforme Liens soulignés et distincts du texte (R140) ; l’information ne repose pas sur la couleur seule (R181). Le contraste (R182) est mesuré en Accessibilité.
Newsletter Inscription · désinscription non applicable Giggr ne propose pas d’inscription à une newsletter.
E-commerce Panier · paiement · prix non applicable Giggr est une plateforme gratuite, sans vente en ligne.

Phases du projet

Les 3 phases, illustrées par des règles conformes vérifiées plus haut.

Conformité Opquast par phase de projet
Phase Règles vérifiées Statut Commentaire
Conception R155 retour accueil · R140 liens différenciés conforme Modèle de navigation cohérent et liens lisibles dès la conception.
Développement R233 encodage UTF-8 · R234 structure de titres conforme Code propre : encodage déclaré, structure sémantique, repères ARIA (voir Code HTML).
Éditorial R6 dates de publication · R137 libellés de liens conforme Contenus datés là où c’est utile, intitulés de liens explicites.

Mots-clés transversaux

Les 6 mots-clés, rattachés à deux règles conformes chacun.

Conformité Opquast par mot-clé transversal
Mot-clé Règles vérifiées Statut Commentaire
Accessibilité R118 alternatives · R69 étiquettes conforme Alt sur les images, étiquettes de champs, structure de titres (voir Accessibilité).
Bases R233 encodage UTF-8 · R130 langue déclarée conforme Encodage UTF-8, doctype HTML5, langue déclarée, titre propre à chaque page.
Éco-conception R226 compression · R119 vignettes non surdimensionnées conforme Compression gzip ; vignettes redimensionnées côté serveur (pas de grande image réduite par le navigateur), WebP, lazy-loading.
Mobile R186 taille des cibles tactiles · R193 zoom non bloqué conforme Cibles cliquables d’au moins 44px ; viewport sans blocage du zoom ; mise en page responsive, menu mobile dédié.
Vie privée R15 politique · R27 échanges sécurisés conforme Politique de confidentialité partout, consentement RGPD aux formulaires, HTTPS.
SEO R103 titre de page · R3 meta description conforme Titre et meta description par page, sitemap multilingue généré et testé.

Synthèse

Sur les 23 catégories, 21 ressortent conformes avec au moins deux règles validées chacune, et 2 sont non applicables (e-commerce, newsletter, absentes de Giggr). Les écarts résiduels sont ciblés et signalés dans les commentaires : absence de fil d’ariane (R156) et d’adresse postale ou téléphone (R105). Ce sont les pistes de correction prioritaires.

Voir aussi l’accessibilité et le code HTML.