/* * GE2studio G187 — finitions d'accessibilité (chargées après G186). * 1. Cibles tactiles restantes (WCAG 2.5.8). * 2. Légende du hero. * 3. Contrastes restants (WCAG 1.4.3), générés depuis l'audit axe-core de la version G186 en ligne. */ /* 1. Cibles tactiles */ input[type="checkbox"], input[type="radio"] { min-width: 24px !important; min-height: 24px !important; } #demo-privacy, .privacy-check input[type="checkbox"] { width: 24px !important; height: 24px !important; } .simulation-scenario input[type="radio"] { width: 24px !important; height: 24px !important; } a[aria-label^="GE2studio, "] { display: inline-flex; align-items: center; min-height: 24px; } html body #demo-privacy#demo-privacy, html body #migration-privacy#migration-privacy, :is(html, #ge2-a11y-boost) [name="privacyAcknowledged"] { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; flex: 0 0 24px; } :is(html, #ge2-a11y-boost) :is(li, label) > a[href]:not([class*="pill"]) { min-height: 24px; } :is(html, #ge2-a11y-boost) label a[href] { display: inline-block; min-height: 24px; line-height: 24px; } :is(footer, .site-footer) a[href], main a[href]:is(.text-link, [class*="-link"]), main :is(nav, ul, ol, header, footer, div) > a[href]:not([class*="pill"]):not([class*="primary"]):not([class*="secondary"]) { min-height: 24px; } :is(footer, .site-footer) a[href]:not([class]) { display: inline-flex; align-items: center; } /* 2. Légende du hero : discrète et entière */ .ge2-g184-hero .ge2-g184-caption { font-size: 11px !important; font-weight: 500 !important; letter-spacing: .02em; max-width: calc(100% - 96px); } /* 3a. Cause racine : une règle G184 (readability-consolidated-g184.css) force un texte clair (--g178-white, --g178-body-dark) sur des panneaux qu'elle croit sombres. Ces cinq panneaux sont clairs : on redéfinit les variables à leur niveau, sans lutter contre les !important. */ :is(html, #ge2-a11y-boost) :is(.intel20-role-coach, .studio-fit-panel, .ui-window.planning-ui, .ui-window.coach-ui, .ui-window.cockpit) { --g178-white: #1d1b19 !important; --g178-body-dark: #4a443d !important; --ge2-ink: #1d1b19 !important; --ge2-ink-soft: #5f574e !important; --ink: #1d1b19 !important; --text-light-primary: #1d1b19 !important; --text-light-secondary: #4a443d !important; --g177-on-dark: #1d1b19 !important; --g177-body-dark: #4a443d !important; --g177-muted-dark: #5f574e !important; --g177-faint-dark: #5f574e !important; --g176-ink: #1d1b19 !important; --g176-muted: #5f574e !important; } :is(html, #ge2-a11y-boost) .planning-row > strong.full { color: #a93d17 !important; } /* 3b. Contrastes (WCAG 1.4.3). Préfixe :is(html, #ge2-a11y-boost) : spécificité d'identifiant pour passer devant les règles !important des sections sombres qui forçaient un texte clair sur des cartes claires. */ :is(html, #ge2-a11y-boost) #alternative-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #alternative-status-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #bp-formula-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #bp-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #bp-scenarios-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #bp-sources-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #copilotes > .intel20-shell > .intel20-heading-split.intel20-heading > div > .intel20-index { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) #credits-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #decision > .intel20-shell > .intel20-heading-split.intel20-heading > div > .intel20-index { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) #etapes > header > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) #fitness-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #guide-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #guide-sources-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #intel20-cycle-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #intel20-roles-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #intel20-voice-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #noshow-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #occupancy-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #planning-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #pricing-overview-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #profit-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #seo-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #tool-faq-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) #waitlist-related-title > em { color: #b8431a !important; } :is(html, #ge2-a11y-boost) .active { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .coach-alert > p { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .coach-alert > strong { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .coach-next > .ge2-ui-meta { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .coach-next > div > span:nth-child(1) { color: #5f574e !important; } :is(html, #ge2-a11y-boost) .coach-next > div > span:nth-child(2) { color: #5f574e !important; } :is(html, #ge2-a11y-boost) .coach-participants > div > .ge2-ui-section-label:nth-child(1) { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .comparison-choice--proofs > header > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .comparison-choice--status > header > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .comparison-faq > header > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .full { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .ge2-ui-course-title { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .ge2-ui-subtitle { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .ge2-ui-tab:nth-child(2) { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .ge2-ui-title { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-cancel-rule > div > span:nth-child(2) { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > footer > span { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > footer > strong { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > h3 { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > header > small { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > header > span:nth-child(2) { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > ul > li:nth-child(1) { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > ul > li:nth-child(2) { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-role-coach > ul > li:nth-child(3) { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .intel20-voice-grid > div > .intel20-index { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .is-full.ge2-planning-mobile-row > .ge2-planning-mobile-course > .ge2-ui-course { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-full.ge2-planning-mobile-row > .ge2-planning-mobile-course > span { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-full.ge2-planning-mobile-row > .ge2-planning-mobile-occupancy > small { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(1) > .ge2-planning-mobile-course > .ge2-ui-course { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(1) > .ge2-planning-mobile-course > span { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(1) > .ge2-planning-mobile-occupancy > small { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(4) > .ge2-planning-mobile-course > .ge2-ui-course { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(4) > .ge2-planning-mobile-course > span { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(4) > .ge2-planning-mobile-occupancy > small { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(5) > .ge2-planning-mobile-course > .ge2-ui-course { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(5) > .ge2-planning-mobile-course > span { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-normal.ge2-planning-mobile-row:nth-child(5) > .ge2-planning-mobile-occupancy > small { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-watch.ge2-planning-mobile-row > .ge2-planning-mobile-course > .ge2-ui-course { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-watch.ge2-planning-mobile-row > .ge2-planning-mobile-course > span { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-watch.ge2-planning-mobile-row > .ge2-planning-mobile-occupancy > small { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .is-watch.planning-row.ge2-ui-row > .ge2-ui-occupancy[data-ge2-mobile-label="Occupation"] { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .methodology-benchmark > div > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .methodology-benchmark > div:nth-child(1) > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .methodology-estimates > div:nth-child(1) > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .methodology-principles > div > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .planning-row.ge2-ui-row:nth-child(5) > .ge2-ui-occupancy[data-ge2-mobile-label="Occupation"] { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .planning-row.ge2-ui-row:nth-child(8) > .ge2-ui-occupancy[data-ge2-mobile-label="Occupation"] { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .planning-row.ge2-ui-row:nth-child(9) > .ge2-ui-occupancy[data-ge2-mobile-label="Occupation"] { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .seo-faq > header > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) .seo-related > div > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .studio-fit-panel > h3 { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .studio-fit-panel > p { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .text-link[href="/demonstration/?priorite=offre"] { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .text-link[href="/en/demo/?priorite=offre"] { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) .tools-featured-copy > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .tools-featured-scene-kpi > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) .tools-method-link > span { color: #a93d17 !important; } :is(html, #ge2-a11y-boost) .ui-top > div > .ge2-ui-title { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) div > .ge2-ui-title { color: #1d1b19 !important; } :is(html, #ge2-a11y-boost) div:nth-child(1) > dt { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) div:nth-child(2) > dt { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) div:nth-child(3) > dt { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) div:nth-child(4) > dt { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) footer > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="bp-worksheet-title"] > .seo-workflow-copy > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="bp-worksheet-title"] > .seo-workflow-list > li:nth-child(1) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="bp-worksheet-title"] > .seo-workflow-list > li:nth-child(2) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="bp-worksheet-title"] > .seo-workflow-list > li:nth-child(3) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="bp-worksheet-title"] > .seo-workflow-list > li:nth-child(4) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="guide-worksheet-title"] > .seo-workflow-copy > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="guide-worksheet-title"] > .seo-workflow-list > li:nth-child(1) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="guide-worksheet-title"] > .seo-workflow-list > li:nth-child(2) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="guide-worksheet-title"] > .seo-workflow-list > li:nth-child(3) > span { color: #ff7a50 !important; } :is(html, #ge2-a11y-boost) section[aria-labelledby="guide-worksheet-title"] > .seo-workflow-list > li:nth-child(4) > span { color: #ff7a50 !important; }