Notre objectif
Brokaro doit pouvoir être utilisé si vous dépendez d’un lecteur d’écran, travaillez uniquement au clavier, agrandissez fortement la page ou percevez les couleurs différemment. La référence sur laquelle nous travaillons est constituée des Web Content Accessibility Guidelines (WCAG) 2.1, niveau AA — le même niveau que celui auquel renvoie la norme européenne EN 301 549 dans son édition actuellement harmonisée.
Il s’agit d’un objectif, pas d’un certificat. Ce site n’a pas fait l’objet d’un audit externe et il n’existe aucune évaluation de conformité réalisée par un tiers. Ce qui suit décrit l’état de notre propre mise en œuvre et de nos propres tests — y compris là où l’une et les autres présentent des lacunes.
La situation juridique
L’Acte européen sur l’accessibilité (directive (UE) 2019/882) s’applique depuis le 28 juin 2025 ; il a été transposé en Allemagne par le Barrierefreiheitsstärkungsgesetz (BFSG) et en Autriche par le Barrierefreiheitsgesetz (BaFG). Il ne couvre pas le web en tant que tel, mais une liste fermée de produits et de services. Pour un site comme celui-ci, une seule catégorie entre en ligne de compte : les « services de commerce électronique » — des services fournis à distance, par voie électronique et à la demande individuelle d’un consommateur en vue de conclure un contrat de consommation.
La question de savoir si ce site entre dans ce champ d’application dépend de deux questions. Toutes deux dépendent de l’exploitant ; aucune réponse générale n’est donc avancée ici :
- 1Un contrat est-il conclu ici ? Pas sur Brokaro : nous comparons et nous renvoyons par des liens, et le contrat de courtage est conclu entre vous et le courtier. Selon l’interprétation dominante, les offres purement informatives et comparatives qui ne concluent pas de contrat qui leur soit propre se situent en dehors du champ d’application. Cette interprétation n’est pas tranchée, et l’ajout de fonctions liées à la conclusion d’un contrat déplacerait la limite.
- 2L’exemption applicable aux microentreprises s’applique-t-elle ? Une entreprise qui occupe moins de dix personnes et dont soit le chiffre d’affaires annuel n’excède pas 2 millions EUR, soit le total du bilan annuel n’excède pas 2 millions EUR, est exemptée, en tant que prestataire de services, des exigences en matière d’accessibilité (Art. 4(5) de la directive, § 3(3) BFSG). L’exemption ne s’étend pas aux produits.
En Suisse, la loi sur l’égalité pour les handicapés ne lie que les organismes publics. Les prestataires privés sont soumis à une interdiction de discrimination, mais pas à une obligation générale de respecter les WCAG ; une extension aux services numériques privés fait l’objet d’une procédure législative et n’est pas en vigueur.
Remarque à l’attention de l’exploitant : cette déclaration est publiée indépendamment du fait qu’elle soit ou non
légalement requise. Le fait qu’elle le soit dépend de la taille de l’entreprise, de son siège et de la forme concrète du
service, et doit être soumis à un avocat. Si le service relève effectivement du BFSG, l’annexe 3,
n° 1 exige en outre une description de la manière dont le service satisfait aux exigences ainsi que le nom
de l’autorité de surveillance du marché compétente.
Ce qui est mis en œuvre
Tout ce qui suit est vérifiable dans le code source et a été contrôlé point par point avant la publication de cette déclaration :
- Structure des pages. Chaque page comporte les régions
header,nav,mainetfooteret exactement unh1. Le texte éditorial ne peut techniquement produire que des titres de niveauh2ou inférieur. - Lien d’évitement. La première pression sur Tab, sur n’importe quelle page, mène à « Aller au contenu », qui amène directement dans la région principale.
- Utilisation au clavier. Les éléments de commande sont des boutons, des liens ou des champs de formulaire ; ils sont donc utilisables au clavier sans travail supplémentaire. Le focus est toujours visible : un anneau de deux pixels avec décalage, qui franchit le seuil de contraste de 3:1 par rapport à chaque surface dans les deux modes de couleur.
- Boîtes de dialogue. Le menu mobile, le panneau de filtres sur les écrans étroits et la surcouche de recherche sont de véritables boîtes de dialogue (
role="dialog",aria-modal). Tab y est piégé, Échap les ferme, et le focus revient à l’élément qui les a ouvertes. - Recherche. Le champ de recherche est une combobox reliée à sa liste de résultats. Les touches fléchées permettent de parcourir les résultats et
aria-activedescendantindique lequel est actif. - Boutons sans texte. Les boutons composés uniquement d’une icône — fermer, menu, recherche, pagination, supprimer — portent un
aria-label, et le graphisme qu’ils contiennent est masqué aux lecteurs d’écran. - Tableaux. Chaque cellule d’en-tête du projet porte un attribut
scope. Le tableau des courtiers possède en outre une légende que seuls les lecteurs d’écran lisent. - Les notes sont du texte. Les étoiles et les jauges de note exposent leur valeur sous forme de texte — respectivement « 4,6 sur 5 étoiles » et « 4,6 sur 5 » ; le graphisme lui-même est masqué.
- Formulaires. Chaque champ de saisie possède un
labelassocié. Le texte d’aide est lié au champ pararia-describedby, et les groupes de filtres sont desfieldsetaveclegend. - Contraste. Le texte courant franchit le seuil de 4,5:1 sur chaque surface d’arrière-plan dans les deux modes de couleur ; le rapport le plus faible mesuré est de 4,55:1. Les couleurs de signalisation vives ne sont utilisées que comme éléments graphiques, car, en tant que texte sur une surface claire, elles se situeraient aux alentours de 2:1.
- Animations.
prefers-reduced-motionest respecté globalement : les animations, les transitions et le défilement fluide sont désactivés. - Images. Chaque image soit possède une alternative textuelle, soit est explicitement marquée comme décorative. Lorsqu’un monogramme remplace un logo de courtier manquant, la vignette est décorative et le nom du courtier figure à côté sous forme de texte.
- Les tableaux larges défilent dans leur propre conteneur ; la page elle-même ne défile jamais horizontalement, jusqu’à une fenêtre d’affichage de 375 pixels.
Les points relatifs aux titres, aux alternatives textuelles, au lien d’évitement et aux tableaux à défilement horizontal sont vérifiés automatiquement à chaque exécution des tests et font échouer cette exécution s’ils ne sont plus respectés.
Ce qui manque encore
Cette liste est délibérément complète plutôt que flatteuse :
- 1Aucun test avec de véritables technologies d’assistance. La mise en œuvre n’a pas été éprouvée avec NVDA, JAWS, VoiceOver ou TalkBack. Les contrôles automatisés détectent les défauts structurels, pas chaque annonce déroutante.
- 2Aucun audit externe et aucun examen systématique de l’ensemble des critères de succès WCAG 2.1 AA. Un certain nombre d’entre eux — agrandissement à 200 %, redistribution à 320 pixels, ordre du focus sur des pages entières — n’ont pas été testés de manière rigoureuse.
- 3Les tableaux à défilement horizontal ne sont pas des régions focalisables. Une personne travaillant uniquement au clavier ne peut, dans certains navigateurs, les faire défiler qu’en tabulant jusqu’à un lien qu’ils contiennent.
- 4~~La langue du document est fixée sur l’allemand.~~ Corrigé le 20 septembre 2026 : chaque page déclare désormais sa langue et son sens d’écriture sur le document lui-même — la version arabe sous la forme
<html lang="ar" dir="rtl">, la version portugaise sous la formelang="pt-PT", et ainsi de suite pour les seize langues. - 5Les résultats des filtres ne sont pas annoncés. Dans l’annuaire des courtiers, une modification de filtre réécrit l’adresse sans communiquer le nouveau nombre de résultats au moyen d’une région live. Les listes de guides et d’offres le font déjà.
- 6Les erreurs de formulaire apparaissent sous la forme d’un message récapitulatif unique. Les champs individuels ne sont pas marqués comme invalides et ne sont pas reliés à ce message.
- 7~~Les trois boutons de thème sont libellés en anglais.~~ Corrigé le 30 août 2026 : la version allemande affiche désormais « Hell », « System » et « Dunkel ».
- 8Les sites web des courtiers vers lesquels renvoient nos liens échappent à notre contrôle. Leur accessibilité relève de la responsabilité du prestataire concerné.
Si vous rencontrez un obstacle qui ne figure pas dans cette liste, c’est une lacune de la liste — merci de nous le signaler.
Signaler un obstacle
Écrivez-nous via le formulaire de contact. Utile, mais pas obligatoire :
- l’adresse de la page concernée,
- ce que vous essayiez de faire et à quel moment cela n’a pas fonctionné,
- le navigateur, le système d’exploitation et, le cas échéant, la technologie d’assistance que vous utilisiez.
Nous répondons dès que possible et vous indiquons si nous pouvons supprimer l’obstacle et dans quel délai. Lorsqu’une correction n’est pas possible rapidement, nous vous proposerons un autre moyen d’accéder à l’information que vous recherchiez.
Mise en application
Si notre réponse ne vous satisfait pas, ou si vous n’en recevez aucune, vous pouvez saisir l’organisme compétent :
L’organisme dont il s’agit découle du siège de l’exploitant et de la qualification exposée ci-dessus ; nous nous abstenons délibérément de le deviner ici. Nous le nommerons ici en même temps que les mentions légales. En Allemagne, les Länder surveillent conjointement le respect du BFSG par l’intermédiaire d’une autorité de surveillance du marché créée à cet effet.
État de la présente déclaration
Établie le 30 août 2026, sur la base d’une auto-évaluation du code source et des tests automatisés de ce projet.
Mis à jour: 23 octobre 2026