/** * Ownmind Accessibility (WCAG 2.1 AA) – 1.3.0 * * ZMIANY 1.3.0 (naprawa błędów zgłoszonych z produkcji): * 1. Usunięta ikona dokumentu z pseudo-elementu ::before. Motyw nadpisywał * pseudo-elementy linków, przez co ikona renderowała się w gigantycznym * rozmiarze na środku przycisku i zasłaniała tekst. * 2. Odsłanianie pod-menu działa WYŁĄCZNIE w trybie klawiatury * (klasa .ownmind-kb-nav na , ustawiana przez JS po naciśnięciu Tab). * Wcześniej reguła :focus-within z display:block !important i * transform:none !important uruchamiała się też przy kliknięciu myszą, * rozjeżdżała pozycję rozwijanego menu i przechwytywała kliknięcia. */ /* ============================================================ 1. KONTRAST TEKSTU (WCAG 1.4.3) ============================================================ */ .elementor-widget-text-editor, .elementor-widget-text-editor p, .entry-content, .entry-content p { color: #1f2933; } .entry-content a:not(.elementor-button), .elementor-widget-text-editor a:not(.elementor-button) { color: #0b4f8a; text-decoration: underline; text-underline-offset: 2px; } .entry-content a:not(.elementor-button):hover, .elementor-widget-text-editor a:not(.elementor-button):hover { color: #08375f; } /* ============================================================ 2. WYRÓWNANIE I ODSTĘPY (WCAG 1.4.8 / 1.4.12) ============================================================ */ .elementor-widget-text-editor, .elementor-widget-text-editor p, .entry-content, .entry-content p { text-align: left !important; line-height: 1.6; } .elementor-widget-text-editor p, .entry-content p { margin-bottom: 1em; } .entry-content ul, .entry-content ol { margin: 0 0 1em 1.4em; padding-left: 0.4em; } .entry-content li { margin-bottom: 0.4em; } /* ============================================================ 3. WIDOCZNY FOCUS (WCAG 2.4.7) Tylko :focus-visible, żeby nie dorysowywać obwódki przy kliknięciu myszą. ============================================================ */ a:focus-visible, button:focus-visible, [role="tab"]:focus-visible, .elementor-tab-title:focus-visible, .nav-tabs .tabs-item:focus-visible, .elementor-menu-toggle:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #ffbf00 !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #0b1f33 !important; border-radius: 2px; } /* ============================================================ 4. POD-MENU Z KLAWIATURY (WCAG 2.1.1) Działa TYLKO gdy użytkownik nawiguje klawiaturą. Obsługa myszą pozostaje w 100% w gestii motywu – nic nie nadpisujemy. Celowo NIE ustawiamy display ani transform, żeby nie rozjechać pozycjonowania rozwijanego menu. ============================================================ */ /* WARIANT ZAPASOWY - tylko dla motywów BEZ biblioteki SmartMenus. Gdy SmartMenus jest obecny (Elementor), pod-menu otwiera JEGO API, bo biblioteka sama ustawia inline'owo pozycję, szerokość i tło. Wymuszanie tu display:block nadpisywało te style: menu wychodziło bez szerokości, przezroczyste, nachodziło na treść i nie dawało się zamknąć. Klasę .ownmind-open dokłada JS wyłącznie wtedy, gdy SmartMenus nie istnieje. */ .ownmind-kb-nav li.menu-item-has-children.ownmind-open > .sub-menu, .ownmind-kb-nav li.menu-item-has-children.ownmind-open > ul.sub-menu { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .elementor-menu-toggle { cursor: pointer; } /* ============================================================ 5. ZAKŁADKI PROJEKTU ============================================================ */ .elementor-tab-title, .nav-tabs .tabs-item { cursor: pointer; } .elementor-tab-title[aria-selected="true"], .elementor-tab-title.elementor-active { font-weight: 700; } /* ============================================================ 6. LINKI DO POBRANIA (WCAG 2.4.4 + kontrast 1.4.3) Samodzielny guzik: własne tło + biały tekst = pewny kontrast niezależnie od tła sekcji. Bez ikony (patrz nagłówek pliku). ============================================================ */ .ownmind-doc-link { color: #ffffff !important; background-color: #0b3d5c !important; text-decoration: underline !important; text-underline-offset: 2px; font-weight: 600; display: inline-block; padding: 0.5em 0.85em; border-radius: 6px; border: 1px solid #0b3d5c; line-height: 1.4; } /* Twarde wyłączenie ewentualnych ikon z motywu na tych linkach. */ .ownmind-doc-link::before, .ownmind-doc-link::after { content: none !important; display: none !important; } .ownmind-doc-link:hover, .ownmind-doc-link:focus { color: #ffffff !important; background-color: #08283d !important; } .ownmind-doc-meta { font-weight: 400; font-size: 0.9em; color: #e6eef5; white-space: nowrap; } /* ============================================================ 7. PREFERENCJE UŻYTKOWNIKA ============================================================ */ @media (prefers-contrast: more) { .elementor-widget-text-editor, .entry-content { color: #000; } .entry-content a:not(.elementor-button) { color: #003a66 !important; } .ownmind-doc-link { background-color: #002233 !important; color: #ffffff !important; } } .ownmind-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }