:root{
–action:#4A6741; –action-hover:#3C5435; –ocre:#C9A66B; –ocre-texte:#9A7B3E;
–encre:#2A2722; –corps:#4A463F; –nav:#6B665C; –legende:#726C62;
–beige:#F4F0E8; –lin:#FBF9F4; –ecru:#FCFBF7; –filet:#ECE6DA;
}
.ac-page *{box-sizing:border-box}
a:focus-visible,button:focus-visible{outline:2px solid var(–action);outline-offset:3px;border-radius:9999px}
.conteneur{max-width:800px;margin:0 auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
.fil-ariane{padding-top:24px;max-width:1280px;margin:0 auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
.fil-ariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 14px/1.4 Montserrat,sans-serif;color:var(–nav)}
.fil-ariane a{color:var(–nav);display:inline-flex;align-items:center;min-height:44px}
.fil-ariane a:hover{color:var(–action-hover)}
.fil-ariane [aria-current]{color:var(–encre);font-weight:500;display:inline-flex;align-items:center;min-height:44px}
.fil-separateur{color:var(–legende)}
.heros{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(24px,3vw,32px)}
.surtitre{font:600 13px/1.3 Montserrat,sans-serif;color:var(–ocre-texte);letter-spacing:.12em;text-transform:uppercase}
.heros h1{margin:16px 0 0;font:500 clamp(34px,4vw,46px)/1.2 ‚Cormorant Garamond‘,serif;color:var(–encre)}
.section{padding-bottom:clamp(40px,5vw,56px)}
.section h2{margin:32px 0 12px;font:600 22px/1.3 ‚Cormorant Garamond‘,serif;color:var(–encre)}
.section p{margin:0 0 12px;font:400 16px/1.65 Montserrat,sans-serif;color:var(–corps)}
.section ul{margin:0 0 12px;padding-left:20px}
.section li{font:400 16px/1.65 Montserrat,sans-serif;color:var(–corps);margin-bottom:8px}
p a, li a { text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 3px; }
p a:hover, p a:focus-visible { text-decoration-thickness: 2px; color: #3C5435 !important; }
Unser Ansatz — Barrierefreiheit
Erklärung zur Barrierefreiheit
Eine verantwortungsvolle Auswahl muss eine Auswahl sein, die allen offensteht. ekomfort verpflichtet sich auf den Standard WCAG 2.1, Stufe AA — eine Verpflichtung, die wir bei keinem vergleichbaren Anbieter im Bereich nachhaltiger Mode in Luxemburg und der Großregion gefunden haben.
Was wir bereits umsetzen
- AA-konforme Farbkontraste im Fließtext (die dekorativen Ockertöne bleiben nicht-textlichen Elementen vorbehalten).
- Vollständige Tastaturbedienung, einschließlich des Mega-Menüs Shop und der Filterbereiche für Produkte.
- Die Attribute
aria-expanded,aria-currentundaria-labelan Menüs, Brotkrümelpfaden und Suchfacetten. - Ein nicht farbliches Erkennungsmerkmal (Unterstreichung) an allen Links im Fließtext, über den reinen Farbkontrast hinaus.
- Beachtung der Systemeinstellung
prefers-reduced-motionbei dekorativen Animationen.
Was noch förmlich geprüft werden muss
Diese Erklärung gibt die Praxis wieder, die beim Aufbau der Website angewandt wurde. Eine vollständige externe Prüfung (Screenreader, 200-%-Zoom, begleiteter Bestellvorgang) hat noch nicht stattgefunden — wir beanspruchen keine zertifizierte Konformität, solange diese Prüfung aussteht.
Kontakt
Wenn Sie auf der Website auf eine Zugangshürde stoßen, schreiben Sie uns über unsere Kontaktseite — wir bearbeiten solche Hinweise vorrangig.