/* ========================================================================== EL-CAR ARCHITECTURE — corectii de accesibilitate (WCAG 2.1 AA) Adaugat: 2026-08-20 Incarcat din functions.php cu wp_enqueue_style, dependent de 'artex-style', deci se aplica dupa foaia principala a temei. Versiunea e data de filemtime: orice salvare invalideaza automat cache-ul, nu trebuie incrementat nimic de mana. Ca sa dezactivezi tot: sterge blocul add_action din functions.php. ========================================================================== */ /* -------------------------------------------------------------------------- 1. MENIUL PRINCIPAL — 6 din cele 7 erori de contrast Header-ul are clasa .transparent-navbar: pozitionat absolut, fara fundal propriu, cu text alb peste sectiunea de dedesubt. Pentru un instrument de evaluare — si pentru definitia WCAG — asta inseamna alb pe alb, 1:1. Nu e doar o problema de raport: daca sectiunea de sub header devine vreodata deschisa la culoare, meniul dispare efectiv. Voal 0.70. Compus peste alb, in cazul cel mai defavorabil, textul alb ajunge la 7.07:1 — cu marja confortabila peste pragul de 4.5:1. -------------------------------------------------------------------------- */ header.transparent-navbar { background-color: rgba(17, 17, 17, 0.70); } /* -------------------------------------------------------------------------- 2. TITLUL CU PROGRAMUL DE LUCRU — a 7-a eroare de contrast #BFBFBF pe fundal alb inseamna 1.84:1. Am verificat tot lantul de parinti pana la : nu exista nicio imagine sau culoare de fundal, deci textul chiar sta pe alb si e greu de citit pentru oricine, nu doar pentru WAVE. #6F6F6F pastreaza aspectul de gri discret, dar urca la 5.02:1. Selectorul e legat de un ID de widget Elementor. Daca sectiunea e reconstruita in Elementor, ID-ul se schimba si regula nu mai prinde — corectia durabila este schimbarea culorii direct din Elementor. -------------------------------------------------------------------------- */ .elementor-element-4cbc0f2b .elementor-heading-title { color: #6F6F6F !important; } /* -------------------------------------------------------------------------- 3. FOCUS VIZIBIL LA NAVIGAREA CU TASTATURA (WCAG 2.4.7) -------------------------------------------------------------------------- */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; box-shadow: 0 0 0 5px rgba(17, 17, 17, 0.85); } /* -------------------------------------------------------------------------- 4. Clasa pentru etichete destinate doar cititoarelor de ecran. Tema nu defineste .screen-reader-text, iar header-search.php o foloseste. Varianta standard din WordPress: scoate textul din fluxul vizual fara sa il ascunda de tehnologiile asistive (display:none l-ar ascunde si de ele). -------------------------------------------------------------------------- */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }