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