PageSourceSearch

https://www.autoalt.ai/blog/

html autoalt.ai collected 2026-09-24 08:42:17 UTC 268,626 bytes, 1,158 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#" class="scroll-smooth">
3
4<head><meta charset="UTF-8">
4<script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script>
4<script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEac
4h(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>
4{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}
4async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})();
5</script>
5
6    
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <link rel="alternate" hreflang="en" href="https://www.autoalt.ai/blog/" />
9<link rel="alternate" hreflang="de" href="https://www.autoalt.ai/de/magazin/" />
10<link rel="alternate" hreflang="x-default" href="https://www.autoalt.ai/blog/" />
11<script type="text/rocketlazyloadscript">
12window.dataLayer=window.dataLayer||[];
13function gtag(){
14    dataLayer.push(arguments);
15}
16if(localStorage.getItem('wpcaConsentMode') === null){
17	gtag('consent', 'default', {
18		ad_user_data: 'denied',
19		ad_personalization: 'denied',
20		ad_storage: 'denied',
21		analytics_storage: 'denied',
22		functionality_storage: 'denied',
23		personalization_storage: 'denied',
24		security_storage: 'denied',
25		wait_for_update: '500'
26	});
27} else {
28	gtag('consent', 'default', JSON.parse(localStorage.getItem('wpcaConsentMode')));
29}
30gtag('set', 'ads_data_redaction', true);</script>
30
31<!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ -->
32<title>Alt Text SEO Blog – Guides &amp; Accessibility Tips | AutoAlt.ai</title>
33<link data-rocket-prefetch href="https://fonts.gstatic.com" rel="dns-prefetch">
34<link data-rocket-prefetch href="https://cdn.jsdelivr.net" rel="dns-prefetch">
35<link data-rocket-prefetch href="https://use.fontawesome.com" rel="dns-prefetch">
36<link crossorigin data-rocket-preload as="font" href="https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2" rel="preload">
37<link crossorigin data-rocket-preload as="font" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.woff2" rel="preload">
38<link crossorigin data-rocket-preload as="font" href="https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2" rel="preload">
39<style id="wpr-usedcss">.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}body{background-color:#f8fafc}*{word-break:auto-phrase}.elegant-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#cbd5e1 1.5px,transparent 1.5px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);opacity:.6;pointer-events:none;z-index:-1}.ambient-blobs{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-10;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:15s infinite alternate blob}@keyframes blob{0%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}100%{transform:translate(0,0) scale(1)}}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#ffe4e6;animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:#e0f2fe;animation-delay:2s}.blob-3{top:40%;left:40%;width:30vw;height:30vw;background:#f3e8ff;animation-delay:4s}.glass-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 20px rgba(0,0,0,.03)}.glass-panel-menu{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -12px rgba(0,0,0,.15)}.floating-nav-container{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);width:fit-content;min-width:320px}.submenu-animate{transition:all .3s cubic-bezier(.165, .84, .44, 1);transform:translateY(12px) translateX(0);opacity:0;visibility:hidden;left:0}.group:hover .submenu-animate{transform:translateY(0) translateX(0);opacity:1;visibility:visible}#mobile-menu{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}#mobile-menu.open{max-height:400px;opacity:1;margin-top:1rem;overflow-y:auto}#mobile-menu a.mobile-link svg{width:100%;height:100%}.mobile-link-sub{max-height:0;opacity:0;overflow:hidden}.mobile-link-sub.active{max-height:max-content;opacity:1}.pack-input{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;text-align:center;background:rgba(255,255,255,.5);border:2px solid rgba(15,23,42,.05);border-radius:1rem;transition:all .3s}.pack-input:focus{outline:0;border-color:#b30000;background:#fff}input:focus,select:focus,textarea:focus{outline:0;border-color:#b30000;box-shadow:0 0 0 4px rgba(179,0,0,.1)}.dropzone{border:2px dashed #cbd5e1;transition:all .3s ease}.dropzone.dragover,.dropzone:hover{border-color:#b30000;background-color:rgba(179,0,0,.05)}table{width:100%;border-collapse:collapse;font-size:.95rem}th{background:rgba(15,23,42,.03);font-weight:700;text-align:left;padding:1.25rem;color:#0f172a;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}span.ok{color:#4ade80;font-weight:700}span.no{color:#b30000;font-weight:700}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.placeholder{background:#fef3c7;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;color:#92400e}.text-brand{color:#b30000}.tri-toggle{display:inline-flex;background:#e2e8f0;border-radius:16px;padding:4px;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.tri-toggle.pos-1{background:linear-gradient(135deg,#b30000,#7f0000);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 4px 20px rgba(179,0,0,.12)}.tri-toggle.pos-2{background:#1e293b;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.tri-btn{position:relative;z-index:2;padding:10px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;user-select:none;transition:color .3s;text-align:center;min-width:110px;border-radius:12px}@media(min-width:640px){.tri-btn{min-width:130px;padding:12px 24px}}.price-num{display:inline-block;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.price-num.flip{transform:scale(.6) translateY(10px);opacity:0}
39details summary::-webkit-details-marker{display:none}details summary{list-style:none}.credit-chip{transition:all .25s cubic-bezier(.165,.84,.44,1)}#wpca-lay-out-wrapper{color:#fff!important}.code-block{position:relative;background:#0f172a;border-radius:16px;overflow:hidden;border:1px solid #1e293b}.code-block pre{margin:0;padding:20px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.7;color:#e2e8f0}.code-block code{font-family:'JetBrains Mono',monospace}.copy-btn,.copy-content-btn{font-family:Inter,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;background:rgba(255,255,255,.05);border:1px solid #334155;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.copy-btn:hover,.copy-content-btn:hover{color:#fff;background:rgba(179,0,0,.25);border-color:#b30000}.copy-btn.copied,.copy-content-btn.copied{color:#86efac;border-color:#16a34a;background:rgba(22,163,74,.15)}.doc-nav a{display:block;padding:7px 14px;font-size:13px;font-weight:600;color:#64748b;border-left:2px solid transparent;transition:all .2s;border-radius:0 8px 8px 0}.doc-nav a:hover{color:#b30000;background:rgba(179,0,0,.04)}.doc-nav a.active{color:#b30000;border-left-color:#b30000;background:rgba(179,0,0,.06)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:rgba(179,0,0,.45) solid 3px;outline-offset:2px;border-radius:6px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}@media (prefers-reduced-motion:reduce){.blob{animation:none}*{scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:#B30000 solid 3px;outline-offset:2px;border-radius:6px}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}
39code,kbd,pre,samp{font-family:'JetBrains Mono',monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
39[role=button],button{cursor:pointer}canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.left-0{left:0}.left-6{left:1.5rem}.right-0{right:0}.right-6{right:1.5rem}.top-6{top:1.5rem}.top-full{top:100%}.z-10{z-index:10}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.-mr-20{margin-right:-5rem}.-mt-20{margin-top:-5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[680px\]{width:680px}.w-auto{width:auto}.w-full{width:100%}.min-w-12{min-width:3rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
39.gap-0{gap:0}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.8rem\]{border-radius:1.8rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-full{border-radius:9999px}
39.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-\[\#B30000\]{--tw-border-opacity:1;border-color:rgb(179 0 0 / var(--tw-border-opacity,1))}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254 / var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity,1))}.border-brand{--tw-border-opacity:1;border-color:rgb(179 0 0 / var(--tw-border-opacity,1))}.border-brand\/10{border-color:rgba(179,0,0,.1)}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229 / var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226 / var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity,1))}.border-slate-200\/50{border-color:rgba(226,232,240,.5)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity,1))}.border-white\/10{border-color:rgba(255,255,255,.1)}.border-white\/20{border-color:rgba(255,255,255,.2)}.border-white\/40{border-color:rgba(255,255,255,.4)}.border-white\/50{border-color:rgba(255,255,255,.5)}.border-white\/60{border-color:rgba(255,255,255,.6)}.bg-\[\#B30000\]{--tw-bg-opacity:1;background-color:rgb(179 0 0 / var(--tw-bg-opacity,1))}.bg-amber-100\/50{background-color:rgba(254,243,199,.5)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity,1))}.bg-blue-100\/50{background-color:rgba(219,234,254,.5)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity,1))}.bg-brand{--tw-bg-opacity:1;background-color:rgb(179 0 0 / var(--tw-bg-opacity,1))}.bg-brand\/5{background-color:rgba(179,0,0,.05)}.bg-emerald-100\/50{background-color:rgba(209,250,229,.5)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity,1))}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity,1))}.bg-slate-900\/40{background-color:rgba(30,41,59,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.bg-white\/10{background-color:rgba(255,255,255,.1)}.bg-white\/40{background-color:rgba(255,255,255,.4)}.bg-white\/5{background-color:rgba(255,255,255,.05)}.bg-white\/50{background-color:rgba(255,255,255,.5)}.bg-white\/80{background-color:rgba(255,255,255,.8)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-32{padding-bottom:8rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-44{padding-top:11rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:'Space Grotesk',sans-serif}.font-mono{font-family:'JetBrains Mono',monospace}.font-sans{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity,1))}.text-brand{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.text-brand\/40{color:rgba(179,0,0,.4)}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59 / var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity,1))}.text-red-800\/80{color:rgba(153,27,27,.8)}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161 / var(--tw-text-opacity,1))}.text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110 / var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-red-700::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(185 28 28 / var(--tw-placeholder-opacity,1))}.placeholder-red-700::placeholder{--tw-placeholder-opacity:1;color:rgb(185 28 28 / var(--tw-placeholder-opacity,1))}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity,1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}
39.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-glass{--tw-shadow:0 8px 32px 0 rgba(31, 38, 135, .07);--tw-shadow-colored:0 8px 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, .05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, .1),0 4px 6px -4px rgba(0, 0, 0, .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, .1),0 2px 4px -2px rgba(0, 0, 0, .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
39dow)}.shadow-mega{--tw-shadow:0 30px 60px -12px rgba(0, 0, 0, .15);--tw-shadow-colored:0 30px 60px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:transparent solid 2px;outline-offset:2px}.outline{outline-style:solid}.outline-brand{outline-color:#b30000}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
39dow,0 0 #0000)}.ring-brand{--tw-ring-opacity:1;--tw-ring-color:rgb(179 0 0 / var(--tw-ring-opacity, 1))}.ring-emerald-500{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129 / var(--tw-ring-opacity, 1))}.ring-red-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202 / var(--tw-ring-opacity, 1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1)}.selection\:bg-brand\/10 ::-moz-selection{background-color:rgba(179,0,0,.1)}.selection\:bg-brand\/10 ::selection{background-color:rgba(179,0,0,.1)}.selection\:text-brand ::-moz-selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.selection\:text-brand ::selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.selection\:bg-brand\/10::-moz-selection{background-color:rgba(179,0,0,.1)}.selection\:bg-brand\/10::selection{background-color:rgba(179,0,0,.1)}.selection\:text-brand::-moz-selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.selection\:text-brand::selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.hover\:bg-white\/50:hover{background-color:rgba(255,255,255,.5)}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity,1))}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity,1))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
39--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, .1),0 2px 4px -2px rgba(0, 0, 0, .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-mega:hover{--tw-shadow:0 30px 60px -12px rgba(0, 0, 0, .15);--tw-shadow-colored:0 30px 60px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-white\/10:focus{background-color:rgba(255,255,255,.1)}.focus\:outline-none:focus{outline:transparent solid 2px;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
39dow,0 0 #0000)}.focus\:ring-brand:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(179 0 0 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-2{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-brand{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:h-56{height:14rem}.md\:h-80{height:20rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}.md\:p-16{padding:4rem}.md\:pl-10{padding-left:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-fit{width:-moz-fit-content;width:fit-content}.xl\:rounded-full{border-radius:9999px}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');
39unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.wpca-btn{border:0;border-radius:2px;cursor:pointer;float:none;font-size:16px;font-weight:400;height:auto;margin:0;min-height:40px;padding:10px 20px;text-transform:none}.wpca-btn:before{content:none!important}button{-webkit-transition:background-color .25s;-moz-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s ease}#wpca-placeholer-html{display:none}button.wpca-btn-accept{background:#b30000;color:#fff}button.wpca-btn-accept:active,button.wpca-btn-accept:focus,button.wpca-btn-accept:hover{background:#8a0000;color:#fff}button.wpca-btn-decline{background:#475569;color:#fff}button.wpca-btn-decline:active,button.wpca-btn-decline:focus,button.wpca-btn-decline:hover{background:#334155;color:#fff}button.wpca-btn-reset-consent{background:#d04c20;color:#fff}button.wpca-btn-reset-consent:active,button.wpca-btn-reset-consent:focus,button.wpca-btn-reset-consent:hover{background:#d13a08;color:#fff}button.wpca-btn-cc-settings{background:#ccc;color:#fff}button.wpca-btn-cc-settings:active,button.wpca-btn-cc-settings:focus,button.wpca-btn-cc-settings:hover{background:#b9b8b8;color:#fff}#wpca-popup-modal{max-width:calc(100% - 50px);max-height:calc(100% - 50px)}.wpca-cc-sett-box{background-color:#ececec;border-radius:4px;padding:17px;color:#1e293b}.wpca-cc-sett-box *{color:#1e293b}.wpca-cc-sett-box a{color:#b30000}.wpca-cc-sett-box a{color:#8a0000}.wpca-cc-sett-box .wpca-btn-accept{background:#b30000;color:#fff}.wpca-cc-sett-box .wpca-btn-accept:active,.wpca-cc-sett-box .wpca-btn-accept:focus,.wpca-cc-sett-box .wpca-btn-accept:hover{background:#8a0000;color:#fff}.wpca-cc-sett-box .wpca-btn-cc-save-sett{background:#1e293b;color:#fff}.wpca-cc-sett-box .wpca-btn-cc-save-sett:active,.wpca-cc-sett-box .wpca-btn-cc-save-sett:focus,.wpca-cc-sett-box .wpca-btn-cc-save-sett:hover{background:#334155;color:#fff}#wpca-trans-layer{background:#000;opacity:.75}#wpca-reconsider-icon{bottom:17px}#wpca-reconsider-icon svg{width:25px;height:25px}@media screen and (max-width:640px){#wpca-reconsider-icon{bottom:calc(.5 * 17px)}#wpca-reconsider-icon svg{width:max(10px,calc(.8 * 25px));height:max(10px,calc(.8 * 25px))}#wpca-reconsider-icon.wpca-rci-bl{left:calc(.5 * 17px)}#wpca-reconsider-icon.wpca-rci-br{right:calc(.5 * 17px)}}@font-face{font-family:Phosphor;src:url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.woff2") format("woff2"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.woff") format("woff"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.ttf") format("truetype"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.svg#Phosphor") format("svg");font-weight:400;font-style:normal;font-display:swap}.ph{font-family:Phosphor!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph.ph-arrow-right:before{content:"\e06c"}.ph.ph-article:before{content:"\e0a8"}.ph.ph-caret-down:before{content:"\e136"}.ph.ph-caret-up:before{content:"\e13c"}.ph.ph-check:before{content:"\e182"}.ph.ph-check-circle:before{content:"\e184"}.ph.ph-envelope-simple-open:before{content:"\e21a"}.ph.ph-faders:before{content:"\e228"}.ph.ph-file-csv:before{content:"\eb1c"}.ph.ph-file-text:before{content:"\e23a"}.ph.ph-globe:before{content:"\e288"}.ph.ph-headset:before{content:"\e584"}.ph.ph-info:before{content:"\e2ce"}.ph.ph-magnifying-glass:before{content:"\e30c"}.ph.ph-paper-plane-tilt:before{content:"\e398"}.ph.ph-scan:before{content:"\ebb6"}.ph.ph-shield-check:before{content:"\e40c"}.ph.ph-sign-in:before{content:"\e428"}.ph.ph-spinner-gap:before{content:"\e66c"}.ph.ph-stack:before{content:"\e466"}.ph.ph-user-plus:before{content:"\e4d0"}.ph.ph-warning:before{content:"\e4e0"}.ph.ph-warning-circle:before{content:"\e4e2"}.ph.ph-x:before{content:"\e4f6"}@font-face{font-family:Phosphor-Bold;src:url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.woff2") format("woff2"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.woff") format("woff"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.ttf") format("truetype"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.svg#Phosphor-Bold") format("svg");font-weight:400;font-style:normal;font-display:swap}.ph-bold{font-family:Phosphor-Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-bold.ph-arrow-right:before{content:"\e06c"}.ph-bold.ph-article:before{content:"\e0a8"}.ph-bold.ph-caret-down:before{content:"\e136"}.ph-bold.ph-caret-up:before{content:"\e13c"}.ph-bold.ph-check:before{content:"\e182"}.ph-bold.ph-check-circle:before{content:"\e184"}.ph-bold.ph-envelope-simple-open:before{content:"\e21a"}.ph-bold.ph-faders:before{content:"\e228"}.ph-bold.ph-file-csv:before{content:"\eb1c"}.ph-bold.ph-file-text:before{content:"\e23a"}.ph-bold.ph-globe:before{content:"\e288"}.ph-bold.ph-headset:before{content:"\e584"}.ph-bold.ph-info:before{content:"\e2ce"}.ph-bold.ph-magnifying-glass:before{content:"\e30c"}.ph-bold.ph-paper-plane-tilt:before{content:"\e398"}.ph-bold.ph-scan:before{content:"\ebb6"}.ph-bold.ph-shield-check:before{content:"\e40c"}.ph-bold.ph-sign-in:before{content:"\e428"}.ph-bold.ph-spinner-gap:before{content:"\e66c"}.ph-bold.ph-stack:before{content:"\e466"}.ph-bold.ph-user-plus:before{content:"\e4d0"}.ph-bold.ph-warning:before{content:"\e4e0"}.ph-bold.ph-warning-circle:before{content:"\e4e2"}.ph-bold.ph-x:before{content:"\e4f6"}.ph-fill{font-family:Phosphor-Fill!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-fill.ph-arrow-right:before{content:"\e06c"}.ph-fill.ph-article:before{content:"\e0a8"}.ph-fill.ph-caret-down:before{content:"\e136"}.ph-fill.ph-caret-up:before{content:"\e13c"}.ph-fill.ph-check:before{content:"\e182"}.ph-fill.ph-check-circle:before{content:"\e184"}.ph-fill.ph-envelope-simple-open:before{content:"\e21a"}.ph-fill.ph-faders:before{content:"\e228"}.ph-fill.ph-file-csv:before{content:"\eb1c"}.ph-fill.ph-file-text:before{content:"\e23a"}.ph-fill.ph-globe:before{content:"\e288"}.ph-fill.ph-headset:before{content:"\e584"}.ph-fill.ph-info:before{content:"\e2ce"}.ph-fill.ph-magnifying-glass:before{content:"\e30c"}.ph-fill.ph-paper-plane-tilt:before{content:"\e398"}.ph-fill.ph-scan:before{content:"\ebb6"}.ph-fill.ph-shield-check:before{content:"\e40c"}.ph-fill.ph-sign-in:before{content:"\e428"}.ph-fill.ph-spinner-gap:before{content:"\e66c"}.ph-fill.ph-stack:before{content:"\e466"}
39.ph-fill.ph-user-plus:before{content:"\e4d0"}.ph-fill.ph-warning:before{content:"\e4e0"}.ph-fill.ph-warning-circle:before{content:"\e4e2"}.ph-fill.ph-x:before{content:"\e4f6"}.ph-duotone{font-family:Phosphor-Duotone!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-duotone.ph-arrow-right:before{content:"\e06c";opacity:.2}.ph-duotone.ph-arrow-right:after{content:"\e06d";margin-left:-1em}.ph-duotone.ph-article:before{content:"\e0a8";opacity:.2}.ph-duotone.ph-article:after{content:"\e0a9";margin-left:-1em}.ph-duotone.ph-caret-down:before{content:"\e136";opacity:.2}.ph-duotone.ph-caret-down:after{content:"\e137";margin-left:-1em}.ph-duotone.ph-caret-up:before{content:"\e13c";opacity:.2}.ph-duotone.ph-caret-up:after{content:"\e13d";margin-left:-1em}.ph-duotone.ph-check:before{content:"\e182";opacity:.2}.ph-duotone.ph-check:after{content:"\e183";margin-left:-1em}.ph-duotone.ph-check-circle:before{content:"\e184";opacity:.2}.ph-duotone.ph-check-circle:after{content:"\e185";margin-left:-1em}.ph-duotone.ph-envelope-simple-open:before{content:"\e21a";opacity:.2}.ph-duotone.ph-envelope-simple-open:after{content:"\e21b";margin-left:-1em}.ph-duotone.ph-faders:before{content:"\e228";opacity:.2}.ph-duotone.ph-faders:after{content:"\e229";margin-left:-1em}.ph-duotone.ph-file-csv:before{content:"\eb1c";opacity:.2}.ph-duotone.ph-file-csv:after{content:"\eb1d";margin-left:-1em}.ph-duotone.ph-file-text:before{content:"\e23a";opacity:.2}.ph-duotone.ph-file-text:after{content:"\e23b";margin-left:-1em}.ph-duotone.ph-globe:before{content:"\e288";opacity:.2}.ph-duotone.ph-globe:after{content:"\e289";margin-left:-1em}.ph-duotone.ph-headset:before{content:"\e584";opacity:.2}.ph-duotone.ph-headset:after{content:"\e585";margin-left:-1em}.ph-duotone.ph-info:before{content:"\e2ce";opacity:.2}.ph-duotone.ph-info:after{content:"\e2cf";margin-left:-1em}.ph-duotone.ph-magnifying-glass:before{content:"\e30c";opacity:.2}.ph-duotone.ph-magnifying-glass:after{content:"\e30d";margin-left:-1em}.ph-duotone.ph-paper-plane-tilt:before{content:"\e398";opacity:.2}.ph-duotone.ph-paper-plane-tilt:after{content:"\e399";margin-left:-1em}.ph-duotone.ph-scan:before{content:"\ebb6";opacity:.2}.ph-duotone.ph-scan:after{content:"\ebb7";margin-left:-1em}.ph-duotone.ph-shield-check:before{content:"\e40c";opacity:.2}.ph-duotone.ph-shield-check:after{content:"\e40f";margin-left:-1em}.ph-duotone.ph-sign-in:before{content:"\e428";opacity:.2}.ph-duotone.ph-sign-in:after{content:"\e429";margin-left:-1em}.ph-duotone.ph-spinner-gap:before{content:"\e66c";opacity:.2}.ph-duotone.ph-spinner-gap:after{content:"\e66d";margin-left:-1em}.ph-duotone.ph-stack:before{content:"\e466";opacity:.2}.ph-duotone.ph-stack:after{content:"\e467";margin-left:-1em}.ph-duotone.ph-user-plus:before{content:"\e4d0";opacity:.2}.ph-duotone.ph-user-plus:after{content:"\e4d1";margin-left:-1em}.ph-duotone.ph-warning:before{content:"\e4e0";opacity:.2}.ph-duotone.ph-warning:after{content:"\e4e1";margin-left:-1em}.ph-duotone.ph-warning-circle:before{content:"\e4e2";opacity:.2}.ph-duotone.ph-warning-circle:after{content:"\e4e3";margin-left:-1em}.ph-duotone.ph-x:before{content:"\e4f6";opacity:.2}.ph-duotone.ph-x:after{content:"\e4f7";margin-left:-1em}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#b30000,#dc2626);z-index:9999;transition:width .1s}img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#b30000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:1s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.log-line{border-left:2px solid #b30000;padding-left:10px;margin-bottom:8px;opacity:0;animation:.3s forwards slideIn}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-x-twitter{--fa:"\e61b"}.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-instagram{--fa:"\f16d"}.fa-youtube{--fa:"\f167"}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}.fa-regular,.far{font-weight:400}:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}
39@font-face{font-family:FontAwesome;font-display:swap;src:url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}#wpca-trans-layer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99997;zoom:1}.wpca-lay-out,.wpca-lay-out *{box-sizing:border-box}.wpca-lay-out{background-color:#444;display:block;height:auto;position:fixed;z-index:99998}.wpca-lay-out.wpca-top{top:0}.wpca-lay-out.wpca-bottom{bottom:0}#wpca-popup-modal.wpca-hide,#wpca-reconsider-icon.wpca-hide,#wpca-trans-layer.wpca-hide,.wpca-lay-out.wpca-hide{display:none!important}#wpca-popup-modal.wpca-show,#wpca-reconsider-icon.wpca-show,#wpca-trans-layer.wpca-show,.wpca-lay-out.wpca-show:not(#wpca-bar){display:block}.wpca-lay-out.wpca-align-left p{text-align:left}.wpca-lay-out.wpca-align-center p{text-align:center}.wpca-lay-out.wpca-align-right p{text-align:right}.wpca-lay-out .wpca-lay-out-content{min-height:40px;text-align:center}.wpca-lay-out .wpca-lay-out-content p{margin:0;min-height:40px;opacity:1;padding:0 5px;position:relative;z-index:100}.wpca-lay-out .wpca-lay-out-content *{font-size:16px;line-height:33px}.wpca-lay-out .wpca-lay-out-meta .wpca-btn{display:inline-block;text-align:center}.wpca-lay-out.wpca-has-close-x{overflow:visible}.wpca-btn-privacy{cursor:pointer}.wpca-btn:focus{outline:0}.wpca-btn+.wpca-btn{display:inline-block;vertical-align:top}#wpca-icon-settings+.wpca-btn,#wpca-icon-settings+noscript+.wpca-btn,.wpca-btn+.wpca-btn{margin-left:2%}.wpca-cc-sett-box .wpca-btn{margin-left:0;margin-right:2%}#wpca-icon-settings{cursor:pointer;display:inline-block;font-size:small;vertical-align:middle}.wpca-cc-settings-link #wpca-icon-settings{text-align:right;width:auto}.wpca-cc-settings-icon #wpca-icon-settings{width:27px}#wpca-icon-settings:hover{opacity:.8}.wpca-lay-out[class*=wpca-decline].wpca-cc-settings-has .wpca-lay-out-meta .wpca-btn{vertical-align:middle}#wpca-reconsider-icon{background-repeat:no-repeat;background-size:contain;bottom:17px;cursor:pointer;display:none;position:fixed;z-index:99998}#wpca-reconsider-icon svg{height:35px;width:35px}#wpca-reconsider-icon.wpca-rci-bl{left:17px}#wpca-reconsider-icon.wpca-rci-br{right:17px}#wpca-bar{display:flex;flex-flow:row nowrap;justify-content:space-between;min-height:30px;padding:15px 20px;width:100%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-not .wpca-lay-out-content,#wpca-bar.wpca-cc-settings-not.wpca-decline-not .wpca-lay-out-content{flex:0 1 80%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content{flex:0 1 77%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-has .wpca-lay-out-content,#wpca-bar.wpca-cc-settings-not.wpca-decline-has .wpca-lay-out-content{flex:0 1 65%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content{flex:0 1 62.56%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-not .wpca-lay-out-meta,#wpca-bar.wpca-cc-settings-not.wpca-decline-not .wpca-lay-out-meta{flex:0 1 20%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta{flex:0 1 23%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-has .wpca-lay-out-meta,#wpca-bar.wpca-cc-settings-not.wpca-decline-has .wpca-lay-out-meta{flex:0 1 35%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta{flex:0 1 37.44%}#wpca-bar-meta{text-align:right}#wpca-bar.wpca-top.wpca-shadow{-webkit-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);box-shadow:2px 2px 5px 0 rgba(68,68,68,.75)}#wpca-bar.wpca-bottom.wpca-shadow{-webkit-box-shadow:2px -2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px -2px 5px 0 rgba(68,68,68,.75);box-shadow:2px -2px 5px 0 rgba(68,68,68,.75)}#wpca-box{max-height:100%;min-height:10%;padding:15px 20px;width:20%}#wpca-box.wpca-tl{left:0;top:0}#wpca-box.wpca-tr{right:0;top:0}#wpca-box.wpca-bl{bottom:0;left:0}#wpca-box.wpca-br{bottom:0;right:0}#wpca-box-content{width:100%}#wpca-box-content p{padding:0}#wpca-box-meta{margin-top:14px;text-align:center;width:100%}.wpca-btn-align-left #wpca-box-meta{text-align:left}.wpca-btn-align-right #wpca-box-meta{text-align:right}#wpca-box.wpca-cc-settings-icon #wpca-box-meta #wpca-icon-settings{width:30px}#wpca-box.wpca-cc-settings-link #wpca-box-meta #wpca-icon-settings{width:auto}#wpca-box.wpca-cc-settings-not.wpca-decline-not #wpca-box-meta .wpca-btn{width:100%}#wpca-box.wpca-cc-settings-not.wpca-decline-has #wpca-box-meta .wpca-btn{width:49%}#wpca-box.wpca-cc-settings-icon.wpca-decline-not #wpca-box-meta .wpca-btn{width:calc(98% - 30px)}#wpca-box.wpca-cc-settings-icon.wpca-decline-has #wpca-box-meta .wpca-btn{width:calc(48% - 15px)}#wpca-box.wpca-cc-settings-link.wpca-decline-has #wpca-box-meta .wpca-btn{width:38%}#wpca-box.wpca-cc-settings-link.wpca-decline-has #wpca-box-meta #wpca-icon-settings{width:20%}#wpca-box.wpca-cc-settings-link.wpca-decline-not #wpca-box-meta .wpca-btn{width:78%}#wpca-box.wpca-cc-settings-link.wpca-decline-not #wpca-box-meta #wpca-icon-settings{width:20%}#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-100] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-5] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-6] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-7] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-8] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-9] #wpca-box-meta .wpca-btn{margin-left:10px;width:auto}#wpca-box.wpca-ct,#wpca-popup-modal{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}#wpca-popup-modal,#wpca-popup-modal *{box-sizing:border-box}.wpca-btn-hide{height:0!important;left:-9999px!important;margin:0!important;padding:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.wpca-blocked{display:none!important}
39#wpca-box.wpca-shadow{-webkit-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);box-shadow:2px 2px 5px 0 rgba(68,68,68,.75)}.wpca-icon-close{cursor:pointer;display:inline-block;position:absolute;right:10px}.wpca-lay-out.wpca-top .wpca-icon-close{bottom:-30px}.wpca-lay-out.wpca-bottom .wpca-icon-close{top:-30px}.wpca-lay-out.wpca-ct .wpca-icon-close{right:0;top:-30px}.wpca-lay-out.wpca-close-x-inside{padding-top:36px!important}.wpca-lay-out.wpca-close-x-inside .wpca-icon-close{height:17px;right:7px;top:7px;width:17px}#wpca-popup-modal{overflow-y:auto;z-index:99999}#wpca-popup-modal .wpca-icon-close{right:15px;top:15px}.wpca-cc-settings-open+#wpca-trans-layer{z-index:99998}.wpca-cc-sett-box{display:none}.wpca-cc-sett-options input[type=checkbox]{margin-right:5px}.wpca-cc-sett-box.wpca-shadow{-webkit-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);box-shadow:2px 2px 5px 0 rgba(68,68,68,.75)}.wpca-cc-sett-box .wpca-btn{margin-right:15px}.wpca-cc-sett-box .wpca-btn,.wpca-cc-sett-box .wpca-cc-sett-options,.wpca-cc-sett-options+.wpca-btn{margin-top:15px}@media screen and (max-width:1780px){#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content{flex-basis:58%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta{flex-basis:42%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content{flex-basis:69.1012%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta{flex-basis:30.8988%}}@media screen and (max-width:1480px){#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content{flex-basis:48%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta{flex-basis:52%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content{flex-basis:55.6032%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta{flex-basis:44.3968%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta *{width:32%}}@media screen and (max-width:1180px){#wpca-bar.wpca-decline-has:not(.wpca-cc-settings-link) .wpca-lay-out-content{flex-basis:55%}#wpca-bar.wpca-decline-has:not(.wpca-cc-settings-link) .wpca-lay-out-meta{flex-basis:45%}#wpca-bar.wpca-cc-settings-icon #wpca-bar-meta #wpca-icon-settings{width:30px}#wpca-bar.wpca-cc-settings-not.wpca-decline-not #wpca-bar-meta .wpca-btn{width:auto}#wpca-bar.wpca-cc-settings-not.wpca-decline-has #wpca-bar-meta .wpca-btn{width:49%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-not #wpca-bar-meta .wpca-btn{width:calc(98% - 30px)}#wpca-bar.wpca-cc-settings-icon.wpca-decline-has #wpca-bar-meta .wpca-btn{width:calc(48% - 15px)}#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-1] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-2] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-3] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-4] #wpca-box-meta .wpca-btn{margin-left:0;width:100%}#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-1] #wpca-box-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-2] #wpca-box-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-3] #wpca-box-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-4] #wpca-box-meta #wpca-icon-settings{margin-bottom:2%;text-align:center;width:100%}}@media screen and (max-width:1024px){#wpca-bar{flex-direction:column}.wpca-lay-out img{height:auto;max-width:100%}.wpca-lay-out .wpca-lay-out-content p{padding:0}.wpca-lay-out .wpca-lay-out-content *{font-size:14px;line-height:26px}#wpca-box{border-radius:0!important;margin:0!important;min-height:10%!important;width:100%!important}#wpca-bar[class*=wpca-cc-settings][class*=wpca-decline] .wpca-lay-out-content,#wpca-bar[class*=wpca-decline] .wpca-lay-out-meta{flex-basis:100%}#wpca-bar .wpca-lay-out-meta{margin-top:14px}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta .wpca-btn{width:38%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta #wpca-icon-settings{width:20%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta .wpca-btn{width:78%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta #wpca-icon-settings{width:20%}#wpca-bar.wpca-cc-settings-not.wpca-decline-not #wpca-bar-meta .wpca-btn{width:100%}#wpca-popup-modal{height:100%;left:0;max-height:100%!important;max-width:100%!important;top:0;transform:none;width:100%}#wpca-popup-modal .wpca-cc-sett-box{border-radius:0;height:100%;overflow-y:auto;padding:10px;width:100%}#wpca-popup-modal .wpca-cc-sett-box h1,#wpca-popup-modal .wpca-cc-sett-box h2,#wpca-popup-modal .wpca-cc-sett-box h3{margin-top:15px}#wpca-popup-modal .wpca-cc-sett-box p{font-size:14px;line-height:1.5}#wpca-popup-modal .wpca-cc-sett-box .wpie-switch{margin:0 0 10px}#wpca-popup-modal .wpca-cc-sett-box .wpie-switch-descr{margin-top:9px}}@media screen and (max-width:768px){.wpca-cc-sett-box .wpca-btn{margin-right:0;width:100%}.wpca-cc-sett-box .wpca-btn+.wpca-btn{margin-top:7px}}@media screen and (max-height:375px),screen and (max-width:640px){#wpca-box.wpca-ct{height:100%;left:0;top:0;transform:none;z-index:99999}}@media screen and (max-width:640px){#wpca-bar.wpca-cc-settings-link[class*=wpca-decline] #wpca-bar-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline] #wpca-box-meta #wpca-icon-settings{margin-bottom:2%;text-align:center;width:100%}#wpca-bar.wpca-cc-settings-link[class*=wpca-decline] #wpca-bar-meta .wpca-btn,#wpca-bar.wpca-cc-settings-not[class*=wpca-decline] #wpca-bar-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-not[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{display:block;width:100%}#wpca-bar.wpca-cc-settings-link[class*=wpca-decline] #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-bar.wpca-cc-settings-not[class*=wpca-decline] #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline] #wpca-box-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-cc-settings-not[class*=wpca-decline] #wpca-box-meta .wpca-btn+.wpca-btn{margin-top:2.5%}#wpca-bar.wpca-cc-settings-link #wpca-bar-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{margin-left:0}#wpca-bar[class*=wpca-decline] #wpca-bar-content,#wpca-bar[class*=wpca-decline] #wpca-bar-meta{flex-basis:100%}#wpca-bar.wpca-cc-settings-icon[class*=wpca-decline] #wpca-bar-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-icon[class*=wpca-decline] #wpca-box-meta #wpca-icon-settings{width:30px}#wpca-bar.wpca-cc-settings-icon[class*=wpca-decline] #wpca-bar-meta .wpca-btn,#wpca-box.wpca-cc-settings-icon[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{display:inline-block;width:calc(98% - 30px)}#wpca-box.wpca-cc-settings-icon[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{margin-left:2%}#wpca-bar.wpca-decline-has #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-decline-has[class*=wpca-box-width] #wpca-box-meta .wpca-btn+.wpca-btn{margin-top:2.5%}#wpca-bar.wpca-decline-has.wpca-cc-settings-icon #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-decline-has.wpca-cc-settings-icon[class*=wpca-box-width] #wpca-box-meta .wpca-btn+.wpca-btn{margin-left:calc(30px + 2%)}#wpca-bar.wpca-decline-has.wpca-cc-settings-not #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-decline-has.wpca-cc-settings-not[class*=wpca-box-width] #wpca-box-meta .wpca-btn+.wpca-btn{margin-left:0}}.wpie-switch .wpie-switch-wrapper{backface-visibility:hidden;display:inline-block;font-size:inherit;height:23px;line-height:inherit;margin:0;position:relative;transform:translateZ(0);vertical-align:middle;width:40px}.wpie-switch input{height:100%;margin:0;opacity:0;width:100%;z-index:1}.wpie-switch input,.wpie-switch-slider{cursor:pointer;left:0;position:absolute;top:0}.wpie-switch-slider{background-color:#ccc;border-radius:23px;bottom:0;right:0;-webkit-transition:.4s;transition:.4s}.wpie-switch-slider:before{backface-visibility:hidden;background-color:#fff;border-radius:50%;bottom:3px;content:"";height:17px;left:3px;position:absolute;-webkit-transition:.4s;transition:.4s;width:17px}input:checked+.wpie-switch-slider{background-color:#7cdf46}input:checked+.wpie-switch-slider:before{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px)}input:disabled:checked+.wpie-switch-slider{background-color:#ccc}input:disabled:checked+.wpie-switch-slider:before{background-color:#a7a3a3}.wpie-switch-label{cursor:pointer;font-weight:700;margin-left:15px;vertical-align:middle}.wpie-switch-descr{display:block;margin-top:13px}</style><link rel="preload" data-rocket-preload as="image" href="https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp" fetchpriority="high">
40<meta name="description" content="The alt text SEO blog by AutoAlt.ai. Expert articles on alt text SEO, image optimization, EAA compliance &amp; accessibility best practices."/>
41<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
42<link rel="canonical" href="https://www.autoalt.ai/blog/" />
43<link rel="next" href="https://www.autoalt.ai/blog/page/2/" />
44<meta property="og:locale" content="en_US" />
45<meta property="og:type" content="website" />
46<meta property="og:title" content="Alt Text SEO Blog – Guides &amp; Accessibility Tips | AutoAlt.ai" />
47<meta property="og:description" content="The alt text SEO blog by AutoAlt.ai. Expert articles on alt text SEO, image optimization, EAA compliance &amp; accessibility best practices." />
48<meta property="og:url" content="https://www.autoalt.ai/blog/" />
49<meta property="og:site_name" content="Auto alt" />
50<meta name="twitter:card" content="summary_large_image" />
51<meta name="twitter:title" content="Alt Text SEO Blog – Guides &amp; Accessibility Tips | AutoAlt.ai" />
52<meta name="twitter:description" content="The alt text SEO blog by AutoAlt.ai. Expert articles on alt text SEO, image optimization, EAA compliance &amp; accessibility best practices." />
53<!-- /Rank Math WordPress SEO plugin -->
54
55<link rel='dns-prefetch' href='//www.autoalt.ai' />
56<link rel='dns-prefetch' href='//js.stripe.com' />
57<link rel='dns-prefetch' href='//unpkg.com' />
58<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
59
60<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
61
62
63
64
65
66
67
68
69<style id="wpca-frontend-inline-css"></style>
70<script id="wpml-cookie-js-extra">
71var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}};
72var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}};
73//# sourceURL=wpml-cookie-js-extra
74</script>
vendor: 1 bytes, line 74
74
75<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="wpml-cookie-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=1789981828"></script>
vendor: 1 bytes, line 75
75
76<script id="jquery-core-js" src="https://www.autoalt.ai/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 76
76
77<script id="jquery-migrate-js" src="https://www.autoalt.ai/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 77
77
78<script type="text/rocketlazyloadscript" id="phosphor-icons-js" data-rocket-src="https://unpkg.com/@phosphor-icons/web" data-rocket-defer defer></script>
78
79<link rel="https://api.w.org/" href="https://www.autoalt.ai/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.autoalt.ai/xmlrpc.php?rsd" />
80<meta name="generator" content="WordPress 7.1.2" />
81<meta name="generator" content="WPML ver:4.9.7 stt:1,3;" />
82
83    
83<script type="text/rocketlazyloadscript">
84        // tailwind.config = {
85        //     theme: {
86        //         extend: {
87        //             colors: {
88        //                 brand: { DEFAULT: '#B30000', hover: '#8a0000' },
89        //                 slate: { 850: '#1e293b', 900: '#0f172a' }
90        //             },
91        //             fontFamily: {
92        //                 sans: ['Inter', 'sans-serif'],
93        //                 display: ['Space Grotesk', 'sans-serif']
94        //             },
95        //             boxShadow: {
96        //                 'glow': '0 0 20px rgba(179, 0, 0, 0.4)',
97        //                 'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.07)',
98        //                 'mega': '0 30px 60px -12px rgba(0, 0, 0, 0.15)'
99        //             }
100        //         }
101        //     }
102        // }
103    </script>
103
104    <link rel="icon" href="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-32x32.webp" sizes="32x32" />
105<link rel="icon" href="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-192x192.webp" sizes="192x192" />
106<link rel="apple-touch-icon" href="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-180x180.webp" />
107<meta name="msapplication-TileImage" content="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-270x270.png" />
108<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>        <style></style>
109
110    
110<script type="text/rocketlazyloadscript">
111        /*
112        tailwind.config = {
113            theme: {
114                extend: {
115                    colors: {
116                        joomla: {
117                            orange: '#f05a28',
118                            blue: '#1d2d50',
119                            dark: '#101729'
120                        },
121                        wordpress: '#21759b',
122                        woo: '#96588a',
123                        shopware: '#189eff',
124                        shopify: '#95BF47',
125                        shopifyDark: '#5E8E3E',
126                        joomla: '#F44321',
127                        joomlaDark: '#D63118',
128                        drupal: '#0678BE',
129                        drupalDark: '#005A8C',
130                        brand: {
131                            DEFAULT: '#B30000', // Primary Urgency
132                            hover: '#8a0000',
133                            light: '#fff5f5', // Alert BG
134                            // Offizielles Shopify Grün
135                        },
136                        slate: {
137                            600: '#475569', // Body Text
138                            900: '#1e293b' // Primary Text/Headlines
139                        },
140                        surface: '#FAFAFA', // Neutral BG
141                        success: '#4ade80', // AI Status/Green
142                        timme: '#a1c639', // Timme Hosting Green Accent
143                    },
144                    fontFamily: {
145                        sans: ['Inter', 'sans-serif'],
146                        display: ['Space Grotesk', 'sans-serif'],
147                        mono: ['JetBrains Mono', 'monospace']
148                    },
149                    borderRadius: {
150                        'bento': '2.5rem', // Style Guide Standard
151                    },
152                    boxShadow: {
153                        'glow': '0 0 20px rgba(179, 0, 0, 0.4)',
154                        'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.07)',
155                        'mega': '0 30px 60px -12px rgba(0, 0, 0, 0.15)'
156                    }
157                }
158            }
159        }
160        */
161        // 1. READING PROGRESS BAR
162        window.addEventListener('scroll', () => {
163            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
164            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
165            const scrolled = (winScroll / height) * 100;
166            document.getElementById('reading-progress').style.width = scrolled + '%';
167        });
168    </script>
168
169            
169<script type="application/ld+json">
170            {
171    "@context": "https:\/\/schema.org",
172    "@type": "BreadcrumbList",
173    "@id": "https:\/\/www.autoalt.ai\/blog#breadcrumb",
174    "itemListElement": [
175        {
176            "@type": "ListItem",
177            "position": 1,
178            "name": "Home Page",
179            "item": "https:\/\/www.autoalt.ai\/"
180        },
181        {
182            "@type": "ListItem",
183            "position": 2,
184            "name": "Blog",
185            "item": "https:\/\/www.autoalt.ai\/blog\/"
186        }
187    ]
188}        </script>
188
189
190
191
192            
192<script type="application/ld+json">
193            {
194                "@context": "https://schema.org",
195                "@graph": [
196                    {
197                        "@type": "Organization",
198                        "@id": "https://www.autoalt.ai/#organization",
199                        "name": "AutoAlt.ai",
200                        "alternateName": "webAufstieg GmbH",
201                        "url": "https://www.autoalt.ai/",
202                        "logo": {
203                            "@type": "ImageObject",
204                            "url": "https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg",
205                            "width": 133,
206                            "height": 28                        },
207                        "description": "AI Alt-Text Generator for SEO & Accessibility. EAA & ADA compliant. German quality from Aalen.",
208                        "foundingDate": "2024",
209                        "foundingLocation": "Aalen, Germany",
210                        "address": {
211                            "@type": "PostalAddress",
212                            "streetAddress": "Ulmer Straße 160",
213                            "addressLocality": "Aalen",
214                            "postalCode": "73430",
215                            "addressRegion": "Baden-Württemberg",
216                            "addressCountry": "DE"
217                        },
218                        "contactPoint": {
219                            "@type": "ContactPoint",
220                            "contactType": "customer service",
221                            "email": "[email protected]",
222                            "availableLanguage": ["German", "English"]
223                        }
224                    },
225                    {
226                        "@type": "WebSite",
227                        "@id": "https://www.autoalt.ai/#website",
228                        "url": "https://www.autoalt.ai/",
229                        "name": "AutoAlt.ai",
230                        "image": "https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg",
231                        "description": "AI Alt-Text Generator for SEO & Accessibility",
232                        "publisher": {
233                            "@id": "https://www.autoalt.ai/#organization"
234                        },
235                        "inLanguage": "en-US",
236                        "potentialAction": {
237                            "@type": "SearchAction",
238                            "target": {
239                                "@type": "EntryPoint",
240                                "urlTemplate": "https://www.autoalt.ai/search/?q={search_term_string}"
241                            },
242                            "query-input": "required name=search_term_string"
243                        }
244                    }
245                ]
246            }
247        </script>
247
248    
249    
250            
250<script type="application/ld+json">
251            {
252  "@context": "https://schema.org",
253  "@graph": [
254    {
255      "@type": "Blog",
256      "@id": "https://www.autoalt.ai/#blog",
257      "name": "AutoAlt.ai Blog",
258      "description": "Articles on alt-texts, SEO, accessibility, and e-commerce compliance.",
259      "url": "https://www.autoalt.ai/blog/",
260      "inLanguage": "en-US",
261      "publisher": {
262        "@id": "https://www.autoalt.ai/#organization"
263      }
264    },
265    {
266      "@type": "Product",
267      "@id": "https://www.autoalt.ai/blog/#product",
268      "name": "AutoAlt.ai – AI Alt Text Generator",
269      "image": "https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg",
270      "description": "AI-powered alt-text generator that automatically creates SEO-optimized and accessibility-compliant alt text for images.",
271      "brand": {
272        "@type": "Brand",
273        "name": "AutoAlt.ai"
274      },
275      "aggregateRating": {
276        "@type": "AggregateRating",
277        "ratingValue": "4.9",
278        "reviewCount": "1198",
279        "bestRating": "5",
280        "worstRating": "1"
281      },
282      "offers": {
283        "@type": "Offer",
284        "price": "0",
285        "priceCurrency": "EUR",
286        "availability": "https://schema.org/InStock",
287        "url": "https://www.autoalt.ai/pricing/"
288      }
289    }
290  ]
291}        </script>
291
292    
293    
294    
295    <meta name="google-site-verification" content="5o7DCjNUSK6Iv9zTjO-kgf8ce8Qeed5RAO4l6Pq5djg" />
296
297<script type="text/rocketlazyloadscript">
298  window.dataLayer = window.dataLayer || [];
299  function gtag(){dataLayer.push(arguments);}
300  gtag('consent', 'default', {
301    'ad_storage': 'denied',
302    'ad_user_data': 'denied',
303    'ad_personalization': 'denied',
304    'analytics_storage': 'denied',
305    'functionality_storage': 'denied',
306    'personalization_storage': 'denied',
307    'security_storage': 'granted',
308    'wait_for_update': 2000
309  });
310</script>
310
311
312<script type="text/rocketlazyloadscript">
vendor: 327 bytes, lines 312-316
312(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
313new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
314j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
315'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
316})(window,document,'script','dataLayer','
316GTM-5WMM3X3B
vendor: 3 bytes, line 316
316');
316</script>
316
317
318<!-- Hotjar -->
319<script data-wpca-marked="1" data-wpca-marked-auto="1" data-wpca-marked-data='{&quot;id&quot;:0,&quot;cc&quot;:&quot;analytical&quot;,&quot;txt&quot;:&quot;&quot;,&quot;type&quot;:&quot;hotjar&quot;,&quot;context&quot;:&quot;head&quot;,&quot;blocked&quot;:1,&quot;placeholder&quot;:false,&quot;nodeName&quot;:&quot;script&quot;}'  type="text/template">
320  window.hjConsentGiven = false; // block hotjar by default
vendor: 115 bytes, lines 320-323
320
321  (function(h,o,t,j,a,r){
322    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
323    h._hjSettings={hjid:
3236499647
vendor: 243 bytes, lines 323-330
323,hjsv:6};
324    a=o.getElementsByTagName('head')[0];
325    r=o.createElement('script');r.async=1;
326    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
327    a.appendChild(r);
328  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
329
330  
330// Opt out by default until consent given
331  window.hj('optout');
332</script>
332<!--[wpca_mrkd]-->
333
334
335
336<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.23.3.3" data-wpr-features="wpr_remove_unused_css wpr_delay_js wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_auto_preload_fonts wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_cache_webp wpr_minify_css wpr_cdn wpr_preload_links wpr_host_fonts_locally wpr_desktop" /></head>
337
338<body class="blog wp-theme-autoalt font-sans text-slate-600 antialiased selection:bg-brand/10 selection:text-brand relative">
339    
340	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 340-341
340
341	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
341GTM-5WMM3X3B
vendor: 88 bytes, lines 341-343
341" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
342
343    
343<div  class="reading-progress" id="reading-progress"></div>
344    <div  class="ambient-blobs">
345        <div  class="blob blob-1"></div>
346        <div  class="blob blob-2"></div>
347        <div  class="blob blob-3"></div>
348        <div  class="elegant-grid"></div>
349    </div>
350
351    <header  class="fixed top-6 left-0 right-0 z-[100] flex justify-center px-4">
352        <div  class="floating-nav-container xl:px-6 px-4 py-2 xl:rounded-full rounded-4xl xl:w-fit w-full shadow-glass flex flex-col">
353            <div  class="flex items-center gap-2 md:gap-12 h-12">
354                <a href="https://www.autoalt.ai" class="shrink-0 transition-transform active:scale-95" title="AutoAlt.ai">
355                    <img width="133" height="28" src="https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg" class="h-8 w-auto" alt="The AUTOALT.AI logo shows a red, stylized A symbol to the left of the dark gray lettering AUTOALT.AI." title="AUtoAlt.Ai_" decoding="async" />                </a>
356
357                                    <div class="hidden xl:flex items-center gap-8 text-[13px] font-bold text-slate-500">
358                                                            <div class="group relative h-full flex items-center">
359                                        <a href="#" target="_self" title="SOLUTIONS" class="hover:text-brand transition-colors uppercase tracking-wider flex items-center gap-1.5 py-4">SOLUTIONS <i class="ph ph-caret-down text-[10px]"></i></a>
360                                        <div class="submenu-animate absolute top-full mt-2 w-[680px]">
361                                            <div class="glass-panel-menu rounded-[2.5rem] p-5 grid grid-cols-3 gap-2">
362                                                                                                                <a href="https://www.autoalt.ai/bulk-alt-text-generator/" target="_self" title="Bulk Generator" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
363                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
364                                                                                                                                                                                                                                    <i class="ph-bold ph-stack text-lg"></i>
365                                                                                                                                                                                                                        </div>
366
367                                                                    <div class="text-left">
368                                                                        <div class="text-slate-900 text-sm font-bold">Bulk Generator</div>
369                                                                                                                                                    <div class="text-[10px] text-slate-400">Speed</div>
370                                                                                                                                            </div>
371                                                                </a>
372                                                                                                                            <a href="https://www.autoalt.ai/compliance/eaa-2025/" target="_self" title="Accessibility (ADA/EAA)" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
373                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
374                                                                                                                                                                                                                                    <i class="ph-bold ph-shield-check text-lg"></i>
375                                                                                                                                                                                                                        </div>
376
377                                                                    <div class="text-left">
378                                                                        <div class="text-slate-900 text-sm font-bold">Accessibility (ADA/EAA)</div>
379                                                                                                                                                    <div class="text-[10px] text-slate-400">ADA/WCAG</div>
380                                                                                                                                            </div>
381                                                                </a>
382                                                                                                                            <a href="https://www.autoalt.ai/ai-visibility/" target="_self" title="AI Visibility" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
383                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
384                                                                                                                                                                                                                                    <i class="ph-bold ph-eye text-lg"></i>
385                                                                                                                                                                                                                        </div>
386
387                                                                    <div class="text-left">
388                                                                        <div class="text-slate-900 text-sm font-bold">AI Visibility</div>
389                                                                                                                                                    <div class="text-[10px] text-slate-400">GEO/AEO</div>
390                                                                                                                                            </div>
391                                                                </a>
392                                                                                                                            <a href="https://www.autoalt.ai/partners/" target="_self" title="Partners Program" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
393                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
394                                                                                                                                                                                                                                    <i class="ph-bold ph-handshake text-lg"></i>
395                                                                                                                                                                                                                        </div>
396
397                                                                    <div class="text-left">
398                                                                        <div class="text-slate-900 text-sm font-bold">Partners Program</div>
399                                                                                                                                                    <div class="text-[10px] text-slate-400">Grow together</div>
400                                                                                                                                            </div>
401                                                                </a>
402                                                                                                                            <a href="https://www.autoalt.ai/enterprise/" target="_self" title="Enterprise" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
403                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
404                                                                                                                                                                                                                                    <i class="ph-bold ph-globe-stand text-lg"></i>
405                                                                                                                                                                                                                        </div>
406
407                                                                    <div class="text-left">
408                                                                        <div class="text-slate-900 text-sm font-bold">Enterprise</div>
409                                                                                                                                                    <div class="text-[10px] text-slate-400">Global Automation</div>
410                                                                                                                                            </div>
411                                                                </a>
412                                                                                                        </div>
413                                        </div>
414                                    </div>
415                                                                    <div class="group relative h-full flex items-center">
416                                        <a href="https://www.autoalt.ai/integrations/" target="_self" title="INTEGRATIONS" class="hover:text-brand transition-colors uppercase tracking-wider flex items-center gap-1.5 py-4">INTEGRATIONS <i class="ph ph-caret-down text-[10px]"></i></a>
417                                        <div class="submenu-animate absolute top-full mt-2 w-[680px]">
418                                            <div class="glass-panel-menu rounded-[2.5rem] p-5 grid grid-cols-3 gap-2">
419                                                                                                                <a href="https://www.autoalt.ai/integrations/wordpress/" target="_self" title="WordPress" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
420                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
421                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
421<path fill="currentColor" fill-rule="evenodd" d="m21.9 10.5c0 3.5-1.9 6.5-4.7 8.1 3.5-9.9 3.6-10 3.6-11.7q0-0.5 0-1c0.7 1.4 1.1 2.9 1.1 4.6zm-6.4 8.8q0.1 0 0.1 0.1c-1.9 0.6-3.9 0.7-5.8 0.1l2.8-8.2zm1.7-3.1l-3.4-10.1c0.5-0.1 1-0.1 1-0.1 0.6-0.1 0.5-0.8 0-0.8-2.1 0.1-3.1 0.1-5 0-0.5 0-0.6 0.7-0.1 0.8 0 0 0.5 0 1 0.1l1.5 4-2.1 6.2-3.4-10.2c0.5-0.1 1-0.1 1-0.1 0.5-0.1 0.5-0.8 0-0.8-1.7 0.1-2.5 0.1-3.2 0.1 1.7-2.6 4.6-4.3 8-4.3 2.4 0 4.7 1 6.3 2.5q0 0-0.1 0c-0.9 0-1.6 0.8-1.6 1.7 0 0.8 0.5 1.4 1 2.2 0.3 0.6 0.7 1.4 0.7 2.6 0 1-0.3 1.7-1.6 6.2zm-13.4-9.6l4.5 12.4c-3.1-1.5-5.3-4.8-5.3-8.5 0-1.4 0.3-2.7 0.8-3.9z"/></svg>                                                                                                                                            </div>
422
423                                                                    <div class="text-left">
424                                                                        <div class="text-slate-900 text-sm font-bold">WordPress</div>
425                                                                                                                                            </div>
426                                                                </a>
427                                                                                                                            <a href="https://www.autoalt.ai/integrations/shopware/" target="_self" title="Shopware " class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
428                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
429                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m12 1.2c-4.8 0-8.8 4-8.8 8.8 0 4.8 4 8.8 8.8 8.8 2 0 3.8-0.7 5.2-1.8q0 0-0.1 0c-0.7-0.6-1.8-1-3-1.5-2.9-1.1-6.1-2.4-6.1-6.2 0-3.5 3.2-5.4 7.7-5.4q1 0 2 0.2c0.1 0 0.1 0 0.2 0q0.3 0.1 0.7 0.2c-1.6-1.9-4-3.1-6.6-3.1zm3.5 6.1c-3 0-2.8 2-2.8 2 0 1.6 1.8 2.4 4 3.2 1 0.5 2.1 0.9 3.1 1.5 0.6-1.2 1-2.6 1-4q0-0.2-0.1-0.4 0 0 0 0c-1.9-1.6-3.4-2.3-5.2-2.3z"/></svg>                                                                                                                                            </div>
430
431                                                                    <div class="text-left">
432                                                                        <div class="text-slate-900 text-sm font-bold">Shopware </div>
433                                                                                                                                            </div>
434                                                                </a>
435                                                                                                                            <a href="https://www.autoalt.ai/integrations/typo3/" target="_self" title="Typo3" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
436                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
437                                                                                                                                                    <svg width="24" height="20" viewBox="0 0 40 40" role="img" xmlns="http://www.w3.org/2000/svg">
438<path d="M29.7399 27.38C29.1999 27.54 28.6299 27.63 28.0599 27.62C23.0599 27.62 15.6099 9.98 15.6099 4.12C15.6099 1.95 16.1199 1.23 16.8399 0.619995C10.6699 1.34 3.25994 3.62 0.839944 6.48C0.229944 7.47 -0.0500555 8.61999 -5.54859e-05 9.77999C-5.54859e-05 18.94 9.78995 39.78 16.6899 39.78C19.8799 39.78 25.2599 34.53 29.6899 27.43" fill="currentColor"></path>
439<path d="M26.5199 0C32.8999 0 39.2899 1 39.2899 4.63C39.2899 11.94 34.6499 20.79 32.2899 20.79C28.0699 20.79 22.8199 9.06 22.8199 3.19C22.8199 0.51 23.8199 0 26.5299 0" fill="currentColor"></path>
440</svg>                                                                                                                                            </div>
441
442                                                                    <div class="text-left">
443                                                                        <div class="text-slate-900 text-sm font-bold">Typo3</div>
444                                                                                                                                            </div>
445                                                                </a>
446                                                                                                                            <a href="https://www.autoalt.ai/integrations/woocommerce/" target="_self" title="WooCommerce" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
447                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
448                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="25" height="25">
448<path fill="currentColor" d="m18 14.2q0.3-0.4 0.3-0.9c0-0.7-0.5-1.4-1.2-1.5-0.7-0.2-1.4 0.2-1.7 0.9 0 0-1 1.4-1.7 5.6-0.3 1.8-0.6 3.7-0.6 3.7-0.9-1.8-1.5-5.9-1.9-6.6-1.5-1.6-2.5 0.5-2.5 0.5l-1.3 2.4-2.6 4.7-1.7-9.3c-0.1-0.8-0.8-1.3-1.5-1.3-0.8 0.1-1.4 0.8-1.4 1.5q0 0.2 0.1 0.4c0.2 1.5 1.1 7.7 1.8 10.4 0.9 3 1.8 5.8 3.6 3.2l0.1-0.1q0-0.1 0.1-0.3 0.2-0.2 0.3-0.5c0.8-1.4 2.3-4.2 3.2-6.2 0 0 1.3 4.6 3.5 6.9 2.1 2.3 2.8 0.4 2.9 0 0.1-0.8 0.2-10.3 2.2-13.5q0 0 0 0zm4.4-0.5q0 0-0.1 0l-0.1 0.1q-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.4 0.1 0.4 0.1 1.1 0.1 2.8-0.1 4.3-2.2 2.4-3.3 2.1-7.4 0.4-9.6-1.4-1.6-3.2-1.7-4.3-1.4zm0.1 10.1c-0.3 0-0.5-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1-3.6 0.3-2.1 1.6-2.9 2.2-3.2 0.2-0.1 0.6-0.2 1 0.1 0.4 0.3 0.8 0.9 0.9 2.2 0.1 2.3-0.8 4.4-2.5 4.7zm15.1-8.7c-1.3-1.6-3.2-1.7-4.3-1.4q0 0-0.1 0v0.1q0 0-0.1 0-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0.1 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.5 0.1 0.5 0.1 1 0.1 2.7-0.1 4.2-2.2 2.4-3.3 2.2-7.4 0.4-9.6zm-4.1 8.7c-0.4 0-0.6-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1.1-3.6 0.4-2.1 1.7-2.9 2.3-3.2 0.1-0.1 0.5-0.2 1 0.1 0.4 0.3 0.8 0.9 0.8 2.2 0.1 2.3-0.8 4.4-2.4 4.7z"/></svg>                                                                                                                                            </div>
449
450                                                                    <div class="text-left">
451                                                                        <div class="text-slate-900 text-sm font-bold">WooCommerce</div>
452                                                                                                                                            </div>
453                                                                </a>
454                                                                                                                            <a href="https://www.autoalt.ai/integrations/magento/" target="_self" title="Magento" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
455                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
456                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 26" width="24" height="26"><path fill-rule="evenodd" fill="currentColor"  d="m13.3 20.3l-1.3 0.8-1.3-0.8v-11.5l-3.3 1.8v11.6l4.6 2.6 4.6-2.6v-11.6l-3.3-1.9z"/><path fill-rule="evenodd" fill="currentColor"  d="m12 1.2l-10.5 5.9v11.8l3.3 1.9v-11.7l7.2-4.1 7.2 4.1v11.7l3.3-1.9v-11.7z"/></svg>                                                                                                                                            </div>
457
458                                                                    <div class="text-left">
459                                                                        <div class="text-slate-900 text-sm font-bold">Magento</div>
460                                                                                                                                            </div>
461                                                                </a>
462                                                                                                                            <a href="https://www.autoalt.ai/integrations/chrome-extension/" target="_self" title="Chrome Extension" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
463                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
464                                                                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path xmlns="http://www.w3.org/2000/svg" d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,24a83.89,83.89,0,0,1,65.9,32H128a52.05,52.05,0,0,0-46.15,28.07L64.18,73.47A83.82,83.82,0,0,1,128,44Zm28,84a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM44,128a83.41,83.41,0,0,1,6-31.11L83,154c.06.11.14.2.2.3A52,52,0,0,0,128,180q1.19,0,2.34-.06l-17.68,30.63A84.12,84.12,0,0,1,44,128Zm96.05,83.12L173,154c.09-.15.16-.3.24-.46A51.81,51.81,0,0,0,171.78,100h35.4a83.95,83.95,0,0,1-67.13,111.12Z"/></svg>                                                                                                                                            </div>
465
466                                                                    <div class="text-left">
467                                                                        <div class="text-slate-900 text-sm font-bold">Chrome Extension</div>
468                                                                                                                                            </div>
469                                                                </a>
470                                                                                                                            <a href="https://www.autoalt.ai/integrations/joomla/" target="_self" title="Joomla" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
471                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
472                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
472<path fill="currentColor" d="m2.6 3.4q0 0 0 0c0-0.7 0.3-1.3 0.8-1.7 0.4-0.5 1-0.8 1.7-0.8q0 0 0 0c0.7 0 1.2 0.3 1.7 0.6 0.4 0.4 0.7 0.9 0.8 1.5q0.4-0.1 0.9-0.1 0.7 0 1.2 0.2 1.1 0.3 1.9 1.1l-1.8 1.9c-0.3-0.3-0.8-0.6-1.3-0.6q0 0 0 0c-0.4 0-0.8 0.2-1 0.5-0.3 0.3-0.5 0.6-0.5 1v0.1c0 0.4 0.2 0.8 0.5 1.1l4.2 4.1-1.9 1.9-4.2-4.2c-0.5-0.5-0.9-1.2-1.1-1.9q-0.1-0.5-0.1-1 0-0.7 0.2-1.3v0.1c-0.6-0.1-1.1-0.5-1.4-0.9-0.4-0.4-0.6-0.9-0.6-1.5q0 0 0-0.1 0 0 0 0zm5.4 4.9l0.7-0.6 3.5-3.6c0.5-0.5 1.2-0.9 1.9-1.1q0.5-0.1 1.1-0.1 0.6 0 1.1 0.1c0.1-0.6 0.4-1.1 0.8-1.5 0.5-0.4 1-0.6 1.7-0.6q0 0 0 0c0.7 0 1.3 0.3 1.7 0.7 0.5 0.5 0.8 1.1 0.8 1.7q0 0.1 0 0.1 0 0 0 0c0 0.7-0.2 1.2-0.6 1.6-0.4 0.5-1 0.8-1.6 0.9q0.2 0.5 0.2 1.2 0 0.5-0.1 1-0.4 1.2-1.2 2l-1.9-1.9c0.3-0.2 0.6-0.7 0.6-1.2q0 0 0 0c0-0.4-0.2-0.8-0.5-1v-0.1c-0.2-0.2-0.6-0.4-1-0.4q0 0-0.1 0 0 0 0 0c-0.4 0-0.8 0.2-1 0.5l-4.2 4.2zm11.1 6.3c0.7 0.1 1.2 0.4 1.6 0.8 0.4 0.4 0.6 1 0.6 1.6q0 0.1 0 0.1c0 0.7-0.3 1.3-0.7 1.8-0.4 0.4-1.1 0.7-1.7 0.7q-0.1 0-0.1 0 0 0 0 0c-0.6 0-1.1-0.2-1.6-0.6-0.4-0.3-0.7-0.8-0.9-1.4q-0.5 0.2-1.2 0.2-0.5 0-1-0.2c-0.8-0.2-1.5-0.6-2-1.2l1.8-1.9c0.3 0.4 0.7 0.6 1.2 0.7 0.5 0 0.8-0.2 1.1-0.5 0.3-0.3 0.5-0.7 0.5-1.1q0 0 0 0 0 0 0 0c0-0.4-0.2-0.8-0.5-1.1l-4.2-4.1 1.9-1.9 4.1 4.2c0.5 0.5 0.9 1.1 1.1 1.8q0.2 0.5 0.2 1.1 0 0.5-0.2 1 0 0 0 0zm-3.5-2.2l-4.1 4.2c-0.5 0.5-1.1 0.8-1.8 1l-0.1 0.1q-0.5 0.1-1 0.1-0.6 0-1.1-0.1c-0.1 0.5-0.4 1-0.8 1.4-0.5 0.3-1 0.5-1.6 0.5q0 0 0 0 0 0 0 0c-0.7 0-1.3-0.2-1.8-0.7-0.4-0.4-0.7-1-0.7-1.7q0 0 0-0.1 0 0 0 0c0-0.6 0.2-1.1 0.5-1.5 0.4-0.5 0.8-0.8 1.4-0.9q-0.1-0.5-0.1-1 0-0.6 0.1-1.2 
4720.4-1.1 1.2-1.9l1.9 1.8c-0.4 0.3-0.6 0.8-0.6 1.2v0.1c0 0.4 0.2 0.8 0.4 1 0.3 0.3 0.7 0.5 1.1 0.5q0.1 0 0.1 0c0.4 0 0.7-0.2 1-0.5l4.2-4.2z" /></svg>                                                                                                                                            </div>
473
474                                                                    <div class="text-left">
475                                                                        <div class="text-slate-900 text-sm font-bold">Joomla</div>
476                                                                                                                                            </div>
477                                                                </a>
478                                                                                                                            <a href="https://www.autoalt.ai/integrations/shopify/" target="_self" title="Shopify" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
479                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
480                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m14.9 4.3q-0.1 0.1-0.1 0.1c0 0-0.2 0-0.5 0.1-0.3-0.9-0.8-1.7-1.8-1.7h-0.1c-0.2-0.3-0.5-0.5-0.9-0.5-2.3 0-3.3 2.8-3.7 4.2-0.8 0.3-1.5 0.5-1.5 0.5-0.5 0.2-0.5 0.2-0.6 0.6 0 0.4-1.3 10.2-1.3 10.2l9.8 1.9zm-2.2-1c0.5 0.1 0.9 0.7 1.1 1.3q-0.4 0.1-0.9 0.3v-0.2q0 0 0-0.1 0-0.7-0.2-1.3 0 0 0 0zm-0.4 1.7v0.1c-0.5 0.1-1.1 0.3-1.7 0.5 0.2-0.9 0.7-1.7 1.5-2.1v-0.1q0.2 0.7 0.2 1.4 0 0.1 0 0.2 0 0 0 0zm-0.8-2.2q0.1 0 0.2 0.1c-1 0.6-1.7 1.7-1.8 2.9q-0.7 0.2-1.3 0.4c0.3-1.3 1.2-3.4 2.9-3.4zm0.3 7.6q-0.5-0.3-1.2-0.3c-1.1 0-1.1 0.7-1.1 0.8 0 0.9 2.3 1.3 2.3 3.4q0 0.1 0 0.2c0 1.4-1.1 2.5-2.4 2.5q-0.1 0-0.1 0 0 0 0 0c-1 0-1.9-0.4-2.5-1l0.5-1.6c0.4 0.4 1 0.7 1.6 0.8q0 0 0 0c0.4 0 0.7-0.3 0.7-0.7 0-1.1-1.9-1.2-1.9-3.1q0 0 0-0.1c0-1.7 1.4-3.1 3.2-3.1q0.1 0 0.3 0 0.1 0 0.1 0 0.7 0 1.3 0.3h-0.1l-0.6 1.9zm2.6 9.2l5.2-1.1c0 0-1.9-12.8-1.9-12.9q0-0.1-0.1-0.1c-0.1 0-1.4-0.1-1.4-0.1 0 0-1-0.9-1.1-1q0-0.1-0.1-0.1l-0.6 15.3z"/></svg>                                                                                                                                            </div>
481
482                                                                    <div class="text-left">
483                                                                        <div class="text-slate-900 text-sm font-bold">Shopify</div>
484                                                                                                                                            </div>
485                                                                </a>
486                                                                                                                            <a href="https://www.autoalt.ai/integrations/firefox-add-ons/" target="_self" title="Firefox Add-on" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
487                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
488                                                                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M222.41,155.16a12,12,0,0,0-11.56-.69A16,16,0,0,1,188,139,16.2,16.2,0,0,1,202.8,124a15.83,15.83,0,0,1,8,1.5A12,12,0,0,0,228,114.7V72a20,20,0,0,0-20-20H176a40.15,40.15,0,0,0-12.62-29.16,39.67,39.67,0,0,0-29.94-10.76,40.08,40.08,0,0,0-37.34,37C96,50.07,96,51,96,52H64A20,20,0,0,0,44,72v28a40.15,40.15,0,0,0-29.16,12.62A40,40,0,0,0,41.1,179.9a28.3,28.3,0,0,0,2.9.1v28a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V165.31A12,12,0,0,0,222.41,155.16ZM204,204H68V165.31a12,12,0,0,0-17.15-10.84A15.9,15.9,0,0,1,42.8,156,16.2,16.2,0,0,1,28,141.06a16,16,0,0,1,22.82-15.52A12,12,0,0,0,68,114.7V76h42.7a12,12,0,0,0,10.83-17.15A15.9,15.9,0,0,1,120,50.8,16.19,16.19,0,0,1,134.94,36a16,16,0,0,1,15.53,22.81A12,12,0,0,0,161.31,76H204v24c-1,0-1.93,0-2.9.11A40,40,0,0,0,204,180h0Z"></path></svg>                                                                                                                                            </div>
489
490                                                                    <div class="text-left">
491                                                                        <div class="text-slate-900 text-sm font-bold">Firefox Add-on</div>
492                                                                                                                                            </div>
493                                                                </a>
494                                                                                                                            <a href="https://www.autoalt.ai/integrations/drupal/" target="_self" title="Drupal" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
495                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
496                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
496<path fill="currentColor" d="m15.9 4.7c-1-0.7-1.9-0.9-2.9-1.5-0.6-0.4-1.4-1.4-2.1-2.2-0.1 1.3-0.5 1.8-1 2.2-0.9 0.8-1.5 1-2.4 1.5-0.7 0.3-4.5 2.6-4.5 7.5 0 4.9 4.1 8.5 8.7 8.5 4.6 0 8.6-3.3 8.6-8.3 0-5.1-3.8-7.4-4.4-7.7zm0.1 14.2c-0.1 0.1-0.9 0.7-2 0.8-1 0.1-2.4 0.2-3.2-0.6-0.1-0.1-0.1-0.3 0-0.4 0.1 0 0.2-0.1 0.3-0.1 0.1 0 0.1 0 0.1 0 0.4 0.3 1 0.6 2.2 0.6 1.2 0 2.1-0.4 2.4-0.6 0.2-0.2 0.3-0.1 0.3 0 0 0.1 0.1 0.2-0.1 0.3zm-3.3-1.7c0.2-0.2 0.6-0.5 0.9-0.6 0.3-0.2 0.5-0.1 0.8-0.1 0.3 0 0.6 0 0.8 0.1 0.3 0.2 0.4 0.5 0.5 0.7 0 0.2 0 0.3-0.2 0.4-0.1 0.1-0.1 0-0.3-0.2-0.1-0.3-0.2-0.5-0.9-0.5-0.6 0-0.9 0.2-1.2 0.5-0.3 0.3-0.4 0.4-0.5 0.2q-0.2-0.2 0.1-0.5zm5 0.2c-0.6-0.1-2-2.2-2.9-2.3-1.1 0-3.5 2.3-5.4 2.3-1.1 0-1.4-0.1-1.8-0.4q-0.9-0.6-0.9-1.8c0.1-1.5 1.4-2.9 3.2-2.9 2.2 0 3.8 2.2 4.9 2.2 0.9 0 2.8-1.9 3.6-1.9 1 0 1.3 1 1.3 1.6 0 0.6-0.2 1.6-0.7 2.3-0.4 0.6-0.7 0.9-1.3 0.9z"/></svg>                                                                                                                                            </div>
497
498                                                                    <div class="text-left">
499                                                                        <div class="text-slate-900 text-sm font-bold">Drupal</div>
500                                                                                                                                            </div>
501                                                                </a>
502                                                                                                                            <a href="https://www.autoalt.ai/integrations/prestashop/" target="_self" title="Prestashop" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
503                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
504                                                                                                                                                    <svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>PrestaShop icon</title><path fill="currentColor" d="M11.558 1.034C5.174 1.034 0 6.21 0 12.592c0 1.258.201 2.47.574 3.597l.002-.007a12.415 12.415 0 01.53-1.787l.011-.03c.085-.222.179-.442.277-.66l.084-.181c.08-.171.165-.34.253-.507.036-.068.07-.136.108-.203.02-.038.044-.073.064-.11.094-.166.19-.332.29-.493l.075-.114c.125-.195.256-.386.393-.573l.035-.05c.144-.193.295-.38.451-.563l.1-.118c.155-.177.315-.35.481-.517l.099-.097a10.321 10.321 0 01.546-.503c.74-2.48 3.005-4.285 5.686-4.285 1.079 0 2.152.31 3.071.873a6.017 6.017 0 012.211 2.407l.007.015.04.074v.003l.004.002a9.925 9.925 0 011.567 1.198c.04.037.081.071.12.109.002 0 .006.005.007.006l-.002-.006-.001-.004v-.003l.042-.084c.377-2.384 1.43-4.102 2.67-4.102.934 0 1.762.975 2.276 2.476l.005.016.001.002c.145.158.287.331.424.521l.007.01.021.067-.02-.078c-1.542-4.569-5.863-7.857-10.952-7.857zM9.927 5.477C7.586 5.52 5.34 7.132 4.574 9.365l-.012.034a10.14 10.14 0 011.315-.895c2.806-1.656 6.479-1.646 9.278.016-.895-1.653-2.631-2.819-4.5-3.004a5.14 5.14 0 00-.728-.039zm9.834.5a1.36 1.36 0 00-.39.067c-1.265.562-1.719 2.073-2.031 3.303l-.016.072c.365-.62.808-1.215 1.396-1.642.835-.687 2.105-.655 2.916.053.308.326.141.008.031-.22-.342-.75-1.025-1.653-1.906-1.634zM21.67 7.98zm-9.32.335l-1.07 3.27-.002.005-.006.002-4.498 1.112h-.009l4.456 1.087c.105.11.227.205.36.28h.002c.042.024.085.045.129.065l.01.005c.041.018.083.033.126.047l.021.008c.04.013.08.023.12.032l.033.008a1.677 1.677 0 00.318.033 1.546 1.546 0 001.43-.948c.08-.186.123-.39.123-.604v-.011l-.001-.012c-.001-.054-.004-.107-.01-.16l-.001-.002a1.506 1.506 0 00-.026-.153l-.001-.004a1.511 1.511 0 00-.096-.288v-.003a1.521 1.521 0 00-.348-.49v-.003zm3.148.626c.048 1.008.036 2.046-.1 3.057-.17 2.018-1.19 3.798-1.972 5.616l-.03.08-.035.086c1.51-1.522 3.17-3.04 3.969-5.082.383-.636.118-1.342-.115-1.976-.17-.877-1.069-1.278-1.717-1.781zm6.172.572l-.588 2.688a1.764 1.764 0 00-.047.2c-.002.02-.007.04-.01.06a1.76 1.76 0 00-.016.222l-.002.031h.003c0 .628.297 1.136.663 1.137a.41.41 0 00.182-.045l.027-.015a.537.537 0 00.07-.047c.013-.01.024-.022.036-.033a.752.752 0 00.137-.168l.03-.054a1.23 1.23 0 00.052-.108l.017-.04c.02-.053.038-.108.053-.166l.002-.002.001-.003.404-.451-.407-.456v.001l-.02-.063zm-4.381.856c.69 1.716.85 3.707.091 5.43-.49 1.368-1.587 2.463-1.874 3.905.73.115 1.468.176 2.21.186 2.166.029 4.332-.42 6.284-1.365-2.04-2.869-4.121-
5045.755-6.711-8.156zm-4.948.977a.583.583 0 110 1.166.583.583 0 010-1.166zm9.352.37c.138 0 .249.19.249.426s-.111.426-.249.426c-.137 0-.248-.19-.248-.426 0-.235.11-.426.248-.426zm-4.044.184c-.016.112-.033.209-.05.29l-.006.023c-.01.05-.022.094-.033.128-.48 1.417-1.275 2.52-2.36 3.697-.147.16-.301.32-.459.484a58.883 58.883 0 01-1.196 1.205c-.112.11-.259.261-.425.436-.103.287-.22.61-.318.95-.044-.016-.086-.031-.131-.049-2.108-.815-3.519-1.904-3.519-1.904s1.086 1.414 2.915 2.74c.177.129.351.24.522.339-.075 1.194.452 2.34 2.83 2.682a4.81 4.81 0 001.228.008l-.01-.029a.062.062 0 00-.004-.01s-.167-.133-.379-.377a3.842 3.842 0 01-.584-.897 3.382 3.382 0 01-.266-.862 3.176 3.176 0 01-.006-.972c.017-.12.04-.241.072-.366.093-.374.255-.772.507-1.192l.002-.003.241-.404c1.103-1.86 1.797-3.275 1.506-5.441a8.943 8.943 0 00-.078-.476zm4.668.576l.001.008-.001-.008zm.013.203l.003.036v.01c0 .013-.003.025-.003.038 0-.014.003-.028.003-.043 0-.014-.002-.026-.003-.04zm-.012.275v.001l-.002.01-.002.014.004-.025zm1.353 5.928c-2.553 1.138-5.44 1.44-8.192 1.007-.14 1.108.384 2.218 1.214 2.93l.012.01c2.703-.433 4.975-2.168 6.966-3.946z"/></svg>                                                                                                                                            </div>
505
506                                                                    <div class="text-left">
507                                                                        <div class="text-slate-900 text-sm font-bold">Prestashop</div>
508                                                                                                                                            </div>
509                                                                </a>
510                                                                                                                            <a href="https://www.autoalt.ai/developer-api/" target="_self" title="Developer API" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
511                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
512                                                                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M192,180H118.71a56,56,0,1,1-104.6-37.46,12,12,0,1,1,21.37,10.92A31.64,31.64,0,0,0,32,168a32,32,0,0,0,64,0,12,12,0,0,1,12-12h84a12,12,0,0,1,0,24Zm0-68a55.9,55.9,0,0,0-18.45,3.12L138.22,57.71a12,12,0,0,0-20.44,12.58l40.94,66.52a12,12,0,0,0,16.52,3.93,32,32,0,1,1,19.68,59.13A12,12,0,0,0,196,223.82a10.05,10.05,0,0,0,1.09,0A56,56,0,0,0,192,112ZM57.71,178.22a12,12,0,0,0,16.51-3.93l40.94-66.52a12,12,0,0,0-3.92-16.51,32,32,0,1,1,45.28-41.8,12,12,0,1,0,21.37-10.92A56,56,0,1,0,89.1,104.32L53.78,161.71A12,12,0,0,0,57.71,178.22Z"></path></svg>                                                                                                                                            </div>
513
514                                                                    <div class="text-left">
515                                                                        <div class="text-slate-900 text-sm font-bold">Developer API</div>
516                                                                                                                                            </div>
517                                                                </a>
518                                                                                                        </div>
519                                        </div>
520                                    </div>
521                                                                    <div class="group relative h-full flex items-center">
522                                        <a href="https://www.autoalt.ai/resources/" target="_self" title="RESOURCES" class="hover:text-brand transition-colors uppercase tracking-wider flex items-center gap-1.5 py-4">RESOURCES <i class="ph ph-caret-down text-[10px]"></i></a>
523                                        <div class="submenu-animate absolute top-full mt-2 w-[680px]">
524                                            <div class="glass-panel-menu rounded-[2.5rem] p-5 grid grid-cols-3 gap-2">
525                                                                                                                <a href="https://www.autoalt.ai/alt-text-generator-online/" target="_self" title="Alt Text Tool" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
526                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
527                                                                                                                                                                                                                                    <i class="ph-bold ph-faders text-lg"></i>
528                                                                                                                                                                                                                        </div>
529
530                                                                    <div class="text-left">
531                                                                        <div class="text-slate-900 text-sm font-bold">Alt Text Tool</div>
532                                                                                                                                            </div>
533                                                                </a>
534                                                                                                                            <a href="https://www.autoalt.ai/free-accessibility-scan/" target="_self" title="Accessibility Scan" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
535                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
536                                                                                                                                                                                                                                    <i class="ph-bold ph-scan text-lg"></i>
537                                                                                                                                                                                                                        </div>
538
539                                                                    <div class="text-left">
540                                                                        <div class="text-slate-900 text-sm font-bold">Accessibility Scan</div>
541                                                                                                                                            </div>
542                                                                </a>
543                                                                                                                            <a href="https://www.autoalt.ai/blog/" target="_self" title="Blog & Guides" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
544                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
545                                                                                                                                                                                                                                    <i class="ph-bold ph-article text-lg"></i>
546                                                                                                                                                                                                                        </div>
547
548                                                                    <div class="text-left">
549                                                                        <div class="text-slate-900 text-sm font-bold">Blog & Guides</div>
550                                                                                                                                            </div>
551                                                                </a>
552                                                                                                                            <a href="https://www.autoalt.ai/docs/" target="_self" title="Documentation" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
553                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
554                                                                                                                                                                                                                                    <i class="ph-bold ph-file-text text-lg"></i>
555                                                                                                                                                                                                                        </div>
556
557                                                                    <div class="text-left">
558                                                                        <div class="text-slate-900 text-sm font-bold">Documentation</div>
559                                                                                                                                            </div>
560                                                                </a>
561                                                                                                                            <a href="https://www.autoalt.ai/support/" target="_self" title="Support" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
562                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
563                                                                                                                                                                                                                                    <i class="ph-bold ph-headset text-lg"></i>
564                                                                                                                                                                                                                        </div>
565
566                                                                    <div class="text-left">
567                                                                        <div class="text-slate-900 text-sm font-bold">Support</div>
568                                                                                                                                            </div>
569                                                                </a>
570                                                                                                                            <a href="https://welcoma.app/" target="_blank" title="Accessibility Widget" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
571                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
572                                                                                                                                                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-hidden="true">
572<path fill="currentColor" d="M10 20 L22 44 L32 30 L42 44 L54 18" fill-opacity="0" stroke="currentColor" stroke-width="6.75" stroke-linecap="round" stroke-linejoin="round"/></svg>                                                                                                                                            </div>
573
574                                                                    <div class="text-left">
575                                                                        <div class="text-slate-900 text-sm font-bold">Accessibility Widget</div>
576                                                                                                                                            </div>
577                                                                </a>
578                                                                                                        </div>
579                                        </div>
580                                    </div>
581                                                                    <a href="https://www.autoalt.ai/pricing/" target="_self" title="Pricing" class="hover:text-brand transition-colors uppercase tracking-wider">Pricing</a>
582                                                                    <a href="https://www.autoalt.ai/about/" target="_self" title="About Us" class="hover:text-brand transition-colors uppercase tracking-wider">About Us</a>
583                                                    </div>
584                
585                <div class="flex items-center gap-4 border-l border-slate-200/50 pl-3 md:pl-10 ml-auto">
586                                            <a href="https://www.autoalt.ai/login/" title="LOGIN" class="hidden md:block text-[13px] font-bold text-slate-700 hover:text-brand uppercase">LOGIN</a>
587                                                                <a href="https://www.autoalt.ai/register/" title="Start Free" class="hidden md:block bg-[#B30000] hover:bg-red-800 text-white text-[11px] font-extrabold py-2.5 px-6 rounded-full transition-all shadow-lg active:scale-95 whitespace-nowrap uppercase tracking-widest border border-white/20">Start Free</a>
588                    
589                    <div class="flex header_wapper__language">
590                        <ul id="menu-language-menu" class="flex flex-row w-full gap-2"><li id="menu-item-wpml-ls-76-en" class="menu-item wpml-ls-slot-76 wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-76-en"><a href="https://www.autoalt.ai/blog/" aria-current="page"><img width="18" height="12"
591            class="wpml-ls-flag"
592            src="https://www.autoalt.ai/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.svg"
593            alt="English"
594            
595                          /></a></li>
596<li id="menu-item-wpml-ls-76-de" class="menu-item wpml-ls-slot-76 wpml-ls-item wpml-ls-item-de wpml-ls-menu-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-76-de"><a href="https://www.autoalt.ai/de/magazin/" title="Switch to German" aria-label="Switch to German"><img width="18" height="12"
597            class="wpml-ls-flag"
598            src="https://www.autoalt.ai/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.svg"
599            alt="German"
600            
601                          /></a></li>
602</ul>                    </div>
603                    <button id="hamburger" aria-label="hamburger Icon" class="xl:hidden w-8 h-8 flex flex-col items-center justify-center gap-1.5 focus:outline-none">
604                        <span class="w-5 h-0.5 bg-slate-900 rounded-full transition-all origin-center"></span>
605                        <span class="w-5 h-0.5 bg-slate-900 rounded-full transition-all origin-center"></span>
606                    </button>
607                </div>
608            </div>
609
610            <div  id="mobile-menu" class="xl:hidden flex flex-col">
611                                    <hr class="border-slate">
612                    <div class="flex flex-col gap-2 py-2">
613                                                                    <div class="flex flex-wrap relative menu-item">
614                                                <a href="#" target="_self" title="SOLUTIONS" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase relative">
615                                                    <span>SOLUTIONS</span>
616                                                </a>
617                                                <i class="ph-bold ph-caret-down border-l border-slate-200/50 flex justify-center items-center w-12 h-10 min-w-12 ml-auto mobile-link-sub-icon text-brand"></i>
618                                                <div class="flex flex-col w-full mobile-link-sub">
619                                                                                                                        <a href="https://www.autoalt.ai/bulk-alt-text-generator/" target="_self" title="Bulk Generator" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
620                                                                                                                                                                                                                                    <i class="ph-bold ph-stack text-brand text-xl"></i>
621                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Bulk Generator</span>
622                                                                    </a>
623                                                                                                                                    <a href="https://www.autoalt.ai/compliance/eaa-2025/" target="_self" title="Accessibility (ADA/EAA)" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
624                                                                                                                                                                                                                                    <i class="ph-bold ph-shield-check text-brand text-xl"></i>
625                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Accessibility (ADA/EAA)</span>
626                                                                    </a>
627                                                                                                                                    <a href="https://www.autoalt.ai/ai-visibility/" target="_self" title="AI Visibility" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
628                                                                                                                                                                                                                                    <i class="ph-bold ph-eye text-brand text-xl"></i>
629                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">AI Visibility</span>
630                                                                    </a>
631                                                                                                                                    <a href="https://www.autoalt.ai/partners/" target="_self" title="Partners Program" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
632                                                                                                                                                                                                                                    <i class="ph-bold ph-handshake text-brand text-xl"></i>
633                                                                                                                                                                                                                            <sp
633an class="text-sm font-bold text-slate-800">Partners Program</span>
634                                                                    </a>
635                                                                                                                                    <a href="https://www.autoalt.ai/enterprise/" target="_self" title="Enterprise" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
636                                                                                                                                                                                                                                    <i class="ph-bold ph-globe-stand text-brand text-xl"></i>
637                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Enterprise</span>
638                                                                    </a>
639                                                                                                                </div>
640                                            </div>
641                                            <hr class="border-slate">
642                                                                                    <div class="flex flex-wrap relative menu-item">
643                                                <a href="https://www.autoalt.ai/integrations/" target="_self" title="INTEGRATIONS" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase relative">
644                                                    <span>INTEGRATIONS</span>
645                                                </a>
646                                                <i class="ph-bold ph-caret-down border-l border-slate-200/50 flex justify-center items-center w-12 h-10 min-w-12 ml-auto mobile-link-sub-icon text-brand"></i>
647                                                <div class="flex flex-col w-full mobile-link-sub">
648                                                                                                                        <a href="https://www.autoalt.ai/integrations/wordpress/" target="_self" title="WordPress" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
649                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
650                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" fill-rule="evenodd" d="m21.9 10.5c0 3.5-1.9 6.5-4.7 8.1 3.5-9.9 3.6-10 3.6-11.7q0-0.5 0-1c0.7 1.4 1.1 2.9 1.1 4.6zm-6.4 8.8q0.1 0 0.1 0.1c-1.9 0.6-3.9 0.7-5.8 0.1l2.8-8.2zm1.7-3.1l-3.4-10.1c0.5-0.1 1-0.1 1-0.1 0.6-0.1 0.5-0.8 0-0.8-2.1 0.1-3.1 0.1-5 0-0.5 0-0.6 0.7-0.1 0.8 0 0 0.5 0 1 0.1l1.5 4-2.1 6.2-3.4-10.2c0.5-0.1 1-0.1 1-0.1 0.5-0.1 0.5-0.8 0-0.8-1.7 0.1-2.5 0.1-3.2 0.1 1.7-2.6 4.6-4.3 8-4.3 2.4 0 4.7 1 6.3 2.5q0 0-0.1 0c-0.9 0-1.6 0.8-1.6 1.7 0 0.8 0.5 1.4 1 2.2 0.3 0.6 0.7 1.4 0.7 2.6 0 1-0.3 1.7-1.6 6.2zm-13.4-9.6l4.5 12.4c-3.1-1.5-5.3-4.8-5.3-8.5 0-1.4 0.3-2.7 0.8-3.9z"/></svg>                                                                                </div>
651                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">WordPress</span>
652                                                                    </a>
653                                                                                                                                    <a href="https://www.autoalt.ai/integrations/shopware/" target="_self" title="Shopware " class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
654                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
655                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
655<path fill="currentColor" d="m12 1.2c-4.8 0-8.8 4-8.8 8.8 0 4.8 4 8.8 8.8 8.8 2 0 3.8-0.7 5.2-1.8q0 0-0.1 0c-0.7-0.6-1.8-1-3-1.5-2.9-1.1-6.1-2.4-6.1-6.2 0-3.5 3.2-5.4 7.7-5.4q1 0 2 0.2c0.1 0 0.1 0 0.2 0q0.3 0.1 0.7 0.2c-1.6-1.9-4-3.1-6.6-3.1zm3.5 6.1c-3 0-2.8 2-2.8 2 0 1.6 1.8 2.4 4 3.2 1 0.5 2.1 0.9 3.1 1.5 0.6-1.2 1-2.6 1-4q0-0.2-0.1-0.4 0 0 0 0c-1.9-1.6-3.4-2.3-5.2-2.3z"/></svg>                                                                                </div>
656                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Shopware </span>
657                                                                    </a>
658                                                                                                                                    <a href="https://www.autoalt.ai/integrations/typo3/" target="_self" title="Typo3" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
659                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
660                                                                                    <svg width="24" height="20" viewBox="0 0 40 40" role="img" xmlns="http://www.w3.org/2000/svg">
661<path d="M29.7399 27.38C29.1999 27.54 28.6299 27.63 28.0599 27.62C23.0599 27.62 15.6099 9.98 15.6099 4.12C15.6099 1.95 16.1199 1.23 16.8399 0.619995C10.6699 1.34 3.25994 3.62 0.839944 6.48C0.229944 7.47 -0.0500555 8.61999 -5.54859e-05 9.77999C-5.54859e-05 18.94 9.78995 39.78 16.6899 39.78C19.8799 39.78 25.2599 34.53 29.6899 27.43" fill="currentColor"></path>
662<path d="M26.5199 0C32.8999 0 39.2899 1 39.2899 4.63C39.2899 11.94 34.6499 20.79 32.2899 20.79C28.0699 20.79 22.8199 9.06 22.8199 3.19C22.8199 0.51 23.8199 0 26.5299 0" fill="currentColor"></path>
663</svg>                                                                                </div>
664                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Typo3</span>
665                                                                    </a>
666                                                                                                                                    <a href="https://www.autoalt.ai/integrations/woocommerce/" target="_self" title="WooCommerce" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
667                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
668                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="25" height="25"><path fill="currentColor" d="m18 14.2q0.3-0.4 0.3-0.9c0-0.7-0.5-1.4-1.2-1.5-0.7-0.2-1.4 0.2-1.7 0.9 0 0-1 1.4-1.7 5.6-0.3 1.8-0.6 3.7-0.6 3.7-0.9-1.8-1.5-5.9-1.9-6.6-1.5-1.6-2.5 0.5-2.5 0.5l-1.3 2.4-2.6 4.7-1.7-9.3c-0.1-0.8-0.8-1.3-1.5-1.3-0.8 0.1-1.4 0.8-1.4 1.5q0 0.2 0.1 0.4c0.2 1.5 1.1 7.7 1.8 10.4 0.9 3 1.8 5.8 3.6 3.2l0.1-0.1q0-0.1 0.1-0.3 0.2-0.2 0.3-0.5c0.8-1.4 2.3-4.2 3.2-6.2 0 0 1.3 4.6 3.5 6.9 2.1 2.3 2.8 0.4 2.9 0 0.1-0.8 0.2-10.3 2.2-13.5q0 0 0 0zm4.4-0.5q0 0-0.1 0l-0.1 0.1q-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.4 0.1 0.4 0.1 1.1 0.1 2.8-0.1 4.3-2.2 2.4-3.3 2.1-7.4 0.4-9.6-1.4-1.6-3.2-1.7-4.3-1.4zm0.1 10.1c-0.3 0-0.5-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1-3.6 0.3-2.1 1.6-2.9 2.2-3.2 0.2-0.1 0.6-0.2 1 0.1 0.4 0.3 0.8 0.9 0.9 2.2 0.1 2.3-0.8 4.4-2.5 4.7zm15.1-8.7c-1.3-1.6-3.2-1.7-4.3-1.4q0 0-0.1 0v0.1q0 0-0.1 0-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0.1 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.5 0.1 0.5 0.1 1 0.1 2.7-0.1 4.2-2.2 2.4-3.3 2.2-7.4 0.4-9.6zm-4.1 8.7c-0.4 0-0.6-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1.1-3.6 0.4-2.1 1.7-2.9 2.3-3.2 0.1-0.1 0.5-0.2 1 0.1 0.4 0.3 0.8 0.9 0.8 2.2 0.1 2.3-0.8 4.4-2.4 4.7z"/></svg>                                                                                </div>
669                                                                                                                                                                                                                            <sp
669an class="text-sm font-bold text-slate-800">WooCommerce</span>
670                                                                    </a>
671                                                                                                                                    <a href="https://www.autoalt.ai/integrations/magento/" target="_self" title="Magento" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
672                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
673                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 26" width="24" height="26"><path fill-rule="evenodd" fill="currentColor"  d="m13.3 20.3l-1.3 0.8-1.3-0.8v-11.5l-3.3 1.8v11.6l4.6 2.6 4.6-2.6v-11.6l-3.3-1.9z"/><path fill-rule="evenodd" fill="currentColor"  d="m12 1.2l-10.5 5.9v11.8l3.3 1.9v-11.7l7.2-4.1 7.2 4.1v11.7l3.3-1.9v-11.7z"/></svg>                                                                                </div>
674                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Magento</span>
675                                                                    </a>
676                                                                                                                                    <a href="https://www.autoalt.ai/integrations/chrome-extension/" target="_self" title="Chrome Extension" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
677                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
678                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path xmlns="http://www.w3.org/2000/svg" d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,24a83.89,83.89,0,0,1,65.9,32H128a52.05,52.05,0,0,0-46.15,28.07L64.18,73.47A83.82,83.82,0,0,1,128,44Zm28,84a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM44,128a83.41,83.41,0,0,1,6-31.11L83,154c.06.11.14.2.2.3A52,52,0,0,0,128,180q1.19,0,2.34-.06l-17.68,30.63A84.12,84.12,0,0,1,44,128Zm96.05,83.12L173,154c.09-.15.16-.3.24-.46A51.81,51.81,0,0,0,171.78,100h35.4a83.95,83.95,0,0,1-67.13,111.12Z"/></svg>                                                                                </div>
679                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Chrome Extension</span>
680                                                                    </a>
681                                                                                                                                    <a href="https://www.autoalt.ai/integrations/joomla/" target="_self" title="Joomla" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
682                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
683                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
683<path fill="currentColor" d="m2.6 3.4q0 0 0 0c0-0.7 0.3-1.3 0.8-1.7 0.4-0.5 1-0.8 1.7-0.8q0 0 0 0c0.7 0 1.2 0.3 1.7 0.6 0.4 0.4 0.7 0.9 0.8 1.5q0.4-0.1 0.9-0.1 0.7 0 1.2 0.2 1.1 0.3 1.9 1.1l-1.8 1.9c-0.3-0.3-0.8-0.6-1.3-0.6q0 0 0 0c-0.4 0-0.8 0.2-1 0.5-0.3 0.3-0.5 0.6-0.5 1v0.1c0 0.4 0.2 0.8 0.5 1.1l4.2 4.1-1.9 1.9-4.2-4.2c-0.5-0.5-0.9-1.2-1.1-1.9q-0.1-0.5-0.1-1 0-0.7 0.2-1.3v0.1c-0.6-0.1-1.1-0.5-1.4-0.9-0.4-0.4-0.6-0.9-0.6-1.5q0 0 0-0.1 0 0 0 0zm5.4 4.9l0.7-0.6 3.5-3.6c0.5-0.5 1.2-0.9 1.9-1.1q0.5-0.1 1.1-0.1 0.6 0 1.1 0.1c0.1-0.6 0.4-1.1 0.8-1.5 0.5-0.4 1-0.6 1.7-0.6q0 0 0 0c0.7 0 1.3 0.3 1.7 0.7 0.5 0.5 0.8 1.1 0.8 1.7q0 0.1 0 0.1 0 0 0 0c0 0.7-0.2 1.2-0.6 1.6-0.4 0.5-1 0.8-1.6 0.9q0.2 0.5 0.2 1.2 0 0.5-0.1 1-0.4 1.2-1.2 2l-1.9-1.9c0.3-0.2 0.6-0.7 0.6-1.2q0 0 0 0c0-0.4-0.2-0.8-0.5-1v-0.1c-0.2-0.2-0.6-0.4-1-0.4q0 0-0.1 0 0 0 0 0c-0.4 0-0.8 0.2-1 0.5l-4.2 4.2zm11.1 6.3c0.7 0.1 1.2 0.4 1.6 0.8 0.4 0.4 0.6 1 0.6 1.6q0 0.1 0 0.1c0 0.7-0.3 1.3-0.7 1.8-0.4 0.4-1.1 0.7-1.7 0.7q-0.1 0-0.1 0 0 0 0 0c-0.6 0-1.1-0.2-1.6-0.6-0.4-0.3-0.7-0.8-0.9-1.4q-0.5 0.2-1.2 0.2-0.5 0-1-0.2c-0.8-0.2-1.5-0.6-2-1.2l1.8-1.9c0.3 0.4 0.7 0.6 1.2 0.7 0.5 0 0.8-0.2 1.1-0.5 0.3-0.3 0.5-0.7 0.5-1.1q0 0 0 0 0 0 0 0c0-0.4-0.2-0.8-0.5-1.1l-4.2-4.1 1.9-1.9 4.1 4.2c0.5 0.5 0.9 1.1 1.1 1.8q0.2 0.5 0.2 1.1 0 0.5-0.2 1 0 0 0 0zm-3.5-2.2l-4.1 4.2c-0.5 0.5-1.1 0.8-1.8 1l-0.1 0.1q-0.5 0.1-1 0.1-0.6 0-1.1-0.1c-0.1 0.5-0.4 1-0.8 1.4-0.5 0.3-1 0.5-1.6 0.5q0 0 0 0 0 0 0 0c-0.7 0-1.3-0.2-1.8-0.7-0.4-0.4-0.7-1-0.7-1.7q0 0 0-0.1 0 0 0 0c0-0.6 0.2-1.1 0.5-1.5 0.4-0.5 0.8-0.8 1.4-0.9q-0.1-0.5-0.1-1 0-0.6 0.1-1.2 
6830.4-1.1 1.2-1.9l1.9 1.8c-0.4 0.3-0.6 0.8-0.6 1.2v0.1c0 0.4 0.2 0.8 0.4 1 0.3 0.3 0.7 0.5 1.1 0.5q0.1 0 0.1 0c0.4 0 0.7-0.2 1-0.5l4.2-4.2z" /></svg>                                                                                </div>
684                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Joomla</span>
685                                                                    </a>
686                                                                                                                                    <a href="https://www.autoalt.ai/integrations/shopify/" target="_self" title="Shopify" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
687                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
688                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m14.9 4.3q-0.1 0.1-0.1 0.1c0 0-0.2 0-0.5 0.1-0.3-0.9-0.8-1.7-1.8-1.7h-0.1c-0.2-0.3-0.5-0.5-0.9-0.5-2.3 0-3.3 2.8-3.7 4.2-0.8 0.3-1.5 0.5-1.5 0.5-0.5 0.2-0.5 0.2-0.6 0.6 0 0.4-1.3 10.2-1.3 10.2l9.8 1.9zm-2.2-1c0.5 0.1 0.9 0.7 1.1 1.3q-0.4 0.1-0.9 0.3v-0.2q0 0 0-0.1 0-0.7-0.2-1.3 0 0 0 0zm-0.4 1.7v0.1c-0.5 0.1-1.1 0.3-1.7 0.5 0.2-0.9 0.7-1.7 1.5-2.1v-0.1q0.2 0.7 0.2 1.4 0 0.1 0 0.2 0 0 0 0zm-0.8-2.2q0.1 0 0.2 0.1c-1 0.6-1.7 1.7-1.8 2.9q-0.7 0.2-1.3 0.4c0.3-1.3 1.2-3.4 2.9-3.4zm0.3 7.6q-0.5-0.3-1.2-0.3c-1.1 0-1.1 0.7-1.1 0.8 0 0.9 2.3 1.3 2.3 3.4q0 0.1 0 0.2c0 1.4-1.1 2.5-2.4 2.5q-0.1 0-0.1 0 0 0 0 0c-1 0-1.9-0.4-2.5-1l0.5-1.6c0.4 0.4 1 0.7 1.6 0.8q0 0 0 0c0.4 0 0.7-0.3 0.7-0.7 0-1.1-1.9-1.2-1.9-3.1q0 0 0-0.1c0-1.7 1.4-3.1 3.2-3.1q0.1 0 0.3 0 0.1 0 0.1 0 0.7 0 1.3 0.3h-0.1l-0.6 1.9zm2.6 9.2l5.2-1.1c0 0-1.9-12.8-1.9-12.9q0-0.1-0.1-0.1c-0.1 0-1.4-0.1-1.4-0.1 0 0-1-0.9-1.1-1q0-0.1-0.1-0.1l-0.6 15.3z"/></svg>                                                                                </div>
689                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Shopify</span>
690                                                                    </a>
691                                                                                                                                    <a href="https://www.autoalt.ai/integrations/firefox-add-ons/" target="_self" title="Firefox Add-on" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
692                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
693                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M222.41,155.16a12,12,0,0,0-11.56-.69A16,16,0,0,1,188,139,16.2,16.2,0,0,1,202.8,124a15.83,15.83,0,0,1,8,1.5A12,12,0,0,0,228,114.7V72a20,20,0,0,0-20-20H176a40.15,40.15,0,0,0-12.62-29.16,39.67,39.67,0,0,0-29.94-10.76,40.08,40.08,0,0,0-37.34,37C96,50.07,96,51,96,52H64A20,20,0,0,0,44,72v28a40.15,40.15,0,0,0-29.16,12.62A40,40,0,0,0,41.1,179.9a28.3,28.3,0,0,0,2.9.1v28a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V165.31A12,12,0,0,0,222.41,155.16ZM204,204H68V165.31a12,12,0,0,0-17.15-10.84A15.9,15.9,0,0,1,42.8,156,16.2,16.2,0,0,1,28,141.06a16,16,0,0,1,22.82-15.52A12,12,0,0,0,68,114.7V76h42.7a12,12,0,0,0,10.83-17.15A15.9,15.9,0,0,1,120,50.8,16.19,16.19,0,0,1,134.94,36a16,16,0,0,1,15.53,22.81A12,12,0,0,0,161.31,76H204v24c-1,0-1.93,0-2.9.11A40,40,0,0,0,204,180h0Z"></path></svg>                                                                                </div>
694                                                                                                                                                                                                                            <sp
694an class="text-sm font-bold text-slate-800">Firefox Add-on</span>
695                                                                    </a>
696                                                                                                                                    <a href="https://www.autoalt.ai/integrations/drupal/" target="_self" title="Drupal" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
697                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
698                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m15.9 4.7c-1-0.7-1.9-0.9-2.9-1.5-0.6-0.4-1.4-1.4-2.1-2.2-0.1 1.3-0.5 1.8-1 2.2-0.9 0.8-1.5 1-2.4 1.5-0.7 0.3-4.5 2.6-4.5 7.5 0 4.9 4.1 8.5 8.7 8.5 4.6 0 8.6-3.3 8.6-8.3 0-5.1-3.8-7.4-4.4-7.7zm0.1 14.2c-0.1 0.1-0.9 0.7-2 0.8-1 0.1-2.4 0.2-3.2-0.6-0.1-0.1-0.1-0.3 0-0.4 0.1 0 0.2-0.1 0.3-0.1 0.1 0 0.1 0 0.1 0 0.4 0.3 1 0.6 2.2 0.6 1.2 0 2.1-0.4 2.4-0.6 0.2-0.2 0.3-0.1 0.3 0 0 0.1 0.1 0.2-0.1 0.3zm-3.3-1.7c0.2-0.2 0.6-0.5 0.9-0.6 0.3-0.2 0.5-0.1 0.8-0.1 0.3 0 0.6 0 0.8 0.1 0.3 0.2 0.4 0.5 0.5 0.7 0 0.2 0 0.3-0.2 0.4-0.1 0.1-0.1 0-0.3-0.2-0.1-0.3-0.2-0.5-0.9-0.5-0.6 0-0.9 0.2-1.2 0.5-0.3 0.3-0.4 0.4-0.5 0.2q-0.2-0.2 0.1-0.5zm5 0.2c-0.6-0.1-2-2.2-2.9-2.3-1.1 0-3.5 2.3-5.4 2.3-1.1 0-1.4-0.1-1.8-0.4q-0.9-0.6-0.9-1.8c0.1-1.5 1.4-2.9 3.2-2.9 2.2 0 3.8 2.2 4.9 2.2 0.9 0 2.8-1.9 3.6-1.9 1 0 1.3 1 1.3 1.6 0 0.6-0.2 1.6-0.7 2.3-0.4 0.6-0.7 0.9-1.3 0.9z"/></svg>                                                                                </div>
699                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Drupal</span>
700                                                                    </a>
701                                                                                                                                    <a href="https://www.autoalt.ai/integrations/prestashop/" target="_self" title="Prestashop" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
702                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
703                                                                                    <svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>PrestaShop icon</title><path fill="currentColor" d="M11.558 1.034C5.174 1.034 0 6.21 0 12.592c0 1.258.201 2.47.574 3.597l.002-.007a12.415 12.415 0 01.53-1.787l.011-.03c.085-.222.179-.442.277-.66l.084-.181c.08-.171.165-.34.253-.507.036-.068.07-.136.108-.203.02-.038.044-.073.064-.11.094-.166.19-.332.29-.493l.075-.114c.125-.195.256-.386.393-.573l.035-.05c.144-.193.295-.38.451-.563l.1-.118c.155-.177.315-.35.481-.517l.099-.097a10.321 10.321 0 01.546-.503c.74-2.48 3.005-4.285 5.686-4.285 1.079 0 2.152.31 3.071.873a6.017 6.017 0 012.211 2.407l.007.015.04.074v.003l.004.002a9.925 9.925 0 011.567 1.198c.04.037.081.071.12.109.002 0 .006.005.007.006l-.002-.006-.001-.004v-.003l.042-.084c.377-2.384 1.43-4.102 2.67-4.102.934 0 1.762.975 2.276 2.476l.005.016.001.002c.145.158.287.331.424.521l.007.01.021.067-.02-.078c-1.542-4.569-5.863-7.857-10.952-7.857zM9.927 5.477C7.586 5.52 5.34 7.132 4.574 9.365l-.012.034a10.14 10.14 0 011.315-.895c2.806-1.656 6.479-1.646 9.278.016-.895-1.653-2.631-2.819-4.5-3.004a5.14 5.14 0 00-.728-.039zm9.834.5a1.36 1.36 0 00-.39.067c-1.265.562-1.719 2.073-2.031 3.303l-.016.072c.365-.62.808-1.215 1.396-1.642.835-.687 2.105-.655 2.916.053.308.326.141.008.031-.22-.342-.75-1.025-1.653-1.906-1.
703634zM21.67 7.98zm-9.32.335l-1.07 3.27-.002.005-.006.002-4.498 1.112h-.009l4.456 1.087c.105.11.227.205.36.28h.002c.042.024.085.045.129.065l.01.005c.041.018.083.033.126.047l.021.008c.04.013.08.023.12.032l.033.008a1.677 1.677 0 00.318.033 1.546 1.546 0 001.43-.948c.08-.186.123-.39.123-.604v-.011l-.001-.012c-.001-.054-.004-.107-.01-.16l-.001-.002a1.506 1.506 0 00-.026-.153l-.001-.004a1.511 1.511 0 00-.096-.288v-.003a1.521 1.521 0 00-.348-.49v-.003zm3.148.626c.048 1.008.036 2.046-.1 3.057-.17 2.018-1.19 3.798-1.972 5.616l-.03.08-.035.086c1.51-1.522 3.17-3.04 3.969-5.082.383-.636.118-1.342-.115-1.976-.17-.877-1.069-1.278-1.717-1.781zm6.172.572l-.588 2.688a1.764 1.764 0 00-.047.2c-.002.02-.007.04-.01.06a1.76 1.76 0 00-.016.222l-.002.031h.003c0 .628.297 1.136.663 1.137a.41.41 0 00.182-.045l.027-.015a.537.537 0 00.07-.047c.013-.01.024-.022.036-.033a.752.752 0 00.137-.168l.03-.054a1.23 1.23 0 00.052-.108l.017-.04c.02-.053.038-.108.053-.166l.002-.002.001-.003.404-.451-.407-.456v.001l-.02-.063zm-4.381.856c.69 1.716.85 3.707.091 5.43-.49 1.368-1.587 2.463-1.874 3.905.73.115 1.468.176 2.21.186 2.166.029 4.332-.42 6.284-1.365-2.04-2.869-4.121-5.755-6.711-8.156zm-4.948.977a.583.583 0 110 1.166.583.583 0 010-1.166zm9.352.37c.138 0 .249.19.249.426s-.111.426-.249.426c-.137 0-.248-.19-.248-.426 0-.235.11-.426.248-.426zm-4.044.184c-.016.112-.033.209-.05.29l-.006.023c-.01.05-.022.094-.033.128-.48 1.417-1.275 2.52-2.36 3.697-.147.16-.301.32-.459.484a58.883 58.883 0 01-1.196 1.205c-.112.11-.259.261-.425.436-.103.287-.22.61-.318.95-.044-.016-.086-.031-.131-.049-2.108-.815-3.519-1.904-3.519-1.904s1.086 1.414 2.915 2.74c.177.129.351.24.522.339-.075 1.194.452 2.34 2.83 2.682a4.81 4.81 0 001.228.008l-.01-.029a.062.062 0 00-.004-.01s-.167-.133-.379-.377a3.842 3.842 0 01-.584-.897 3.382 3.382 0 01-.266-.862 3.176 3.176 0 01-.006-.972c.017-.12.04-.241.072-.366.093-.374.255-.772.507-1.192l.002-.003.241-.404c1.103-1.86 1.797-3.275 1.506-5.441a8.943 8.943 0 00-.078-.476zm4.668.576l.001.008-.001-.008zm.013.203l.003.036v.01c0 .013-.003.025-.003.038 0-.014.003-.028.003-.043 0-.014-.002-.026-.003-.04zm-.012.275v.001l-.002.01-.002.014.004-.025zm1.353 5.928c-2.553 1.138-5.44 1.44-8.192 1.007-.14 1.108.384 2.218 1.214 2.93l.012.01c2.703-.433 4.975-2.168 6.966-3.946z"/></svg>                                                                                </div>
704                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Prestashop</span>
705                                                                    </a>
706                                                                                                                                    <a href="https://www.autoalt.ai/developer-api/" target="_self" title="Developer API" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
707                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
708                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M192,180H118.71a56,56,0,1,1-104.6-37.46,12,12,0,1,1,21.37,10.92A31.64,31.64,0,0,0,32,168a32,32,0,0,0,64,0,12,12,0,0,1,12-12h84a12,12,0,0,1,0,24Zm0-68a55.9,55.9,0,0,0-18.45,3.12L138.22,57.71a12,12,0,0,0-20.44,12.58l40.94,66.52a12,12,0,0,0,16.52,3.93,32,32,0,1,1,19.68,59.13A12,12,0,0,0,196,223.82a10.05,10.05,0,0,0,1.09,0A56,56,0,0,0,192,112ZM57.71,178.22a12,12,0,0,0,16.51-3.93l40.94-66.52a12,12,0,0,0-3.92-16.51,32,32,0,1,1,45.28-41.8,12,12,0,1,0,21.37-10.92A56,56,0,1,0,89.1,104.32L53.78,161.71A12,12,0,0,0,57.71,178.22Z"></path></svg>                                                                                </div>
709                                                                                                                                                                                                                            <sp
709an class="text-sm font-bold text-slate-800">Developer API</span>
710                                                                    </a>
711                                                                                                                </div>
712                                            </div>
713                                            <hr class="border-slate">
714                                                                                    <div class="flex flex-wrap relative menu-item">
715                                                <a href="https://www.autoalt.ai/resources/" target="_self" title="RESOURCES" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase relative">
716                                                    <span>RESOURCES</span>
717                                                </a>
718                                                <i class="ph-bold ph-caret-down border-l border-slate-200/50 flex justify-center items-center w-12 h-10 min-w-12 ml-auto mobile-link-sub-icon text-brand"></i>
719                                                <div class="flex flex-col w-full mobile-link-sub">
720                                                                                                                        <a href="https://www.autoalt.ai/alt-text-generator-online/" target="_self" title="Alt Text Tool" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
721                                                                                                                                                                                                                                    <i class="ph-bold ph-faders text-brand text-xl"></i>
722                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Alt Text Tool</span>
723                                                                    </a>
724                                                                                                                                    <a href="https://www.autoalt.ai/free-accessibility-scan/" target="_self" title="Accessibility Scan" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
725                                                                                                                                                                                                                                    <i class="ph-bold ph-scan text-brand text-xl"></i>
726                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Accessibility Scan</span>
727                                                                    </a>
728                                                                                                                                    <a href="https://www.autoalt.ai/blog/" target="_self" title="Blog & Guides" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
729                                                                                                                                                                                                                                    <i class="ph-bold ph-article text-brand text-xl"></i>
730                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Blog & Guides</span>
731                                                                    </a>
732                                                                                                                                    <a href="https://www.autoalt.ai/docs/" target="_self" title="Documentation" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
733                                                                                                                                                                                                                                    <i class="ph-bold ph-file-text text-brand text-xl"></i>
734                                                                                                                                                                                                                            <sp
734an class="text-sm font-bold text-slate-800">Documentation</span>
735                                                                    </a>
736                                                                                                                                    <a href="https://www.autoalt.ai/support/" target="_self" title="Support" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
737                                                                                                                                                                                                                                    <i class="ph-bold ph-headset text-brand text-xl"></i>
738                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Support</span>
739                                                                    </a>
740                                                                                                                                    <a href="https://welcoma.app/" target="_blank" title="Accessibility Widget" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
741                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
742                                                                                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-hidden="true"><path fill="currentColor" d="M10 20 L22 44 L32 30 L42 44 L54 18" fill-opacity="0" stroke="currentColor" stroke-width="6.75" stroke-linecap="round" stroke-linejoin="round"/></svg>                                                                                </div>
743                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Accessibility Widget</span>
744                                                                    </a>
745                                                                                                                </div>
746                                            </div>
747                                            <hr class="border-slate">
748                                                                                    <a href="https://www.autoalt.ai/pricing/" target="_self" title="Pricing" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase">Pricing</a>
749                                                                                    <a href="https://www.autoalt.ai/about/" target="_self" title="About Us" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase">About Us</a>
750                                                            </div>
751                                <hr class="border-slate">
752                <div class="flex flex-col flex-wrap py-2">
753                                            <a href="https://www.autoalt.ai/login/" title="<span>LOGIN" class="md:hidden text-[13px] font-bold text-slate-700 hover:text-brand uppercase mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
754                            <i class="ph-bold ph-sign-in text-brand text-xl"></i>
755                            <span>LOGIN</span>
756                        </a>
757                                                                <a href="https://www.autoalt.ai/register/" title="Start Free" class="md:hidden text-[13px] font-bold text-slate-700 hover:text-brand uppercase mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
758                            <i class="ph-bold ph-user-plus text-brand text-xl"></i>
759                            <span>Start Free</span>
760                        </a>
761                                    </div>
762            </div>
763        </div>
764    </header>    <section  class="pt-44 pb-12 px-4 text-center max-w-4xl mx-auto">
765                    <h1 class="text-5xl md:text-7xl font-extrabold tracking-tight mb-8 text-slate-900 font-display leading-tight">
766                Knowledge &amp; <span class="text-brand relative whitespace-nowrap">Insights <svg class="absolute w-full h-3 -bottom-1 left-0 text-brand opacity-20" viewBox="0 0 100 10" preserveAspectRatio="none"><path d="M0 5 Q 50 15 100 5" stroke="currentColor" stroke-width="4" fill="none"></path></svg></span>            </h1>
767                <p class="text-xl text-slate-500 font-medium max-w-2xl mx-auto leading-relaxed">Deep dives into EAA, ADA &amp; WCAG 2.1 AA compliance, image SEO strategies and technical updates for Alt Text Generator Plugins.</p>
768    </section>
769
770<div  class="py-6 mb-12">
771    <div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
772        <div
773            class="glass-panel p-2 rounded-full shadow-glass flex space-x-2 overflow-x-auto no-scrollbar justify-start md:justify-center">
774            <button id="term-all"
775                class="px-8 py-2.5 rounded-full bg-slate-900 text-white text-xs font-black uppercase tracking-widest shadow-lg">All</button>
776                            <button id="term-232"
777                    class="px-6 py-2.5 rounded-full bg-white/50 text-slate-600 text-xs font-bold uppercase tracking-widest hover:bg-white transition border border-white/50 whitespace-nowrap">
778                                        Compliance / Legal                </button>
779                            <button id="term-221"
780                    class="px-6 py-2.5 rounded-full bg-white/50 text-slate-600 text-xs font-bold uppercase tracking-widest hover:bg-white transition border border-white/50 whitespace-nowrap">
781                                        Platforms / Shopware                </button>
782                            <button id="term-63"
783                    class="px-6 py-2.5 rounded-full bg-white/50 text-slate-600 text-xs font-bold uppercase tracking-widest hover:bg-white transition border border-white/50 whitespace-nowrap">
784                    <img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/2696.svg" class="emoji" alt="A stylized golden symbol of a scale against a black background, representing justice and law." title="A stylized golden symbol of a scale against a black background, representing justice and law." decoding="async" />                    Compliance &amp; EAA                </button>
785                            <button id="term-62"
786                    class="px-6 py-2.5 rounded-full bg-white/50 text-slate-600 text-xs font-bold uppercase tracking-widest hover:bg-white transition border border-white/50 whitespace-nowrap">
787                    <img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f50d.svg" class="emoji" alt="Abbildung eines blauen Lupensymbols mit schwarzem Griff, das Suche oder Untersuchung symbolisiert." title="Abbildung eines blauen Lupensymbols mit schwarzem Griff, das Suche oder Untersuchung symbolisiert." decoding="async" />                    SEO Strategy                </button>
788                            <button id="term-1"
789                    class="px-6 py-2.5 rounded-full bg-white/50 text-slate-600 text-xs font-bold uppercase tracking-widest hover:bg-white transition border border-white/50 whitespace-nowrap">
790                    <img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/2699.svg" class="emoji" alt="Graues Zahnradsymbol, das Einstellungen oder Konfiguration symbolisiert." title="Graues Zahnradsymbol, das Einstellungen oder Konfiguration symbolisiert." decoding="async" />                    Technic &amp; Updates                </button>
791                    </div>
792    </div>
793</div>
794
795<main  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-32 blog">
796    <div  id="posts-wrapper">
797                            <a data-terms="1" href="https://www.autoalt.ai/blog/shopware-image-seo/"
798                        class="article-card block group mb-16 relative glass-panel roun
798ded-[3rem] shadow-mega hover:shadow-2xl transition-all duration-500 overflow-hidden border-white/60" title="Shopware Image SEO:How Alt Text in Product Images &amp; Shopping Experiences Drives Traffic">
799                        <div class="grid md:grid-cols-2 gap-0">
800                            <!-- <div class="relative overflow-hidden h-auto md:h-80"> -->
801                            <div class="relative overflow-hidden h-full" style="background-image:url('https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp'); background-size: cover; background-position: left top;">
802                                <img width="1920" height="1080" src="https://www.autoalt.ai/wp-content/uploads/2026/08/Shopware-Image-SEO-Alt-Text-for-Product-Images-Boosts-SEO-Shopping-Traffic.webp" class="w-full h-full object-contain transform group-hover:scale-105 transition-transform duration-1000 wp-post-image" alt="The text Shopware Image SEO appears in red on a black background, with the subtitle Alt Text for Product Images Boosts SEO &amp; Shopping Traffic below." title="The text Shopware Image SEO appears in red on a black background, with the subtitle Alt Text for Product Images Boosts SEO &amp; Shopping Traffic below." decoding="async" fetchpriority="high" srcset="https://www.autoalt.ai/wp-content/uploads/2026/08/Shopware-Image-SEO-Alt-Text-for-Product-Images-Boosts-SEO-Shopping-Traffic.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/08/Shopware-Image-SEO-Alt-Text-for-Product-Images-Boosts-SEO-Shopping-Traffic-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/08/Shopware-Image-SEO-Alt-Text-for-Product-Images-Boosts-SEO-Shopping-Traffic-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/08/Shopware-Image-SEO-Alt-Text-for-Product-Images-Boosts-SEO-Shopping-Traffic-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/08/Shopware-Image-SEO-Alt-Text-for-Product-Images-Boosts-SEO-Shopping-Traffic-1536x864.webp 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />                                <div class="absolute top-6 left-6 bg-brand text-white text-[10px] font-black px-4 py-2 rounded-full uppercase tracking-widest shadow-xl">Must Read</div>
803                            </div>
804
805                            <div class="p-10 md:p-16 flex flex-col justify-center">
806                                <span class="mb-4">5 Min Read</span>
807                                <h2 class="text-3xl md:text-5xl font-extrabold text-slate-900 mb-6 font-display leading-[1.1] group-hover:text-brand transition-colors" style="word-break: break-word;">Shopware Image SEO:<br><span class="text-brand">How Alt Text in Product Images &amp; Shopping Experiences Drives Traffic</span></h2>
808                                                                    <p class="text-slate-600 text-lg mb-8 leading-relaxed line-clamp-3">Shopware distributes images across more places than any other store system: product media, Shopping Experiences, category headers, manufacturer logos. Optimize only the product images and you leave the store's most visible images behind. This guide covers all four image locations – plus languages per sales channel.                                    </p>
809                                                                <div class="flex items-center mt-auto">
810                                    <div class="relative w-12 h-12 mr-4">
811                                        <img alt='Alexander Flach' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" data-lazy-srcset='https://www.autoalt.ai/wp-content/uploads/2026/02/Alexander-Flach-author-2.webp 2x' class='avatar avatar-300 photo rounded-2xl border-2 border-white shadow-md' height='300' width='300' title="Alexander Flach" decoding='async' data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/02/Alexander-Flach-author-2-300x300.webp"/><noscript><img alt='Alexander Flach' src='https://www.autoalt.ai/wp-content/uploads/2026/02/Alexander-Flach-author-2-300x300.webp' srcset='https://www.autoalt.ai/wp-content/uploads/2026/02/Alexander-Flach-author-2.webp 2x' class='avatar avatar-300 photo rounded-2xl border-2 border-white shadow-md' height='300' width='300' title="Alexander Flach" decoding='async'/></noscript>                                    </div>
812                                    <div>
813                                        <p class="text-sm font-black text-slate-900 uppercase tracking-wider">Alexander Flach</p>
814                                        <p class="text-xs text-slate-400 font-bold uppercase">Accessibility &amp; AI Specialist</p>
815                                    </div>
816                                    <span
817                                        class="ml-auto w-12 h-12 glass-panel rounded-2xl flex items-center justify-center text-brand group-hover:translate-x-2 transition-transform">
818                                        <i class="ph-bold ph-arrow-right text-xl"></i>
819                                    </span>
820                                </div>
821                            </div>
822                        </div>
823                    </a>
824                                                                            <div  id="posts-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
825                                                                <a data-terms="63" href="https://www.autoalt.ai/blog/woocommerce-accessibility-compliance/"
826                            class="article-card glass-panel p-4 rounded-[2.5rem] flex flex-col h-full shadow-glass hover:shadow-mega" title="WooCommerce Accessibility Compliance:What EAA, ADA and WCAG Mean for Online Stores">
827                            <!-- <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6 shadow-inner"> -->
828                            <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6" style="background-image:url('https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp'); background-size: cover; background-position: left top;">
829                                <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="w-full wp-post-image" alt="The text &#039;WooCommerce Accessibility Compliance: What EAA, ADA, and WCAG Mean for Online Stores&#039; is displayed in bold red letters on a black background." title="The text &#039;WooCommerce Accessibility Compliance: What EAA, ADA, and WCAG Mean for Online Stores&#039; is displayed in bold red letters on a black background." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-1536x864.webp 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores.webp" /><noscript><img width="1920" height="1080" src="https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores.webp" class="w-full wp-post-image" alt="The text &#039;WooCommerce Accessibility Compliance: What EAA, ADA, and WCAG Mean for Online Stores&#039; is displayed in bold red letters on a black background." title="The text &#039;WooCommerce Accessibility Compliance: What EAA, ADA, and WCAG Mean for Online Stores&#039; is displayed in bold red letters on a black background." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compl
829iance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/08/WooCommerce-Accessibility-Compliance-What-EAA-ADA-and-WCAG-Mean-for-Online-Stores-1536x864.webp 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></noscript>                            </div>
830
831                            <h3 class="text-xl font-bold text-slate-900 mb-4 leading-tight font-display group-hover:text-brand transition-colors px-4">WooCommerce Accessibility Compliance:<br><span class="text-brand">What EAA, ADA and WCAG Mean for Online Stores</span></h3>
832                                                            <p class="text-slate-500 text-sm mb-6 leading-relaxed line-clamp-3 px-4">Since June 2025, accessibility has been the law for online stores selling into the EU – and WooCommerce catalogs have their very own pitfalls. This article puts the three frameworks in order, shows the WooCommerce-specific gaps, and delivers the compliance roadmap for product catalogs.</p>
833                                                        <div class="text-[10px] font-black text-slate-400 uppercase tracking-widest mt-auto border-t border-slate-100 pt-4 px-4">13. August 2026 • 5 Min Read</div>
834                        </a>
835                                                                                                        <a data-terms="1" href="https://www.autoalt.ai/blog/woocommerce-product-image-seo/"
836                            class="article-card glass-panel p-4 rounded-[2.5rem] flex flex-col h-full shadow-glass hover:shadow-mega" title="WooCommerce Product Images:how image SEO drives revenue">
837                            <!-- <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6 shadow-inner"> -->
838                            <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6" style="background-image:url('https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp'); background-size: cover; background-position: left top;">
839                                <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="w-full wp-post-image" alt="The text WooCommerce Product Images: How Image SEO drives revenue is displayed in bold red letters against a solid black background." title="The text WooCommerce Product Images: How Image SEO drives revenue is displayed in bold red letters against a solid black background." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-1536x864.webp 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo.webp" /><noscript><img width="1920" height="1080" src="https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo.webp" class="w-full wp-post-image" alt="The text WooCommerce Product Images: How Image SEO drives revenue is displayed in bold red letters against a solid black background." title="The text WooCommerce Product Images: How Image SEO drives revenue is displayed in bold red letters against a solid black background." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/woocommerce-product-images-seo-1536x864.webp 1536w" sizes="(max-width: 1920px) 100v
839w, 1920px" /></noscript>                            </div>
840
841                            <h3 class="text-xl font-bold text-slate-900 mb-4 leading-tight font-display group-hover:text-brand transition-colors px-4">WooCommerce Product Images:<br><span class="text-brand">how image SEO drives revenue</span></h3>
842                                                            <p class="text-slate-500 text-sm mb-6 leading-relaxed line-clamp-3 px-4">Product images play a double role in WooCommerce: they sell on the product page – and they rank in image search. This article shows how to capture both effects: from the three image locations to variation alt text and Product schema.</p>
843                                                        <div class="text-[10px] font-black text-slate-400 uppercase tracking-widest mt-auto border-t border-slate-100 pt-4 px-4">29. July 2026 • 4 Min Read</div>
844                        </a>
845                                                    <div
846                                class="glass-panel rounded-[2.5rem] p-10 text-white bg-slate-900 flex flex-col justify-center items-center text-center shadow-mega md:col-span-2 lg:col-span-1 relative overflow-hidden">
847                                <div class="absolute inset-0 bg-brand/5 rounded-full blur-3xl -mr-20 -mt-20"></div>
848                                <div id="autoalt-blog-newsletter" class="relative z-10">
849                                    <div
850                                        class="w-16 h-16 bg-white/10 rounded-2xl flex items-center justify-center mb-6 mx-auto backdrop-blur-md border border-white/20">
851                                        <i class="ph-bold ph-envelope-simple-open text-3xl text-brand"></i>
852                                    </div>
853                                    <h3 class="text-2xl font-bold mb-3 font-display">Don't miss any updates.</h3>
854                                    <p class="text-slate-400 text-sm mb-8 leading-relaxed">Receive the latest ADA, EAA, & WCAG 2.1 rulings and SEO tips every month.</p>
855                                    <form class="w-full space-y-3" id="autoalt_newslatter">
856                                        <div class="flex flex-col gap-2">
857                                            <label for="postsubemail" class="hidden">screen reader</label>
858                                            <input type="email" id="postsubemail" placeholder="Your Email" class="w-full px-6 py-4 rounded-full bg-white/5 border border-white/10 text-white text-sm focus:bg-white/10 focus:ring-2 focus:ring-brand outline-none transition-all" aria-label="Email input">
859                                        </div>
860
861                                        <button type="submit"
862                                            class="w-full bg-brand hover:bg-red-800 text-white font-black py-4 rounded-full text-[11px] uppercase tracking-[0.2em] transition shadow-xl" aria-label="Register Button">Register</button>
863                                    </form>
864                                    <p class="text-[10px] text-slate-500 mt-6 font-bold uppercase tracking-widest">You can unsubscribe at any time.</p>
865                                </div>
866                            </div>
867                                                                                                        <a data-terms="1" href="https://www.autoalt.ai/blog/google-shopping-image-optimization/"
868                            class="article-card glass-panel p-4 rounded-[2.5rem] flex flex-col h-full shadow-glass hover:shadow-mega" title="Optimizing Images for Google Shopping:requirements, disapprovals, best practices">
869                            <!-- <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6 shadow-inner"> -->
870                            <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6" style="background-image:url('https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp'); background-size: cover; background-position: left top;">
871                                <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="w-full wp-post-image" alt="A white background with the AUTOALT.AI logo and the title Optimizing Images for Google Shopping, including requirements, disapprovals, and best practices." title="A white background with the AUTOALT.AI logo and the title Optimizing Images for Google Shopping, including requirements, disapprovals, and best practices." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-1536x864.webp 1536w" data-lazy-sizes="(max-width: 1920px) 100v
871w, 1920px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping.webp" /><noscript><img width="1920" height="1080" src="https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping.webp" class="w-full wp-post-image" alt="A white background with the AUTOALT.AI logo and the title Optimizing Images for Google Shopping, including requirements, disapprovals, and best practices." title="A white background with the AUTOALT.AI logo and the title Optimizing Images for Google Shopping, including requirements, disapprovals, and best practices." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Optimizing-Images-for-Google-Shopping-1536x864.webp 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></noscript>                            </div>
872
873                            <h3 class="text-xl font-bold text-slate-900 mb-4 leading-tight font-display group-hover:text-brand transition-colors px-4">Optimizing Images for Google Shopping:<br><span class="text-brand">requirements, disapprovals, best practices</span></h3>
874                                                            <p class="text-slate-500 text-sm mb-6 leading-relaxed line-clamp-3 px-4">In Google Shopping, the image is the ad. This guide covers what Merchant Center requires, why images get disapproved, how additional images and landing page signals interact – and how to get the feed out of WooCommerce cleanly.</p>
875                                                        <div class="text-[10px] font-black text-slate-400 uppercase tracking-widest mt-auto border-t border-slate-100 pt-4 px-4">28. July 2026 • 4 Min Read</div>
876                        </a>
877                                                                                                        <a data-terms="1" href="https://www.autoalt.ai/blog/image-seo-guide/"
878                            class="article-card glass-panel p-4 rounded-[2.5rem] flex flex-col h-full shadow-glass hover:shadow-mega" title="Image SEO 2026:The Complete Guide">
879                            <!-- <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6 shadow-inner"> -->
880                            <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6" style="background-image:url('https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp'); background-size: cover; background-position: left top;">
881                                <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="w-full wp-post-image" alt="A professional graphic titled Image SEO 2026: The Complete Guide, featuring the AUTOALT.AI logo on a clean, light gray background with subtle curves." title="A professional graphic titled Image SEO 2026: The Complete Guide, featuring the AUTOALT.AI logo on a clean, light gray background with subtle curves." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-1536x864.webp 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide.webp" /><noscript><img width="1920" height="1080" src="https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide.webp" class="w-full wp-post-image" alt="A professional graphic titled Image SEO 2026: The Complete Guide, featuring the AUTOALT.AI logo on a clean, light gray background with subtle curves." title="A professional graphic titled Image SEO 2026: The Complete Guide, featuring the AUTOALT.AI logo on a clean, light gray background with subtle curves." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/Image-SEO-2026-The-Complete-Guide-1536x864.webp 1536w" sizes="(max-width: 1920px) 100v
881w, 1920px" /></noscript>                            </div>
882
883                            <h3 class="text-xl font-bold text-slate-900 mb-4 leading-tight font-display group-hover:text-brand transition-colors px-4">Image SEO 2026:<br><span class="text-brand">The Complete Guide</span></h3>
884                                                            <p class="text-slate-500 text-sm mb-6 leading-relaxed line-clamp-3 px-4">On most websites, images are the biggest untapped SEO potential – and the most common performance killer at the same time. This guide covers every lever in the right order: formats, file names, alt text, load time, structured data, and scaling.</p>
885                                                        <div class="text-[10px] font-black text-slate-400 uppercase tracking-widest mt-auto border-t border-slate-100 pt-4 px-4">28. July 2026 • 7 Min Read</div>
886                        </a>
887                                                                                                        <a data-terms="1" href="https://www.autoalt.ai/blog/wordpress-image-accessibility-checklist/"
888                            class="article-card glass-panel p-4 rounded-[2.5rem] flex flex-col h-full shadow-glass hover:shadow-mega" title="The WordPress Image Accessibility Checklistfor WCAG, EAA, and ADA">
889                            <!-- <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6 shadow-inner"> -->
890                            <div class="relative md:h-56 h-auto overflow-hidden rounded-[1.8rem] mb-6" style="background-image:url('https://www.autoalt.ai/wp-content/webp-express/webp-images/themes/autoalt/assets/images/blog-list-backgroung.png.webp'); background-size: cover; background-position: left top;">
891                                <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="w-full wp-post-image" alt="The AUTOALT.AI logo appears above the title: The WordPress Image Accessibility Checklist for WCAG, EAA, and ADA, set against a light gray background." title="The AUTOALT.AI logo appears above the title: The WordPress Image Accessibility Checklist for WCAG, EAA, and ADA, set against a light gray background." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-1536x864.webp 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist.webp" /><noscript><img width="1920" height="1080" src="https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist.webp" class="w-full wp-post-image" alt="The AUTOALT.AI logo appears above the title: The WordPress Image Accessibility Checklist for WCAG, EAA, and ADA, set against a light gray background." title="The AUTOALT.AI logo appears above the title: The WordPress Image Accessibility Checklist for WCAG, EAA, and ADA, set against a light gray background." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist.webp 1920w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-300x169.webp 300w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-1024x576.webp 1024w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-768x432.webp 768w,  https://www.autoalt.ai/wp-content/uploads/2026/07/The-WordPress-Image-Accessibility-Checklist-1536x864.webp 1536w" sizes="(max-width: 1920px) 100v
891w, 1920px" /></noscript>                            </div>
892
893                            <h3 class="text-xl font-bold text-slate-900 mb-4 leading-tight font-display group-hover:text-brand transition-colors px-4">The WordPress Image Accessibility Checklist<br><span class="text-brand">for WCAG, EAA, and ADA</span></h3>
894                                                            <p class="text-slate-500 text-sm mb-6 leading-relaxed line-clamp-3 px-4">WordPress ships with everything accessible images need – but the pitfalls hide in the details: media library vs. post, linked images, page builder sliders. This checklist works through all eight points where things go wrong in practice.</p>
895                                                        <div class="text-[10px] font-black text-slate-400 uppercase tracking-widest mt-auto border-t border-slate-100 pt-4 px-4">27. July 2026 • 5 Min Read</div>
896                        </a>
897                                                                                            </div> <!-- END GRID -->
898                        </div>
899            <div  id="load-more-wrap" class="mt-20 text-center">
900            <button id="load-more" data-page="1" data-term="0" data-load-text="Loading ..."
901                class="glass-panel px-10 py-4 text-slate-900 text-[11px] font-black uppercase tracking-widest rounded-full hover:bg-white transition shadow-glass">Load older posts</button>
902        </div>
903        <input type="hidden" name="totalpage" value="7">
904</main>
905
906<footer  class="bg-white/40 backdrop-blur-md border-t border-white/40 relative z-10">
907    <div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
908        <div  class="grid md:grid-cols-4 gap-12 text-sm py-16">
909                                            <div>
910                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
911                                            Product                                        </div>
912                                                                                                                <ul class="space-y-4">
913                                                                                                        <li>
914                                                                <a href="https://www.autoalt.ai/pricing/" target="_self" title="Pricing & Packs" class="text-slate-500 hover:text-brand transition">Pricing & Packs</a>
915                                                            </li>
916                                                                                                                    <li>
917                                                                <a href="https://www.autoalt.ai/bulk-alt-text-generator/" target="_self" title="Bulk Processing" class="text-slate-500 hover:text-brand transition">Bulk Processing</a>
918                                                            </li>
919                                                                                                </ul>
920                                                                    </div>
921                                                            <div>
922                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
923                                            INTEGRATIONS                                        </div>
924                                                                                                                <ul class="space-y-4">
925                                                                                                        <li>
926                                                                <a href="https://www.autoalt.ai/integrations/wordpress/" target="_self" title="WordPress Plugin" class="text-slate-500 hover:text-brand transition">WordPress Plugin</a>
927                                                            </li>
928                                                                                                                    <li>
929                                                                <a href="https://www.autoalt.ai/integrations/woocommerce/" target="_self" title="WooCommerce" class="text-slate-500 hover:text-brand transition">WooCommerce</a>
930                                                            </li>
931                                                                                                                    <li>
932                                                                <a href="https://www.autoalt.ai/integrations/shopware/" target="_self" title="Shopware Extension" class="text-slate-500 hover:text-brand transition">Shopware Extension</a>
933                                                            </li>
934                                                                                                                    <li>
935                                                                <a href="https://www.autoalt.ai/integrations/magento/" target="_self" title="Magento Extension" class="text-slate-500 hover:text-brand transition">Magento Extension</a>
936                                                            </li>
937                                                                                                                    <li>
938                                                                <a href="https://www.autoalt.ai/integrations/shopify/" target="_self" title="Shopify App" class="text-slate-500 hover:text-brand transition">Shopify App</a>
939                                                            </li>
940                                                                                                                    <li>
941                                                                <a href="https://www.autoalt.ai/integrations/joomla/" target="_self" title="Joomla Package" class="text-slate-500 hover:text-brand transition">Joomla Package</a>
942                                                            </li>
943                                                                                                                    <li>
944                                                                <a href="https://www.autoalt.ai/integrations/drupal/" target="_self" title="Drupal Module" class="text-slate-500 hover:text-brand transition">Drupal Module</a>
945                                                            </li>
946                                                                                                                    <li>
947                                                                <a href="https://www.autoalt.ai/integrations/prestashop/" target="_self" title="Prestashop Module" class="text-slate-500 hover:text-brand transition">Prestashop Module</a>
948                                                            </li>
949                                                                                                </ul>
950                                                                    </div>
951                                                            <div>
952                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
953                                            LEGAL & TRUST                                        </div>
954                                                                                                                <ul class="space-y-4">
955                                                                                                        <li>
956                                                                <a href="https://www.autoalt.ai/compliance/eaa-2025/" target="_self" title="Web Acce
956ssibility" class="text-slate-500 hover:text-brand transition">Web Accessibility</a>
957                                                            </li>
958                                                                                                                    <li>
959                                                                <a href="https://www.autoalt.ai/compliance/gdpr-image-ai/" target="_self" title="GDPR & Security" class="text-slate-500 hover:text-brand transition">GDPR & Security</a>
960                                                            </li>
961                                                                                                                    <li>
962                                                                <a href="https://www.autoalt.ai/privacy-policy/" target="_self" title="Privacy Policy" class="text-slate-500 hover:text-brand transition">Privacy Policy</a>
963                                                            </li>
964                                                                                                                    <li>
965                                                                <a href="https://www.autoalt.ai/imprint/" target="_self" title="Imprint" class="text-slate-500 hover:text-brand transition">Imprint</a>
966                                                            </li>
967                                                                                                                    <li>
968                                                                <a href="https://www.autoalt.ai/terms/" target="_self" title="Terms of Service" class="text-slate-500 hover:text-brand transition">Terms of Service</a>
969                                                            </li>
970                                                                                                                    <li>
971                                                                <a href="https://www.autoalt.ai/cancelation-policy/" target="_self" title="Cancelation Policy" class="text-slate-500 hover:text-brand transition">Cancelation Policy</a>
972                                                            </li>
973                                                                                                </ul>
974                                                                    </div>
975                                                            <div>
976                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
977                                            COMPANY                                        </div>
978                                                                                                                <ul class="space-y-4">
979                                                                                                        <li>
980                                                                <a href="https://www.autoalt.ai/about/" target="_self" title="About Us" class="text-slate-500 hover:text-brand transition">About Us</a>
981                                                            </li>
982                                                                                                                    <li>
983                                                                <a href="https://www.autoalt.ai/support/" target="_self" title="Support" class="text-slate-500 hover:text-brand transition">Support</a>
984                                                            </li>
985                                                                                                                    <li>
986                                                                <a href="https://www.autoalt.ai/contact/" target="_self" title="Contact" class="text-slate-500 hover:text-brand transition">Contact</a>
987                                                            </li>
988                                                                                                </ul>
989                                                                    </div>
990                                    </div>
991                            <div data-wpr-lazyrender="1" class="py-8 border-t border-slate-200 text-center text-slate-400 text-xs flex flex-wrap md:flex-row flex-wrap gap-4 md:justify-between justify-center items-center">
992                                                    <div>&copy; 2026 webAufstieg GmbH. Made in Germany <img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." role="img" draggable="false" title="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f1e9-1f1ea.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f1e9-1f1ea.svg" class="emoji" alt="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." role="img" draggable="false" title="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." decoding="async" /></noscript></div>
993                                                                            <div class="flex flex-wrap gap-4 align-center text-[1.5rem]">
994                                                                                <a href="https://www.facebook.com/people/AutoAltai/61577176842798/" target="_blank" rel="noopener noreferrer" role="button" title="square-facebook" aria-label="square-facebook"><i class="fa-classic fa-brands fa-square-facebook"></i> <span class="sr-only">square-facebook</span></a>
995                                                                                            <a href="https://www.instagram.com/autoalt.ai/" target="_blank" rel="noopener noreferrer" role="button" title="instagram" aria-label="instagram"><i class="fa-classic fa-brands fa-instagram"></i> <span class="sr-only">instagram</span></a>
996                                                                                            <a href="https://x.com/AutoAltAi" target="_blank" rel="noopener noreferrer" role="button" title="x-twitter" aria-label="x-twitter"><i class="fa-classic fa-brands fa-x-twitter"></i> <span class="sr-only">x-twitter</span></a>
997                                                                                            <a href="https://www.youtube.com/@AutoAltAI" target="_blank" rel="noopener noreferrer" role="button" title="youtube" aria-label="youtube"><i class="fa-classic fa-brands fa-youtube"></i> <span class="sr-only">youtube</span></a>
998                                                                                            <a href="https://www.linkedin.com/company/autoalt-ai/" target="_blank" rel="noopener noreferrer" role="button" title="linkedin" aria-label="linkedin"><i class="fa-classic fa-brands fa-linkedin"></i> <span class="sr-only">linkedin</span></a>
999                                                                        </div>
1000                                            </div>
1001                    </div>
1002</footer>
1003
1004<div  id="eaa-modal" class="fixed inset-0 z-[200] hidden">
1005    <div  class="fixed inset-0 bg-slate-900/40 backdrop-blur-md" onclick="closeModal()"></div>
1006    <div  class="fixed inset-0 flex items-center justify-center p-4">
1007        <div  class="glass-panel w-full max-w-md p-10 rounded-[3rem] shadow-mega relative" id="modal-panel">
1008            <button onclick="closeModal()" class="absolute top-6 right-6 text-slate-400" aria-label="closeModal button">
1009                <i class="ph ph-x text-2xl"></i>
1010            </button>
1011
1012            <div id="scan-step-1">
1013
1014                <div
1015                    class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-100 mb-6 border border-blue-200">
1016                    <svg class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1017                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1018                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
1019                    </svg>
1020                </div>
1021
1022                                    <h3 class="text-xl font-bold mb-2 font-display uppercase tracking-tight text-center">
1023                        🔍 Free SEO & Compliance Check                    </h3>
1024                                                    <div class="flex flex-col text-sm text-slate-500 text-center mb-6">
1025                        <p>Enter your store URL. We check: <strong>missing alt texts, SEO potential, and compliance risks (EAA/ADA)</strong> – free and without registration.</p>
1026                    </div>
1027                                <div class="autoalt-field-wrap mb-6">
1028                    <input type="text" id="shop-url"
1029                        class="glass-panel w-full p-4 rounded-full border-white/50 px-8 outline-brand"
1030                        placeholder="my-shop.com / .de / .eu">
1031                    <label for="shop-url" class="hidden">screen reader</label>
1032                </div>
1033                <button onclick="startScan()" aria-label="Analyze Now button"
1034                    class="bg-[#B30000] hover:bg-red-800 text-white font-bold shadow-lg transition-all w-full py-4 rounded-full uppercase tracking-widest text-sm">Analyze Now</button>
1035            </div>
1036
1037
1038            <div id="scan-step-2" class="hidden text-center py-10">
1039                <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-brand mx-auto mb-6"></div>
1040                <h3 class="text-lg font-bold text-slate-900 mb-2">Analyzing images...                </h3>
1041                <p class="text-sm text-slate-500" id="scan-status">
1042                    Connecting to server...                </p>
1043                <div
1044                    class="mt-6 bg-slate-50/80 rounded-lg p-3 text-xs font-mono text-left h-24 overflow-hidden text-slate-400 border border-slate-200">
1045                    <p id="scan-step-2-1">> init_crawler</p>
1046                    <p id="scan-step-2-2" class="text-brand">my-shop.com></p>
1047                    <p id="scan-step-2-3" class="text-brand">> Detecting image elements</p>
1048                    <p id="scan-step-2-4">> checking SEO + compliance...</p>
1049                    <p id="scan-step-2-5" class="text-red-500">> Evaluating accessibility quality</p>
1050                </div>
1051            </div>
1052
1053            <div id="scan-step-3" class="hidden text-center">
1054                <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-orange-100 mb-4">
1055                    <span class="text-3xl">📊</span>
1056                </div>
1057                <h3 class="text-2xl font-bold text-slate-900 mb-2 uppercase">📊
1058                    Analysis Results                </h3>
1059                <p class="text-center text-slate-600 mb-6">
1060                    Your shop has optimization potential.                </p>
1061
1062                <div class="bg-white/80 rounded-2xl border border-slate-200 p-4 mb-6 shadow-sm text-left">
1063                    <div class="font-mono text-xs leading-relaxed text-slate-700">
1064                        <div class="border-b border-slate-200 pb-2 mb-3">
1065                            <span class="font-bold">Images checked.: <span
1066                                    id="eaa-res-total">47</span></span>
1067                        </div>
1068                        <div class="space-y-1">
1069                            <div>❌ Without alt text: <strong id="eaa-res-without"
1070                                    class="text-red-600">32
1071                                    (68%)</strong></div>
1072                            <div>⚠️ SEO not optimized: <strong id="eaa-res-not-op"
1073                                    class="text-orange-600">12 (26%)</strong></div>
1074                            <div>✅ Perfect: <strong id="eaa-res-perfect"
1075                                    class="text-green-600">3
1076                                    (6%)</strong></div>
1077                        </div>
1078                    </div>
1079                </div>
1080
1081                <div class="space-y-2 mb-6">
1082                    <div class="bg-green-50 border border-green-200 rounded-xl p-3 text-xs text-left">
1083                        <p class="font-bold text-green-900">📈 SEO Potential:</p>
1084                        <p class="text-green-700">You're missing approx. <span
1085                                id="eaa-res-final">22%</span>
1086                            possible traffic                        </p>
1087                    </div>
1088                    <div id="eaa-res-compliance-box" class="bg-red-50 border border-red-200 rounded-xl p-3 text-xs text-left">
1089                        <p class="font-bold text-red-900" id="eaa-res-compliance-title">⚖️ Compliance Risk: <span id="eaa-res-compliance-level">HIGH</span></p>
1090                        <p class="text-red-700" id="eaa-res-compliance-text">EU up to €100,000 |
1091                            USA up to $25,000+                        </p>
1092                    </div>
1093                </div>
1094                                <a href="https://www.autoalt.ai/register/"
1095                    class="bg-[#B30000] hover:bg-red-800 text-white font-bold shadow-lg w-full p-4 inline-block rounded-full uppercase text-sm mb-3" title="Start Free">🚀
1096                    Optimize Now – 50
1097                    Credits/Month Free</a>
1098                <button onclick="closeModal()"
1099                    class="text-slate-400 hover:text-slate-600 text-xs font-bold uppercase tracking-widest">Close</button>
1100            </div>
1101        </div>
1102    </div>
1103</div>
1104
1105<script type="speculationrules">
1106{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/autoalt/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1107</script>
vendor: 1 bytes, line 1107
1107
1108<script type="text/rocketlazyloadscript" id="rocket-browser-checker-js-after">
1109"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
1110//# sourceURL=rocket-browser-checker-js-after
1111</script>
vendor: 1 bytes, line 1111
1111
1112<script id="rocket-preload-links-js-extra">
1113var RocketPreloadLinksConfig = {"excludeUris":"/sitemap_index.xml/|/(.*)sitemap(.*).xml/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.autoalt.ai","onHoverDelay":"100","rateThrottle":"3"};
1114//# sourceURL=rocket-preload-links-js-extra
1115</script>
vendor: 1 bytes, line 1115
1115
1116<script type="text/rocketlazyloadscript" id="rocket-preload-links-js-after">
1117(function() {
1118"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
1119}());
1120
1121//# sourceURL=rocket-preload-links-js-after
1122</script>
vendor: 1 bytes, line 1122
1122
1123<script type="text/rocketlazyloadscript" id="wss-stripe-js-js" data-rocket-src="https://js.stripe.com/v3/" data-rocket-defer defer></script>
vendor: 1 bytes, line 1123
1123
1124<script id="wss-front-js-extra">
1125var wss_vars = {"ajax_url":"https://www.autoalt.ai/wp-admin/admin-ajax.php","nonce":"216f3b139b","publishable_key":"pk_live_51RJ8GyLO2aS4fV1w2ayRzRK9pblaIGMnisQ3dkBXF9JZLvTPHulk5i5vWhKYu2xyBUVGMSyxcgJNg1MahyUBocLt00kuN1r1sX"};
1126//# sourceURL=wss-front-js-extra
1127</script>
vendor: 1 bytes, line 1127
1127
1128<script type="text/rocketlazyloadscript" data-minify="1" id="wss-front-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/plugins/wp-stripe-subscriptions/assets/js/stripe-front.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1128
1128
1129<script type="text/rocketlazyloadscript" data-minify="1" id="gsap-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/ajax/libs/gsap/3.12.2/gsap.min.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1129
1129
1130<script type="text/rocketlazyloadscript" data-minify="1" id="font-awesome-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/29414293c0.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1130
1130
1131<script id="autoalt-main-script-js-extra">
1132var ajaxData = {"ajax_url":"https://www.autoalt.ai/wp-admin/admin-ajax.php"};
1133//# sourceURL=autoalt-main-script-js-extra
1134</script>
vendor: 1 bytes, line 1134
1134
1135<script type="text/rocketlazyloadscript" data-minify="1" id="autoalt-main-script-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/main.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1135
1135
1136<script id="autoalt-login-js-extra">
1137var login_autoalt_i18n = {"ajaxUrl":"https://www.autoalt.ai/wp-admin/admin-ajax.php","current_language":"en","forgotNonce":"f4de93a3f4","resetNonce":"0967f8487b","ImageAltNonce":"b9c13a20ca","reverificationNonce":"e7684d6078","loading":"Loading...","forgot_password_failed_title":"Mistake","reset_password_failed_title":"Reset password failed","forgot_password_success_title":"Email sent!","reset_password_success_title":"Password Reset Successfully!","forgot_password_missing_fields":"Please enter email.","reset_password_missing_fields":"Please enter both password fields.","forgot_password_success_text":"Please check your inbox (and spam folder).","reset_password_success_text":"Your password has been reset successfully. Redirecting to login...","forgot_password_failed_text":"Invalid email address.","generic_error":"Something went wrong. Please try again.","generic_title":"Failed.","success_title":"Success","loginUrl":"https://www.autoalt.ai/login/","captcha_req":"Please confirm that you are not a robot."};
1138//# sourceURL=autoalt-login-js-extra
1139</script>
vendor: 1 bytes, line 1139
1139
1140<script type="text/rocketlazyloadscript" data-minify="1" id="autoalt-login-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/login-script.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1140
1140
1141<script id="wpie-common-js" src="https://www.autoalt.ai/wp-content/plugins/wp-cookie-allow/framework/assets/js/wpie-common.min.js?ver=2.0.20"></script>
vendor: 1 bytes, line 1141
1141
1142<script id="wpca-frontend-js-before">
1143var wpcaData = {"cookieNameConsent":"wpca_consent","cookieNameCc":"wpca_cc","init3rdPartyTimeout":200,"init3rdPartyItems":[],"doPlaceholder":true,"doPlaceholderParentSizing":false,"minPlacehoderDim":{"w":75,"h":75},"blockedAssetsUri":{"a":"#","js":"https:\/\/www.autoalt.ai\/wp-content\/plugins\/wp-cookie-allow\/assets\/js\/blocked.js","img":"https:\/\/www.autoalt.ai\/wp-content\/plugins\/wp-cookie-allow\/assets\/img\/blocked.jpg","iframe":"about:blank"},"loadHtmlEarly":false,"fetchMethod":"adminajax","layout":"box","cookieExpire":365,"cookiesBeforeConsent":1,"consentMethod":1,"policyCssClass":"wpca-policy-link","cookiePolicyPathRel":"","queryVarBypass":"wpca_bypass_consent","showLayer":false,"hasClose":false,"useXAsDismiss":false,"minScrollTop":0,"cookiePath":"\/","cookieDomain":"","bypassingConsent":false,"allowedCc":["functional","analytical","social-media","advertising","other"],"requiredCc":["functional"],"replaceResetBtn":false,"reloadAfterConsent":true,"animateDuration":200,"gtm":{"optimize":true,"dataLayerName":"dataLayer","dataLayerVar":"wpcaCc","dataLayerEventPrefix":"wpca_consent_","enableGCMv2":true,"localStorageKey":"wpcaConsentMode"},"ajaxContextFrontend":"301ae2dd5cfd43887a2f9c15d16f0447","restUrl":"https:\/\/www.autoalt.ai\/wp-json\/","restNonce":"5ff161ecc8","ccLabels":{"functional":"Functional","analytical":"Analytics","social-media":"Social media","advertising":"Advertising","other":"Other"},"ns":"wpca","nonce":"1086a5d3fc","wpurl":"https:\/\/www.autoalt.ai","domain":"autoalt.ai","ajaxurl":"https:\/\/www.autoalt.ai\/wp-admin\/admin-ajax.php","referer":false,"currenturl":"https:\/\/www.autoalt.ai\/blog\/","isms":false,"mspath":"\/","ssl":true}
1144//# sourceURL=wpca-frontend-js-before
1145</script>
vendor: 1 bytes, line 1145
1145
1146<script id="wpca-frontend-js" src="https://www.autoalt.ai/wp-content/plugins/wp-cookie-allow/modules/frontend/js/wpca-frontend.min.js?ver=3.4.11"></script>
vendor: 1 bytes, line 1146
1146
1147<script id="autoalt-script-js-js-extra">
1148var autoalt_i18n = {"ajax_url":"https://www.autoalt.ai/wp-admin/admin-ajax.php","login_nonce":"2be6dea620","current_language":"en","generating":"Generating...","generate_key":"Generate Key","enter_domain":"Please enter a domain.","invalid_domain":"Please enter a valid URL (https://...).","domain_exist_account":"You have already added this domain to your account.","key_generated":"API key generated successfully.","connection_success":"Connection Successful","connection_failed":"Connection Failed","generic_error":"Something went wrong. Please try again.","created":"Created","revoke":"Revoke","copy_title":"Click Copy to reveal","confirm_revoke_title":"Revoke API Key?","confirm_revoke_text":"Are you sure you want to revoke access for this domain?","revoking":"Revoking...","revoke_failed":"Revoke failed. Please try again.","status_success":"Success","no_history_found":"No activity history found.","loading":"Loading...","export_error_title":"Export Failed","export_success_title":"Export request submitted.","export_success":"You will receive an email when the file is ready for download.","exporting":"Exporting...","faq_no_results_title":"No FAQs found","faq_no_results_hint":"Try searching for %1$s, %2$s, or %3$s.","faq_example_install":"Installation","faq_example_api_key":"API Key","faq_example_billing":"Billing","faq_clear_search":"Clear search","login_failed_title":"Login failed","login_success_title":"Success!","login_missing_fields":"Please enter email and password.","login_success_text":"You will be redirected...","login_failed_text":"Invalid email address or password.","logging_in":"Logging in ...","processing":"Processing","register_failed_title":"Registration Failed","fill_all_fields":"Please fill in all required fields.","invalid_email":"Please Enter valid Email Address.","password_min_8":"Password must be at least 8 characters.","accept_terms":"Please accept the Terms & Conditions to continue.","registering_title":"Creating account\u2026","please_wait":"Please wait while we create your account and send a verification email.","register_success_title":"Success!","register_success":"A verification email has been sent. Please confirm your email address to activate your account.","new_image_url_blank":"URL can't be blank.","new_image_url_invalid":"Invalid URL. Please include \"https://\".","new_image_unsupported":"Unsupported image format. Allowed: jpg, jpeg, png, gif, webp, bmp, avif, svg.","new_image_file_large":"Maximum file size is 16MB.","new_image_file_small":"Minimum image size is 50\u00d750 pixels.","new_image_asset_spaces":"Spaces are not allowed.","new_image_asset_max":"Maximum 50 characters allowed.","new_image_product_name":"Product Name can't be blank.","new_image_no_credit":"Account has insufficient credits","new_image_success":"Image added successfully.","first_name_required":"First name can't be blank.","last_name_required":"Last name can't be blank.","saving":"Saving...","profile_updated_title":"Profile Updated Successfully","profile_update_failed_title":"Profile Update Failed","profile_updated":"Profile updated successfully.","shop_connected":"Your shop has been successfully connected via API.","login":"Login","login_redirect_url":"https://www.autoalt.ai/dashboard/","invalid_password":"Invalid email address or password.","user_not_found":"Account not found. Please check your email address.","current_password_required":"Current password can't be blank.","new_password_required":"New password can't be blank.","new_password_valid":"Password must be at least 8 characters and include 1 uppercase, 1 lowercase, 1 digit, and 1 special character.","confirm_password_required":"Confirm password can't be blank.","password_updated_title":"Password Updated Successfully","password_updated":"Password updated successfully.","password_update_failed_title":"Password Update Failed","password_weak":"Password does not meet security requirements.","password_mismatch":"Passwords do not match.","log_init_crawler":"Initializing crawler:","log_parse_images":"Parsing DOM for \u003Cimg\u003E elements and metadata...","log_wcag_val
1148idate":"Validating against WCAG 2.1 Level AA standards...","log_seo_score":"Calculating image SEO opportunity score...","log_audit_complete":"Audit Complete.","erasing":"Erasing...","erase_failed_title":"Erase Failed","enter_password":"Please enter your password.","confirm_erase_library":"Are you sure you want to erase your image library? This action cannot be undone!","erase_success_title":"Success","erase_success":"Your image library has been erased successfully.","incorrect_password":"Incorrect password. Please try again.","deleting":"Deleting...","confirm_delete_account":"Are you sure you want to delete your account? This action cannot be undone!","canceling":"Canceling...","cancel_success_title":"Success","cancel_success":"Your subscription has been cancelled successfully.","cancel_failed_title":"Cancel Failed","confirm_cancel_plan":"Are you sure you want to cancel your subscription?","image_placeholder":"https://www.autoalt.ai/wp-content/themes/autoalt/assets/images/placeholder.svg","scan_connecting":"Connecting to server...","scan_media":"Scanning media library...","scan_compliance":"Checking EAA compliance...","scan_working":"Still working...","scan_report":"Creating report...","compliance_risk_low_text":"Your shop meets most accessibility requirements.","compliance_risk_fine_text":"EU up to \u20ac100,000 | USA up to $25,000+","log_targeting":"\u003E targeting:","log_get_index":"\u003E GET /index.html HTTP/1.1","log_parse_dom":"\u003E Parsing page markup","log_found_images":"\u003E Detecting image elements","log_wcag_check":"\u003E checking WCAG 1.1.1 compliance...","log_warn_empty_alt":"\u003E warning: empty alt=\"\" detected","log_critical_bfsg":"\u003E critical: BFSG violation found","log_alt_usage":"\u003E Reviewing alt text usage","log_alt_quality":"\u003E Evaluating accessibility quality","log_generate_report":"\u003E Finalizing scan data","log_accessibility_scan":"\u003E Executing accessibility scan","newsletter_success":"Successfully subscribed!","newsletter_registering":"Registering...","csv_blank":"Please select a CSV file first.","start_import":"Start Import","error_status":"Error:","import_response":"CSV Import Started","import_rows_processing":"rows are being processed.","import_email_label":"Email Notification:","import_no_email_text":"We\u2019ll send an email to your registered email address once all items have been imported.","import_success":"CSV Import Successfully!","importing":"Importing ...","ct":"ct","image":"Image","mo":"Mo","year":"Year","enter_project_name":"Please enter project name.","creating":"Creating...","creation_failed":"Creation Failed","project_created":"Project Created","project_created_msg":"Your project has been created successfully.","regenerate_confirm":"Are you sure? The old key will stop working immediately.","regenerate_api_faild":"Regenerate API key Failed","project_update_failed":"Project Update Failed","captcha_req":"Please confirm that you are not a robot.","good":"Good","pass_wcag_basic":"Pass WCAG Basic","low":"Low","critical":"Critical","fails_wcag_basic":"Fails WCAG Basic","high":"High","warning":"Warning","medium":"Medium","verify_review_title":"Mark as human reviewed","verified_label":"Verified","verified_title":"Marked as Reviewed","verified_text":"This image has been marked as human reviewed.","regenerate_alt_title":"Regenerate alt text","regenerate_requested_title":"Alt Text Regenerated","regenerate_requested_text":"The new entry has been added to Human Review."};
1149//# sourceURL=autoalt-script-js-js-extra
1150</script>
vendor: 1 bytes, line 1150
1150
1151<script type="text/rocketlazyloadscript" data-minify="1" id="autoalt-script-js-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/autoalt.js?ver=1789981828" data-rocket-defer defer></script>
1151
1152<div id="wpca-lay-out-wrapper"></div>
1152<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
1153if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
1154images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
1155if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
1155<script data-no-minify="1" async src="https://www.autoalt.ai/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
1155</body>
1156
1157</html>
1158<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790225927 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.