LivQ AccessFix – EAA & A11y AutoFix
LivQ AccessFix – EAA & A11y AutoFix tillämpar åtgärder för WCAG 2.2 AA och den europeiska tillgänglighetsakten (EAA) automatiskt genom att fånga upp hela den renderade HTML-koden via PHP-output-buffert innan den når webbläsaren – inte efteråt, inte via JavaScript-overlay.
Varje modul kan aktiveras eller inaktiveras oberoende från Inställningar → LivQ AccessFix.
Varför serversidan spelar roll
JS-baserade tillgänglighets-overlays (widgetar, infogade skript) korrigerar DOM efter att webbläsaren har renderat den. Den ursprungliga HTML-koden – den som Google indexerar, axe-core granskar och skärmläsare utan JS ser – förblir oförändrad. LivQ AccessFix korrigerar själva käll-HTML-koden, så att korrigeringen är verklig, inte kosmetisk.
Frontend Modules
External Link Labelling (WCAG 2.4.4)
Intercepts the entire rendered page via PHP output buffer and appends a visually-hidden screen-reader notice to every <a target="_blank"> link. Also merges rel="noopener noreferrer" into existing rel values to prevent reverse tab-napping. Covers links generated by theme PHP, social share plugins, widget areas – not just the_content.
Genvägslänk för navigering (WCAG 2.4.1)
Infogar en genvägslänk som det första fokuserbara elementet efter <body> via wp_body_open. Mål-ID är konfigurerbart och kan upptäckas automatiskt från administrationen. Visuellt dold tills den får fokus.
Decorative Image Alt Fix (WCAG 1.1.1)
Ensures images without meaningful alt text carry an explicit alt="" via wp_get_attachment_image_attributes. Also hooks render_block_core/image to fix images in Full Site Editor templates and block themes where the attachment filter does not fire.
CSS för högkontrastfokus (WCAG 2.4.11)
Infogar en focus-visible-regel (3 px solid #0056b3 + glöd) som inline-CSS, vilket åsidosätter vanliga temamönster med outline: none utan att ändra någon temafil.
Tillgänglighetshjälp för menyer (WCAG 4.1.2)
Lägger till aria-haspopup="true" och aria-expanded="false/true" på navigeringslänkar som styr undermenyer, med en liten Vanilla JS-händelsehanterare (inget jQuery) som växlar tillstånd vid klick, Enter, Blanksteg och Escape.
HTML Output Remediations (EAA)
Nameless Link Fix (WCAG 2.4.4 / 4.1.2)
Detects links whose only content is an image with empty alt or an SVG icon – a pattern ubiquitous in sponsor logos, partner logos, and social media icon rows. Automatically derives aria-label from: img title, link title, recognised social domain (Facebook, Instagram, YouTube, LinkedIn, and more), or the capitalised hostname as a final fallback.
Iframe Title Fix (WCAG 4.1.2)
Adds a title attribute to every <iframe> that lacks one. Titles are matched from the src domain: YouTube, Vimeo, Google Maps, Calendly, iubenda, Spotify, PayPal, Google Forms, and others. Screen readers announce untitled iframes as simply ”frame” – this fix eliminates that.
Åtgärd för formulärfältsetikett (WCAG 1.3.1 / 3.3.2)
Lägger till aria-label på elementen <input>, <textarea> och <select> som saknar ett associerat <label>-element och inte har något befintligt aria-label eller aria-labelledby. Etiketten härleds från platshållartexten eller namn-attributet. Fält som redan är korrekt märkta rörs aldrig.
Moduler för innehållsanalys
Kontroll av rubrikstruktur (WCAG 1.3.1)
Vid save_post skannas rubriknivåer i inläggsinnehållet och upptäcker nivåhopp (t.ex. H2 → H4). Problem sparas som _livqacea_a11y_issues inläggsmeta (JSON med typ, WCAG-kriterium och tidsstämpel) och visas som ett administratörsmeddelande på redigeringsskärmen.
Tillgänglighetschecklista före publicering (Gutenberg) Lägger till en panel i Gutenbergs publiceringsmeny med realtidskontroller: (A) Bildblock med tom alternativtext, (B) styckelänkar som använder en rå URL som synlig text. Ingen AJAX. WCAG 1.1.1 / 2.4.4.
Verktyg för efterlevnad
Accessibility Scanner Scan key page types (homepage, blog index, single posts, pages, category archives, search results, 404) for WCAG violations. Each run produces a severity-scored issue list (Critical / High / Warning) with per-criterion detail. Results are cached and cleared on demand. WooCommerce page types (shop, product, cart, checkout, my account, product category) are detected automatically if WooCommerce is active.
Logg över tillgänglighetsproblem Administrationssida som listar alla inlägg med ett bestående tillgänglighetsproblem, med en nonce-skyddad CSV-export (BOM ingår för Excel-kompatibilitet med UTF-8). Ger en granskningskedja för granskningar av EAA-efterlevnad.
Kontrastkontroll Färgkontrastanalysator för WCAG 2.1 i realtid inbyggd i administrationen. Utvärderar förgrunds-/bakgrundspar mot tre WCAG-kriterier: Normal text AA (4,5:1), stor text AA (3:1) och gränssnittskomponenter / grafik (3:1, WCAG 1.4.11). Innehåller en snabbtestpalett med vanliga färgpar.
Verktyg för tillgänglighetsredogörelse
Konfigurerbar administrationssida som genererar en lagligt förenlig tillgänglighetsredogörelse som refererar till WCAG 2.2 AA / EAA-direktivet 2019/882. Redogörelsen fyller automatiskt i alla aktiva moduler och deras WCAG-kriterier (inklusive namnlösa länkar, iframe-titlar, formuläretiketter, WooCommerce-förbättringar och Gutenbergs panel före publicering). Innehåller en bekräftelseruta som lagrar en tidsstämplad post (användare, datum, tilläggsversion, webbplats-URL) som lagligt bevis på operatörens ansvar. Bädda in var som helst med [livqacea_accessibility_statement]. En ettklicks-hjälp skapar ett utkast till en WordPress-sida med kortkoden förinfogad.
Kompatibilitet med sidbyggare
PHP-output-bufferten inaktiveras automatiskt i kontexter med visuella redigerare: Frontend-redigerare för Divi, Elementor, Beaver Builder, Bricks, Oxygen och Breakdance upptäcks och hoppas över för att förhindra interferens med deras icke-HTML-svar.
Integritet
Detta tillägg samlar inte in, lagrar eller överför några personuppgifter. Inga tredjepartstjänster, inget CDN och inga externa API-anrop görs.