1<!doctype html> 2<!-- Martex - Software, App, SaaS & Startup Landing Pages Pack design by DSAThemes (http://www.dsathemes.com) --> 3<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> 4<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> 5<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> 6<!--[if (gte IE 9)|!(IE)]><!--> 7<html lang="en"> 8 <head> 9
9<script type="text/plain" data-category="marketing"> (function(ss,ex){ window.ldfdr=window.ldfdr||function(){(ldfdr._q=ldfdr._q||[]).push([].slice.call(arguments));}; (function(d,s){ fs=d.getElementsByTagName(s)[0]; function ce(src){ var cs=d.createElement(s); cs.src=src; cs.async=1; fs.parentNode.insertBefore(cs,fs); }; ce('https://sc.lfeeder.com/lftracker_v1_'+ss+(ex?'_'+ex:'')+'.js'); })(document,'script'); })('ywVkO4Xx2rx4Z6Bj'); </script>
9 10
10<script type="application/ld+json"> 11 { 12 "@context": "https://schema.org", 13 "@type": "Organization", 14 "name": "tabnav", 15 "url": "https://tabnav.com", 16 "logo": "https://tabnav.com/images/sq-card.png", 17 "description": "tabnav provides web accessibility solutions including an accessibility widget, real-time monitoring, PDF remediation, free accessibility checkers, and tools to help websites stay compliant with ADA and WCAG standards.", 18 "sameAs": [ 19 "https://www.linkedin.com/company/tabnav-accessibility", 20 "https://x.com/tab2nav", 21 "https://www.instagram.com/tab.nav/?hl=en" 22 ] 23 } 24 </script>
24 25
25<script type="text/plain" data-category="marketing" id="pap_x2s6df8d" src="https://tabnav.postaffiliatepro.com/scripts/9jf2wvhvqf"></script>
25 26
26<script type="text/plain" data-category="marketing"> 27 PostAffTracker.setAccountId('default1'); 28 try { 29 PostAffTracker.track(); 30 } catch (err) { } 31 </script>
31 32 <link rel="canonical" href="https://tabnav.com/blog" /> 33 34 <!-- Theme color for main pages (purple) --> 35 <meta name="theme-color" content="#8E56DC"> 36 <meta name="msapplication-navbutton-color" content="#8E56DC"> 37 <meta name="apple-mobile-web-app-status-bar-style" content="#8E56DC"> 38 39
39<script type="text/plain" data-category="analytics" src="https://analytics.ahrefs.com/analytics.js" data-key="sBIsxwVW1fEteAmBdIyk5w" async></script>
39 40 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css"> 41 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 42 43 <!-- Global Loader CSS --> 44 <link rel="stylesheet" href="/css/global-loader.css"> 45 46 <!-- Page loading overlay - white background that fades out --> 47 <style> 48 /* White overlay that covers the page during loading */ 49 .page-loading-overlay { 50 position: fixed; 51 top: 0; 52 left: 0; 53 width: 100%; 54 height: 100%; 55 background-color: #ffffff; 56 z-index: 999999; 57 opacity: 1; 58 transition: opacity 0.5s ease-out; 59 pointer-events: none; 60 } 61 62 /* Hide overlay when page is loaded */ 63 .page-loading-overlay.fade-out { 64 opacity: 0; 65 pointer-events: none; 66 } 67 68 /* Remove overlay completely after fade completes */ 69 .page-loading-overlay.hidden { 70 display: none; 71 } 72 73 .global-loader.page-loading { 74 height: 6px; 75 background-color: rgba(255, 255, 255, 0.2); 76 } 77 78 .global-loader.page-loading .progress-bar { 79 background: linear-gradient(90deg, #8E56DC 0%, #6C3BBE 50%, #8E56DC 100%); 80 background-size: 200% 100%; 81 animation: shimmer 2s infinite, progress-pulse 1.5s ease-in-out infinite; 82 } 83 84 @keyframes progress-pulse { 85 86 0%, 87 100% { 88 opacity: 1; 89 } 90 91 50% { 92 opacity: 0.7; 93 } 94 } 95 </style> 96 97 98 99 <!-- Global Loader - Immediate Navigation Detection --> 100
100<script> 101 // Show loader immediately on any navigation 102 (function() { 103 try { 104 // Create white overlay that covers the page during loading 105 const overlay = document.createElement('div'); 106 overlay.className = 'page-loading-overlay'; 107 overlay.setAttribute('aria-hidden', 'true'); 108 // Append to documentElement (html) since body might not exist yet 109 document.documentElement.appendChild(overlay); 110 111 // Create loader element immediately 112 const loader = document.createElement('div'); 113 loader.className = 'global-loader'; 114 loader.innerHTML = '<div class="progress-bar"></div>'; 115 loader.setAttribute('role', 'progressbar'); 116 loader.setAttribute('aria-label', 'Page loading progress'); 117 loader.setAttribute('aria-valuemin', '0'); 118 loader.setAttribute('aria-valuemax', '100'); 119 loader.setAttribute('aria-valuenow', '0'); 120 document.documentElement.appendChild(loader); 121 122 // Store reference for the full GlobalLoader class to use 123 window._tempLoader = loader; 124 window._pageOverlay = overlay; 125 126 // Show progress bar immediately for page loading 127 loader.classList.add('active', 'page-loading'); 128 129 // Show loader on page unload 130 window.addEventListener('beforeunload', function() { 131 loader.classList.add('active'); 132 }); 133 134 // Show loader on link clicks - use capture phase for immediate response 135 document.addEventListener('click', function(e) { 136 const link = e.target.closest('a'); 137 if (link && link.href && !link.href.startsWith('javascript:') && 138 !link.href.startsWith('mailto:') && !link.href.startsWith('tel:') && 139 !link.target && !link.hasAttribute('data-no-loader')) { 140 141 // Check if it's a navigation link (different page) 142 try { 143 const linkUrl = new URL(link.href, window.location.href); 144 const currentUrl = new URL(window.location.href); 145 146 // Only show loader for actual page navigation (same domain, different path) 147 if (linkUrl.hostname === currentUrl.hostname && 148 (linkUrl.pathname !== currentUrl.pathname || linkUrl.search !== currentUrl.search)) { 149 150 // Show loader immediately and start animation 151 loader.classList.add('active'); 152 const progressBar = loader.querySelector('.progress-bar'); 153 if (progressBar) { 154 progressBar.style.width = '0%'; 155 progressBar.style.animation = 'smooth-progress 5s ease-out forwards'; 156 } 157 } 158 } catch (error) { 159 // Fallback for invalid URLs - show loader anyway 160 loader.classList.add('active'); 161 const progressBar = loader.querySelector('.progress-bar'); 162 if (progressBar) { 163 progressBar.style.width = '0%'; 164 progressBar.style.animation = 'smooth-progress 5s ease-out forwards'; 165 } 166 } 167 } 168 }, true); // Use capture phase for immediate response 169 170 // Show page content when fully loaded 171 window.addEventListener('load', function() { 172 // Fade out the white overlay 173 const pageOverlay = overlay || window._pageOverlay || document.querySelector('.page-loading-overlay'); 174 if (pageOverlay) { 175 pageOverlay.classList.add('fade-out'); 176 // Remove overlay completely after fade completes 177 setTimeout(function() { 178 pageOverlay.classList.add('hidden'); 179 }, 500); // Match the CSS transition duration 180 } 181 182 // Let the GlobalLoader handle the timing and animation 183 if (window.globalLoader) { 184 // The GlobalLoader will handle minimum display time and smooth animation 185 window.globalLoader.hide(); 186 } else { 187 // Fallback if GlobalLoader isn't ready yet - wait for smooth animation to complete 188 setTimeout(() => { 189 loader.classList.remove('active', 'page-loading'); 190 }, 5000); 191 } 192 }); 193 } catch (error) {
194 console.error('Error in global loader inline script:', error); 195 } 196 })(); 197 </script>
197 198 199 <!-- Google tag (gtag.js) -->
200<script type="text/plain" data-category="analytics" src="https://t.contentsquare.net/uxa/5ba556c7e6ea6.js"></script>
vendor: 109 bytes, lines 200-201
200 201<script type="text/plain" data-category="analytics" async src="https://www.googletagmanager.com/gtag/js?id=
201G-ER882EZ2EE
vendor: 13 bytes, line 201
201"></script>
202<script type="text/plain" data-category="analytics"> 203
vendor: 154 bytes, lines 203-207
203window.dataLayer = window.dataLayer || []; 204 function gtag(){dataLayer.push(arguments);} 205 gtag('js', new Date()); 206 207 gtag('config', '
207G-ER882EZ2EE
vendor: 21 bytes, lines 207-208
207'); 208
208</script>
208 209 210
210<script> 211 let tooltips = Array.from(document.querySelectorAll(".tooltip-container")); 212 let hideTimeout; 213 214 let btn = document.querySelector(".tooltip-container"); 215 216 217 document.addEventListener("DOMContentLoaded", () => { 218 retreivingTooltipTextAndCreatingHiddenText() 219 }) 220 221 function retreivingTooltipTextAndCreatingHiddenText() { 222 let tooltips = Array.from(document.querySelectorAll(".tooltip-container")); 223 if (tooltips && tooltips.length > 0) { 224 for (const tooltip of tooltips) { 225 let text = tooltip.getAttribute("data-tooltip"); 226 let id = tooltip.getAttribute("aria-describedby"); 227 let p = document.createElement("p"); 228 p.setAttribute("id", id); 229 p.classList.add("hidden-text"); 230 p.innerText = text; 231 document.body.appendChild(p); 232 } 233 } 234 } 235 236 function getTooltipPosition(el){ 237 const boundingRect = el.getBoundingClientRect(); 238 const top = boundingRect.top + window.scrollY; 239 const left = boundingRect.left + window.scrollX; 240 return { top, left }; 241 } 242 243 244 function showTooltip(tool) { 245 if (!tool.classList.contains("active")) { 246 let position = getTooltipPosition(tool); 247 tool.classList.add("active"); 248 let message = tool.getAttribute("data-tooltip"); 249 250 // First, create a temporary tooltip to measure its height 251 let tempTooltip = document.createElement('span'); 252 tempTooltip.className = 'tooltip'; 253 tempTooltip.style.visibility = 'hidden'; // Hide it while measuring 254 tempTooltip.style.position = 'absolute'; 255 tempTooltip.style.left = `${position.left + 15.5}px`; 256 tempTooltip.innerHTML = message; 257 document.body.appendChild(tempTooltip); 258 259 // Get the height of the tooltip 260 const tooltipHeight = tempTooltip.offsetHeight; 261 tempTooltip.remove(); 262 263 // Adjust the top position by subtracting the tooltip height 264 const adjustedTop = position.top - tooltipHeight - 10; // 10px extra spacing 265 266 let tooltipMessage = `<span role="tooltip" class="tooltip" style="left:${position.left+15.5}px; top:${adjustedTop}px;">${message}</span>`; 267 document.body.insertAdjacentHTML("beforeend", tooltipMessage); 268 269 let span = document.querySelector(".tooltip"); 270 271 if(span){ 272 span.addEventListener("mouseover", () => { 273 clearTimeout(hideTimeout); 274 }); 275 span.addEventListener("mouseleave", () => { 276 hideTimeout = setTimeout(() => { 277 hideTooltip(tool); 278 }, 285); 279 }); 280 document.addEventListener("keydown", (e) => { 281 if (e.key === "Escape") { 282 if (document.querySelector(".tooltip")) { 283 hideTooltip(Array.from(document.querySelectorAll(".tooltip-container"))); 284 } 285 } 286 }); 287 } 288 } 289 } 290 291 function hideTooltip(tool, istTimeout = true) { 292 293 let tooltip = Array.from(document.querySelectorAll(".tooltip")); 294 if (istTimeout) { 295 if (tool && typeof (tool) === "object") { 296 if (tool.length > 0) { 297 setTimeout(() => tool.forEach(t => t.classList.remove("active")), 10) 298 } else { 299 setTimeout(() => tool.classList.remove("active"), 10); 300 } 301 } 302 } else { 303 if (tool && typeof (tool) === "object") { 304 if (tool.length > 0) { 305 tool.forEach(t => t.classList.remove("active"));
306 } else { 307 tool.classList.remove("active"); 308 } 309 } 310 } 311 if (tooltip && tooltip.length > 0) { 312 tooltip.forEach(t => t.remove()) 313 } 314 315 316 } 317 318 if (tooltips && tooltips.length > 0) { 319 tooltips.forEach(tool => { 320 321 tool.addEventListener("mouseover", () => { 322 clearTimeout(hideTimeout); 323 showTooltip(tool) 324 }); 325 tool.addEventListener("mouseleave", () => { 326 327 hideTimeout = setTimeout(() => { 328 hideTooltip(tool); 329 }, 100); 330 }); 331 tool.addEventListener("focus", () => showTooltip(tool)); 332 333 tool.addEventListener("blur", () => hideTooltip(tool, false)); 334 }); 335 336 337 } 338 339 // Zindex of the Hubspot Chat Container 340 341 const adjustHubSpotZIndex = () => { 342 let attempts = 0; 343 const maxAttempts = 30; // 15 seconds total (30 * 500ms) 344 const targetZIndex = 2147483646; 345 346 const intervalId = setInterval(() => { 347 attempts++; 348 const container = document.querySelector("#hubspot-messages-iframe-container"); 349 350 if (container) { 351 container.style.zIndex = targetZIndex; 352 console.log("HubSpot chat widget z-index adjusted successfully."); 353 clearInterval(intervalId); 354 } else if (attempts >= maxAttempts) { 355 console.log("Failed to adjust HubSpot chat widget z-index after 15 seconds."); 356 clearInterval(intervalId); 357 } 358 }, 500); 359 }; 360 adjustHubSpotZIndex(); 361 362 363 </script>
363 364
364<script type="text/plain" data-category="marketing"> 365 _linkedin_partner_id = "7629018"; 366 window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 367 window._linkedin_data_partner_ids.push(_linkedin_partner_id); 368 </script>
368 369
369<script type="text/plain" data-category="marketing"> 370 (function (l) { 371 if (!l) { 372 window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) }; 373 window.lintrk.q = [] 374 } 375 var s = document.getElementsByTagName("script")[0]; 376 var b = document.createElement("script"); 377 b.type = "text/javascript"; b.async = true; 378 b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; 379 s.parentNode.insertBefore(b, s); 380 })(window.lintrk); 381 </script>
381 382 383 384
384<script src="https://widget.tabnav.com/widget.min.js.gz" defer></script>
384 385 386 <!-- Floating "Book a Meeting" Button --> 387 388 <!-- Start of HubSpot Embed Code daniel-->
389<script type="text/plain" data-category="marketing" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/45399389.js"></script>
389 390<!-- End of HubSpot Embed Code --> 391 392 393 <style> 394 #book-meeting-fab { 395 position: fixed; 396 left: 20px; 397 bottom: 20px; 398 z-index: 999999; 399 background: rgba(44, 43, 54, 1); 400 color: rgba(255, 255, 255, 1); 401 font-weight: 500; 402 font-size: 14px; 403 padding: 7px 10px; 404 border-radius: 50px; 405 text-decoration: none; 406 font-family: "Inter", sans-serif; 407 letter-spacing: 0.3px; 408 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18); 409 display: inline-flex; 410 align-items: center; 411 justify-content: flex-start; 412 gap: 12px; 413 padding-right: 16px; 414 border: 1px solid rgba(84, 84, 84, 1); 415 transition: 416 background 0.35s ease, 417 padding-right 0.3s ease, 418 transform 0.25s ease, 419 box-shadow 0.25s ease; 420 421 } 422 423 #book-meeting-fab .profile-picture { 424 width: 34px; 425 height: 34px; 426 border-radius: 50%; 427 object-fit: cover; 428 flex-shrink: 0; 429 } 430 431 #book-meeting-fab .button-text { 432 white-space: nowrap; 433 color: #fff; 434 } 435 436 #book-meeting-fab .arrow-icon { 437 width: 11px; 438 height: 11px; 439 flex-shrink: 0; 440 margin-left: auto; 441 transition: transform 0.3s ease; 442 } 443 444 #book-meeting-fab:hover { 445 background: #3d3b44; 446 padding-right: 22px; 447 } 448 449 #book-meeting-fab:hover .arrow-icon { 450 transform: translateX(6px); 451 } 452 453 #book-meeting-fab:active { 454 transform: scale(0.97); 455 } 456 457 /* Hide the book demo button in certificate variant */ 458 body.certificate-variant #book-meeting-fab { 459 display: none !important; 460 } 461 462 /* Responsive breakpoints for book a demo button */ 463 @media (max-width: 640px) { 464 #book-meeting-fab { 465 font-size: 12px; 466 padding: 6px 8px; 467 padding-right: 12px; 468 gap: 8px; 469 left: 15px; 470 bottom: 15px; 471 } 472 473 #book-meeting-fab .profile-picture { 474 width: 28px; 475 height: 28px; 476 } 477 478 #book-meeting-fab .arrow-icon { 479 width: 9px; 480 height: 9px; 481 } 482 483 #book-meeting-fab:hover { 484 padding-right: 16px; 485 } 486 } 487 488 @media (max-width: 480px) { 489 #book-meeting-fab { 490 font-size: 13px; 491 padding: 5px 6px; 492 padding-right: 10px; 493 gap: 6px; 494 left: 10px; 495 bottom: 10px; 496 } 497 498 #book-meeting-fab .profile-picture { 499 width: 24px; 500 height: 24px; 501 } 502 503 #book-meeting-fab .arrow-icon { 504 width: 8px; 505 height: 8px; 506 } 507 508 #book-meeting-fab:hover { 509 padding-right: 14px; 510 } 511 } 512 513 @media (max-width: 360px) { 514 #book-meeting-fab { 515 font-size: 10px; 516 padding: 4px 5px; 517 padding-right: 8px; 518 gap: 5px; 519 left: 8px; 520 bottom: 8px; 521 } 522 523 #book-meeting-fab .profile-picture { 524 width: 22px; 525 height: 22px; 526 } 527 528 #book-meeting-fab .arrow-icon { 529 width: 7px; 530 height: 7px; 531 } 532 533 #book-meeting-fab:hover { 534 padding-right: 12px; 535 } 536 } 537 </style> 538 539
539<script> 540 541 document.addEventListener('DOMContentLoaded', function () { 542 const links = document.querySelectorAll('.h-link'); // Select all links with the class h-link 543 let activeMenu = null; 544 545 function toggleMenu(link) { 546 const isExpanded = link.getAttribute('aria-expanded') === 'true'; 547 548 // Close any active menu 549 if (activeMenu) { 550 activeMenu.setAttribute('aria-expanded', 'false'); 551 } 552 553 // Toggle the current link's menu if it's a mega menu 554 if (!isExpanded && link.getAttribute('aria-haspopup') === 'true') { 555 link.setAttribute('aria-expanded', 'true'); 556 activeMenu = link; 557 } else { 558 activeMenu = null; 559 } 560 } 561 562 function closeMenus() { 563 if (activeMenu) { 564 activeMenu.setAttribute('aria-expanded', 'false'); 565 activeMenu = null; 566 } 567 } 568 569 links.forEach((link, index) => { 570 link.addEventListener('click', function (event) { 571 // Check if the link is a mega menu 572 if (link.getAttribute('aria-haspopup') === 'true') { 573 event.preventDefault(); 574 toggleMenu(link); 575 } else { 576 // Handle simple navigation links 577 closeMenus(); // Close any open mega menus before navigating 578 } 579 }); 580 581 }); 582 583 document.addEventListener('click', function (event) { 584 if (!event.target.closest('.h-link')) { 585 closeMenus(); 586 } 587 }); 588 }); 589 590 591 592 </script>
592 593
593<script> 594 let isFirstLoad = true; 595 window.addEventListener('pageshow', (event) => { 596 if (!isFirstLoad) { 597 window.location.reload(); 598 } 599 isFirstLoad = false; 600 }); 601 </script>
601 602 <!-- End of HubSpot Embed Code --> 603 604 <!-- Lenis Smooth Scroll Library --> 605 <!--
605<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
605 --> 606 607 <!-- GSAP Animation Library --> 608 <!--
608<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
608 --> 609 610 <!-- GSAP ScrollSmoother Plugin --> 611 <!--
611<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollSmoother.min.js"></script>
611 --> 612 613 <!--
613<script> 614 // Initialize Lenis for smooth scrolling 615 const lenis = new Lenis({ 616 duration: 1.2, 617 easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), 618 direction: 'vertical', 619 gestureDirection: 'vertical', 620 smooth: true, 621 mouseMultiplier: 1, 622 smoothTouch: false, 623 touchMultiplier: 2, 624 infinite: false, 625 }); 626 627 // Update Lenis on animation frame 628 function raf(time) { 629 lenis.raf(time); 630 requestAnimationFrame(raf); 631 } 632 requestAnimationFrame(raf); 633 634 // Initialize GSAP ScrollSmoother 635 gsap.registerPlugin(ScrollSmoother); 636 ScrollSmoother.create({ 637 smooth: 1, // seconds it takes to "catch up" to native scroll position 638 effects: true, // look for data-speed and data-lag attributes on elements 639 }); 640 641 // Synchronize Lenis with GSAP's ScrollTrigger 642 lenis.on('scroll', ScrollTrigger.update); 643 gsap.ticker.add((time) => { 644 lenis.raf(time * 1000); // Convert time from seconds to milliseconds 645 }); 646 </script>
646 --> 647 648 649 650 651
651<script src="/js/utm.js"></script>
651 652 653 <!-- Landing Page Tracking - Store the first page the user landed on --> 654
654<script> 655 (function() { 656 try { 657 // Check if landing page is already stored 658 var storedLandingPage = localStorage.getItem('tabnav_landing_page'); 659 660 if (!storedLandingPage) { 661 // Store the first landing page with timestamp 662 var landingPageData = { 663 url: window.location.href, 664 path: window.location.pathname, 665 search: window.location.search, 666 referrer: document.referrer || 'direct', 667 timestamp: new Date().toISOString() 668 }; 669 670 localStorage.setItem('tabnav_landing_page', JSON.stringify(landingPageData)); 671 672 } 673 } catch (e) { 674 // localStorage might not be available (incognito in some browsers) 675 676 } 677 })(); 678 </script>
678 679 680 <!-- Global Loader JavaScript --> 681
681<script src="/js/global-loader.js"></script>
681 682 683 684<meta charset="utf-8"> 685<meta http-equiv="X-UA-Compatible" content="IE=edge"> 686<meta name="author" content="tabnav"> 687<meta name="description" content="Explore the latest articles, tips, and expert insights on digital accessibility. Learn how to create inclusive, WCAG-compliant websites with tabnav's blog."> 688<meta name="viewport" content="width=device-width, initial-scale=1"> 689 690<!-- OPEN GRAPH (WhatsApp, Facebook, LinkedIn) --> 691<meta property="og:title" content="Blog | tabnav"> 692<meta property="og:description" content="Stay informed with tabnav's blog-covering digital accessibility, compliance strategies, inclusive design tips, and WCAG updates."> 693<meta property="og:image" content="https://tabnav.com/images/og-img-tnv.png"> 694<meta property="og:url" content="https://tabnav.com"> 695<meta property="og:type" content="website"> 696<meta property="og:locale" content="en_US"> 697 698<!-- TWITTER CARD (optional) --> 699<meta name="twitter:card" content="summary_large_image"> 700<meta name="twitter:title" content="tabnav | Digital Accessibility Blog"> 701<meta name="twitter:description" content="Read expert content on digital accessibility, WCAG compliance, and inclusive web design-all in one place."> 702<meta name="twitter:image" content="https://tabnav.com/images/og-img-tnv.png"> 703 704<!-- SITE TITLE --> 705<title>Blog | tabnav</title> 706 707 708 <!-- FAVICON AND TOUCH ICONS --> 709 <link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96"> 710 <link rel="icon" href="/favicon.svg" type="image/svg+xml"> 711 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 712 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 713 <link rel="manifest" href="/site.webmanifest"> 714 715 <!-- GOOGLE FONTS --> 716 <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 717 <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"> 718 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 719 <!-- BOOTSTRAP CSS --> 720 <!-- <link href="../../css/bootstrap.min.css" rel="stylesheet"> 721 <link href="../../css/flaticon.css" rel="stylesheet"> 722 <link href="../../css/menu.css" rel="stylesheet"> 723 <link id="effect" href="../../css/dropdown-effects/fade-down.css" media="all" rel="stylesheet"> 724 <link href="../../css/magnific-popup.css" rel="stylesheet"> 725 <link href="../../css/owl.carousel.min.css" rel="stylesheet"> 726 <link href="../../css/owl.theme.default.min.css" rel="stylesheet"> 727 <link href="../../css/lunar.css" rel="stylesheet"> 728 <link rel="stylesheet" href="../../css/animated-widget-codepen.css"> 729 <link href="../../css/animate.css" rel="stylesheet"> --> 730 731 <!-- TEMPLATE CSS --> 732 <!-- <link href="../../css/blue-theme.css" rel="stylesheet"> --> 733 <!-- <link href="../../css/crocus-theme.css" rel="stylesheet"> --> 734 <!-- <link href="../../css/green-theme.css" rel="stylesheet"> --> 735 <!-- <link href="../../css/magenta-theme.css" rel="stylesheet"> --> 736 <!-- <link href="../../css/pink-theme.css" rel="stylesheet"> --> 737 <!-- <link href="../../css/purple-theme.css" rel="stylesheet"> --> 738 <!-- <link href="../../css/skyblue-theme.css" rel="stylesheet"> --> 739 <!-- <link href="../../css/red-theme.css" rel="stylesheet"> --> 740 <!-- <link href="../../css/violet-theme.css" rel="stylesheet"> --> 741 742 <!-- RESPONSIVE CSS --> 743 <!-- <link href="../../css/responsive.css" rel="stylesheet"> --> 744 745 <!-- blog css --> 746 <link href="../../css/blog/blog.css" rel="stylesheet"> 747
747<script>document.getElementsByTagName("html")[0].className += " js";</script>
747 748 <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg"> 749 <link href="https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 750 751
751<script src="js/blog/dark-mode.js"></script>
751 752 </head> 753 754 <body> 755 756 <!-- <div id="loading" class="loading--theme"> 757 <div id="loading-center"><span class="loader"></span></div> 758</div> --> 759
760<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.9.6/lottie.min.js"></script>
760 761<!-- loader explaied --> 762 763<!-- 1)used lottie file cdn 7642)Css in 2696 curcus theam 7653js in custom.js call loader 7664) also in blog and academy each in their own js css and nav partials --> 767 768 769<!-- loader explaied --> 770 771 772 <!-- header --> 773 <header class="dr-nav-header"> 774 <div class="container position-relative height-100% flex items-center"> 775 <a class="dr-nav-header__logo" href="/blog"> 776 <svg width="221" height="41" viewBox="0 0 221 41" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 777 <title>tabnav blog logo Go to blog homepage link</title> 778 <g clip-path="url(#clip0_2347_7625)"> 779 <path d="M13.2197 31.078C12.3109 31.078 11.5764 30.9298 11.0087 30.633C10.4411 30.3361 10.0293 29.9096 9.77695 29.3568C9.52106 28.804 9.39499 28.1325 9.39499 27.3386V16.4131H14.6221V12.0764H9.39499V6.80469H4.59073V8.58912C4.59073 9.66497 4.29399 10.5182 3.69661 11.1415C3.10314 11.7647 2.2646 12.0764 1.18883 12.0764H0.550781V16.4131H4.59073V27.5501C4.59073 30.0172 5.2547 31.9276 6.59028 33.2891C7.92213 34.6506 9.79187 35.3297 12.2032 35.3297C12.5705 35.3297 12.9972 35.2998 13.4795 35.2443C13.9618 35.1887 14.3996 35.1292 14.7964 35.0736V30.9482C14.5406 30.9779 14.2733 31.004 13.9877 31.0337C13.7057 31.0633 13.4499 31.0745 13.2234 31.0745L13.2197 31.078Z" fill="currentColor"/> 780 <path d="M59.8758 13.1413C58.1321 12.0914 56.1697 11.5683 53.9883 11.5683C52.1741 11.5683 50.5605 11.9356 49.1432 12.6738C48.1157 13.2081 47.2363 13.8944 46.5093 14.7291V2.89844H41.7051V35.0813H46.2978V32.1319C47.0323 33.1187 47.9747 33.9052 49.1247 34.4839C50.5827 35.2221 52.2075 35.5895 53.992 35.5895C56.2031 35.5895 58.173 35.0589 59.9017 33.9942C61.6307 32.9296 62.9994 31.4938 64.0049 29.6797C65.0102 27.8657 65.5147 25.8253 65.5147 23.5585C65.5147 21.2918 65.0102 19.2514 64.0049 17.4373C62.9994 15.6232 61.6232 14.1912 59.8795 13.145L59.8758 13.1413ZM59.6236 27.4464C59.0151 28.5927 58.1842 29.4943 57.1381 30.1472C56.088 30.8 54.8862 31.1229 53.5247 31.1229C52.1631 31.1229 50.9945 30.7963 49.9334 30.1472C48.8724 29.4943 48.034 28.5964 47.4257 27.4464C46.8173 26.3001 46.5131 25.0017 46.5131 23.5585C46.5131 22.1153 46.8173 20.8243 47.4257 19.6891C48.034 18.5576 48.8724 17.6636 49.9334 17.0106C50.9945 16.3577 52.1928 16.035 53.5247 16.035C54.8565 16.035 56.088 16.3614 57.1381 17.0106C58.1879 17.6636 59.0151 18.5576 59.6236 19.6891C60.232 20.8243 60.5362 22.1117 60.5362 23.5585C60.5362 25.0054 60.232 26.3001 59.6236 27.4464Z" fill="currentColor"/> 781 <path d="M84.7267 12.6758C83.4245 11.9376 81.922 11.5703 80.2191 11.5703C78.5163 11.5703 77.1289 11.945 75.8823 12.6981C74.9809 13.2397 74.2612 13.9669 73.7158 14.8721V12.0823H69.123V35.0796H73.9273V21.5201C73.9273 20.3886 74.1388 19.4092 74.5653 18.5856C74.9921 17.7657 75.593 17.1351 76.3721 16.6936C77.1511 16.2558 78.0378 16.0332 79.0283 16.0332C80.0188 16.0332 80.9055 16.2521 81.6845 16.6936C82.4636 17.1351 83.0645 17.7583 83.4912 18.5634C83.9178 19.3721 84.1293 20.3552 84.1293 21.5164V35.0758H88.889V20.2402C88.889 18.5411 88.5217 17.0386 87.7835 15.7327C87.0452 14.4306 86.025 13.4104 84.7229 12.6721L84.7267 12.6758Z" fill="currentColor"/> 782 <path d="M130.892 12.0781L124.919 28.2381L118.946 12.0781H113.719L122.73 35.0791H127.111L136.163 12.0781H130.892Z" fill="currentColor"/> 783 <path d="M32.7156 12.5356C31.3023 11.853 29.6959 11.5117 27.8707 11.5117C26.4201 11.5117 25.0548 11.7529 23.7566 12.2314C22.4655 12.7174 21.334 13.3926 20.3694 14.257C19.4048 15.1214 18.7074 16.123 18.2807 17.262L22.2874 19.2653C22.7436 18.2117 23.4412 17.351 24.3983 16.6832C25.348 16.0155 26.4647 15.6816 27.7372 15.6816C29.1358 15.6816 30.2487 16.0451 31.0833 16.7686C31.9256 17.4957 32.3447 18.4306 32.3447 19.5621V25.4903C32.3447 26.6515 32.0701 27.7163 31.5323 28.6623C30.9944 29.6194 30.2338 30.38 29.2544 30.9475C28.2751 31.5151 27.1288 31.7971 25.8229 31.7971C24.7693 31.7971 23.9086 31.5151 23.2409 30.9623C22.573 30.4097 22.2391 29.6937 22.2391 28.8145C22.2391 27.9351 22.536 27.1598 23.1332 26.5736C23.7342 25.9876 24.6654 25.5867 25.949 25.3605L27.4293 25.1009C28.787 24.8635 29.7813 23.6836 29.7813 22.3036V20.8568L25.0067 21.647C23.2446 21.9364 21.7792 22.415 20.618 23.0976C19.4493 23.7802 18.5923 24.6223 18.036 25.6166C17.4832 26.6107 17.2012 27.7348 17.2012 28.9776C17.2012 30.3132 17.5278 31.4742 18.188 32.4538C18.841 33.4331 19.7535 34.201 20.9369 34.7538C22.113 35.3066 23.4893 35.5886 25.0513 35.5886C26.357 35.5886 27.5404 35.3993 28.6127 35.0358C29.6737 34.6648 30.6234 34.1417 31.4655 33.4553C31.8588 33.1289 32.2261 32.7802 32.5525 32.4017V35.0729H37.1527V19.5546C37.1527 17.9668 36.7668 16.5645 35.984 15.3551C35.2012 14.1494 34.1105 13.2071 32.7046 12.5245L32.7156 12.5356Z" fill="currentColor"/> 784 <path d="M107.509 12.559C106.095 11.8764 104.489 11.5352 102.664 11.5352C101.213 11.5352 99.848 11.7763 98.5495 12.2549C97.2585 12.7408 96.127 13.416 95.1624 14.2804C94.1979 15.1448 93.5004 16.1465 93.0738 17.2854L97.0804 19.2887C97.5368 18.2351 98.2341 17.3744 99.1913 16.7067C100.141 16.0389 101.258 15.705 102.53 15.705C103.929 15.705 105.042 16.0686 105.876 16.792C106.719 17.5191 107.138 18.454 107.138 19.5855V25.5137C107.138 26.6749 106.863 27.7397 106.325 28.6857C105.787 29.6428 105.027 30.4034 104.047 30.9709C103.068 31.5385 101.922 31.8205 100.616 31.8205C99.5623 31.8205 98.7015 3
7841.5385 98.0338 30.9859C97.3661 30.4331 97.0321 29.7171 97.0321 28.8379C97.0321 27.9587 97.329 27.1832 97.9262 26.5971C98.5273 26.011 99.4584 25.6103 100.742 25.3839L102.222 25.1243C103.58 24.8869 104.574 23.707 104.574 22.327V20.8802L99.7997 21.6704C98.0376 21.9598 96.5722 22.4384 95.411 23.121C94.2423 23.8036 93.3855 24.6457 92.829 25.64C92.2761 26.6341 91.9941 27.7582 91.9941 29.001C91.9941 30.3366 92.3207 31.4978 92.981 32.4772C93.6339 33.4565 94.5467 34.2246 95.7301 34.7772C96.906 35.33 98.2824 35.612 99.8443 35.612C101.15 35.612 102.334 35.4227 103.406 35.0592C104.467 34.6882 105.416 34.1651 106.258 33.4787C106.652 33.1523 107.019 32.8036 107.346 32.4251V35.0963H111.946V19.5781C111.946 17.9903 111.56 16.5879 110.777 15.3785C109.994 14.1728 108.904 13.2305 107.498 12.5479L107.509 12.559Z" fill="currentColor"/> 785 <rect x="142.809" y="6.23047" width="3.61538" height="32.5385" rx="1.80769" fill="currentColor"/> 786 <path class="logo-t" d="M156.731 9.99099H159.522V29.888L159.282 33.0391H156.731V9.99099ZM170.491 24.7862V25.1013C170.491 26.2817 170.351 27.3771 170.071 28.3874C169.79 29.3878 169.38 30.2581 168.84 30.9983C168.3 31.7386 167.64 32.3138 166.859 32.724C166.079 33.1341 165.184 33.3392 164.173 33.3392C163.143 33.3392 162.238 33.1641 161.457 32.814C160.687 32.4539 160.037 31.9387 159.507 31.2684C158.977 30.5982 158.551 29.7879 158.231 28.8376C157.921 27.8873 157.706 26.8169 157.586 25.6265V24.246C157.706 23.0456 157.921 21.9702 158.231 21.0199C158.551 20.0695 158.977 19.2592 159.507 18.589C160.037 17.9088 160.687 17.3936 161.457 17.0435C162.228 16.6833 163.123 16.5033 164.143 16.5033C165.164 16.5033 166.069 16.7033 166.859 17.1035C167.65 17.4936 168.31 18.0538 168.84 18.7841C169.38 19.5143 169.79 20.3896 170.071 21.41C170.351 22.4203 170.491 23.5457 170.491 24.7862ZM167.7 25.1013V24.7862C167.7 23.9759 167.625 23.2156 167.475 22.5054C167.325 21.7851 167.084 21.1549 166.754 20.6147C166.424 20.0645 165.989 19.6344 165.449 19.3243C164.909 19.0041 164.243 18.8441 163.453 18.8441C162.753 18.8441 162.143 18.9641 161.623 19.2042C161.112 19.4443 160.677 19.7694 160.317 20.1796C159.957 20.5797 159.662 21.0399 159.432 21.56C159.212 22.0702 159.047 22.6004 158.937 23.1506V26.7669C159.097 27.4671 159.357 28.1423 159.717 28.7926C160.087 29.4328 160.577 29.958 161.187 30.3681C161.808 30.7783 162.573 30.9833 163.483 30.9833C164.233 30.9833 164.874 30.8333 165.404 30.5332C165.944 30.2231 166.379 29.7979 166.709 29.2577C167.049 28.7175 167.3 28.0923 167.46 27.3821C167.62 26.6718 167.7 25.9116 167.7 25.1013ZM177.018 9.99099V33.0391H174.227V9.99099H177.018ZM180.739 25.1013V24.7562
786C180.739 23.5858 180.909 22.5004 181.249 21.5C181.59 20.4897 182.08 19.6144 182.72 18.8741C183.36 18.1238 184.135 17.5436 185.046 17.1335C185.956 16.7133 186.976 16.5033 188.107 16.5033C189.247 16.5033 190.273 16.7133 191.183 17.1335C192.103 17.5436 192.883 18.1238 193.524 18.8741C194.174 19.6144 194.669 20.4897 195.009 21.5C195.349 22.5004 195.519 23.5858 195.519 24.7562V25.1013C195.519 26.2717 195.349 27.3571 195.009 28.3574C194.669 29.3578 194.174 30.2331 193.524 30.9833C192.883 31.7236 192.108 32.3038 191.198 32.724C190.298 33.1341 189.277 33.3392 188.137 33.3392C186.996 33.3392 185.971 33.1341 185.061 32.724C184.15 32.3038 183.37 31.7236 182.72 30.9833C182.08 30.2331 181.59 29.3578 181.249 28.3574C180.909 27.3571 180.739 26.2717 180.739 25.1013ZM183.515 24.7562V25.1013C183.515 25.9116 183.61 26.6768 183.8 27.3971C183.99 28.1073 184.275 28.7376 184.656 29.2877C185.046 29.8379 185.531 30.2731 186.111 30.5932C186.691 30.9033 187.367 31.0584 188.137 31.0584C188.897 31.0584 189.562 30.9033 190.133 30.5932C190.713 30.2731 191.193 29.8379 191.573 29.2877C191.953 28.7376 192.238 28.1073 192.428 27.3971C192.628 26.6768 192.728 25.9116 192.728 25.1013V24.7562
786C192.728 23.9559 192.628 23.2006 192.428 22.4904C192.238 21.7701 191.948 21.1349 191.558 20.5847C191.178 20.0245 190.698 19.5843 190.118 19.2642C189.547 18.9441 188.877 18.7841 188.107 18.7841C187.347 18.7841 186.676 18.9441 186.096 19.2642C185.526 19.5843 185.046 20.0245 184.656 20.5847C184.275 21.1349 183.99 21.7701 183.8 22.4904C183.61 23.2006 183.515 23.9559 183.515 24.7562ZM209.519 16.8034H212.04V32.6939C212.04 34.1244 211.75 35.3449 211.17 36.3552C210.59 37.3656 209.779 38.1308 208.739 38.651C207.709 39.1812 206.518 39.4463 205.168 39.4463C204.608 39.4463 203.947 39.3563 203.187 39.1762C202.437 39.0062 201.697 38.711 200.966 38.2909C200.246 37.8808 199.641 37.3256 199.151 36.6253L200.606 34.9747C201.286 35.795 201.997 36.3652 202.737 36.6853C203.487 37.0055 204.227 37.1655 204.958 37.1655C205.838 37.1655 206.598 37.0005 207.239 36.6703C207.879 36.3402 208.374 35.85 208.724 35.1998C209.084 34.5596 209.264 33.7693 209.264 32.829V20.3746L209.519 16.8034ZM198.34 25.1013V24.7862C198.34 23.5457 198.485 22.4203 198.776 21.41C199.076 20.3896 199.501 19.5143 200.051 18.7841C200.611 18.0538 201.286 17.4936 202.077 17.1035C202.867 16.7033 203.757 16.5033 204.748 16.5033C205.768 16.5033 206.658 16.6833 207.419 17.0435C208.189 17.3936 208.839 17.9088 209.369 18.589C209.909 19.2592 210.335 20.0695 210.645 21.0199C210.955 21.9702 211.17 23.0456 211.29 24.246V25.6265C211.18 26.8169 210.965 27.8873 210.645 28.8376C210.335 29.7879 209.909 30.5982 209.369 31.2684C208.839 31.9387 208.189 32.4539 207.419 32.814C206.648 33.1641 205.748 33.3392 204.718 33.3392C203.747 33.3392 202.867 33.1341 202.077 32.724C201.296 32.3138 200.626 31.7386 200.066 30.9983C199.506 30.2581 199.076 29.3878 198.776 28.3874C198.485 27.3771 198.34 26.2817 198.34 25.1013ZM201.116 24.7862V25.1013C201.116 25.9116 201.196 26.6718 201.356 27.3821C201.527 28.0923 201.782 28.7175 202.122 29.2577C202.472 29.7979 202.917 30.2231 203.457 30.5332C203.997 30.8333 204.643 30.9833 205.393 30.9833C206.313 30.9833 207.073 30.7883 207.674 30.3981C208.274 30.008 208.749 29.4928 209.099 28.8526C209.459 28.2124 209.739 27.5171 209.939 26.7669V23.1506C209.829 22.6004 209.659 22.0702 209.429 21.56C209.209 21.0399 208.919 20.5797 208.559 20.1796C208.209 19.7694 207.774 19.4443 207.254 19.2042C206.733 18.9641 206.123 18.8441 205.423 18.8441C204.663 18.8441 204.007 19.0041 203.457 19.3243C202.917 19.6344 202.472 20.0645 202.122 20.6147C201.782 21.1549 201.527 21.7851 201.356 22.5054C201.196 23.2156 201.116 23.9759 201.116 24.7862Z" fill="#8E56DC"/> 787 </g> 788 <defs> 789 <clipPath id="clip0_2347_7625"> 790 <rect width="221" height="41" fill="white"/> 791 </clipPath> 792 </defs> 793 </svg> 794 </a> 795 796 <ul class="radio-switch" id="theme-switch"> 797 <li class="radio-switch__item"> 798 <input class="radio-switch__input sr-only" type="radio" name="radio-switch-name" id="radio-1" value="light" checked> 799 <label class="radio-switch__label" for="radio-1"><svg class="icon icon--xs" viewBox="0 0 16 16"> 800 <title>Enable light mode</title> 801 <path d="M7 0h2v2H7zM12.88 1.637l1.414 1.415-1.415 1.413-1.414-1.414zM14 7h2v2h-2zM12.95 14.433l-1.415-1.414 1.414-1.414 1.415 1.413zM7 14h2v2H7zM2.98 14.363L1.566 12.95l1.415-1.414 1.414 1.415zM0 7h2v2H0zM3.05 1.707L4.465 3.12 3.05 4.535 1.636 3.121z" /> 802 <path d="M8 4C5.8 4 4 5.8 4 8s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z" /> 803 </svg></label> 804 </li> 805 806 <li class="radio-switch__item"> 807 <input class="radio-switch__input sr-only" type="radio" name="radio-switch-name" id="radio-2" value="dark"> 808 <label class="radio-switch__label" for="radio-2"><svg class="icon icon--xs" viewBox="0 0 16 16"> 809 <title>Enable dark mode</title> 810 <path d="M6,0C2.5,0.9,0,4.1,0,7.9C0,12.4,3.6,16,8.1,16c3.8,0,6.9-2.5,7.9-6C9.9,11.7,4.3,6.1,6,0z"></path> 811 </svg></label> 812 <div aria-hidden="true" class="radio-switch__marker"></div> 813 </li> 814 </ul> 815 816 <div class="dr-nav-control-wrapper"> 817 818 <div class="container height-100% flex items-center"> 819 820 <button class="reset margin-left-auto dr-nav-control anim-menu
820-btn js-anim-menu-btn js-dr-nav-control js-tab-focus" aria-label="Toggle navigation" aria-controls="dr-nav-id"> 821 <svg class="dr-nav-control__bg" aria-hidden="true" viewBox="0 0 48 48"> 822 <circle cx="24" cy="24" r="22" stroke-miterlimit="10" /></svg> 823 <i class="anim-menu-btn__icon anim-menu-btn__icon--arrow-right" aria-hidden="true"></i> 824 </button> 825 </div> 826 827 </div> 828 829 </div> 830 831 </header> 832 <!-- <div class="dr-nav-control-wrapper sidnav-d-blog"> 833 <div class="container height-100% flex items-center"> 834 <button class="reset margin-left-auto dr-nav-control anim-menu-btn js-anim-menu-btn js-dr-nav-control js-tab-focus" aria-label="Toggle navigation" aria-controls="dr-nav-id"> 835 <svg class="dr-nav-control__bg" aria-hidden="true" viewBox="0 0 48 48"> 836 <circle cx="24" cy="24" r="22" stroke-miterlimit="10" /></svg> 837 <i class="anim-menu-btn__icon anim-menu-btn__icon--arrow-right" aria-hidden="true"></i> 838 </button> 839 </div> 840 </div> --> 841 <!-- menu button --> 842 843 844 <!-- progress reading indicator --> 845 <progress aria-hidden="true" class="reset reading-progressbar reading-progressbar--is-hidden js-reading-progressbar" max="100" value="0"> 846 <div class="reading-progressbar__fallback js-reading-progressbar__fallback"></div> 847 </progress> 848 849 <!-- drawer --> 850 <div class="drawer drawer--modal js-drawer js-drawer--modal" id="dr-nav-id"> 851 <div class="drawer__content" role="alertdialog" aria-labelledby="dr-nav-title"> 852 <div class="drawer__body flex flex-column js-drawer__body"> 853 <header class="dr-nav-drawer-header padding-x-md"> 854 <h4 id="dr-nav-title">Menu</h4> 855 </header> 856 857 <nav class="dr-nav padding-md" aria-label="Main"> 858 <ul> 859 <li> 860 <a class="dr-nav__link" href="/"> 861 <span>Tabnav home</span> 862 <span> 863 <svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 864 <path d="M12.1543 19.5464H6.37106V12.126H12.1543V19.5464ZM16.2628 19.5464H12.5081V11.9391C12.5081 11.8354 12.4288 11.7514 12.3308 11.7514H6.1938C6.09581 11.7514 6.01655 11.8354 6.01655 11.9391V19.5464H2.26183V9.82351L9.26418 2.41237L16.2636 9.82351V19.5471L16.2628 19.5464ZM18.5232 11.6858L9.38867 2.01472C9.3195 1.94147 9.20709 1.94147 9.13791 2.01472L1.96198 9.61061L1.95622 9.61672L0 11.6874V9.80449L9.26349 0L18.5233 9.80449V11.6874L18.5232 11.6858Z" fill="currentcolor"/> 865 </svg> 866 </span> 867 </a> 868 </li> 869 <li> 870 <a class="dr-nav__link" href="/blog"> 871 <span>Explore our blogs</span> 872 <span> 873 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 874 <g clip-path="url(#clip0_2398_7525)"> 875 <path d="M18.7404 1.85036L7.29441 0.493355C7.03873 0.453743 6.78306 0.650596 6.76326 0.926083L6.56641 2.55857H12.5057C13.1545 2.55857 13.7055 2.97149 13.9216 3.56146L16.5767 3.87596L16.4585 4.89866L14.02 4.60337V6.09782L16.2815 6.37331L16.1632 7.396L14.0194 7.14032V8.63477L15.9862 8.87065L15.868 9.89335L14.0195 9.67729V11.1717L15.691 11.3686L15.5728 12.3913L14.019 12.2142V13.7087L15.3958 13.8659L15.2775 14.8886L14.0189 14.7314V16.9929L16.9099 17.3272C17.1656 17.3668 17.4213 17.17 17.4411 16.8945L19.1523 2.38033C19.1931 2.12586 19.0159 1.88997 18.7404 1.85036Z" fill="currentcolor"/> 876 <path d="M12.5045 3.58203H0.979825C0.704338 3.58203 0.488281 3.79809 0.488281 4.07358V18.6861C0.488281 18.9616 0.704338 19.1776 0.979825 19.1776H12.5045C12.78 19.1776 12.996 18.9616 12.99
8766 18.6861V4.07358C12.9966 3.79809 12.78 3.58203 12.5045 3.58203ZM10.5971 16.9156H2.8878V15.8929H10.5971V16.9156ZM10.5971 14.3984H2.8878V13.3757H10.5971V14.3984ZM10.5971 11.901H2.8878V10.8783H10.5971V11.901ZM10.5971 9.38324H2.8878V8.36054H10.5971V9.38324ZM10.5971 6.86606H2.8878V5.84336H10.5971V6.86606Z" fill="currentcolor"/> 877 </g> 878 <defs> 879 <clipPath id="clip0_2398_7525"> 880 <rect width="19.6667" height="19.6667" fill="white"/> 881 </clipPath> 882 </defs> 883 </svg> 884 </span> 885 </a> 886 </li> 887 <li> 888 <a class="dr-nav__link" href="/free-accessibility-tools"> 889 <span>Free accessibility tools</span> 890 <span> 891 892 <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 893 <path d="M15.5023 10.1176C14.1706 10.1182 12.8942 10.6475 11.9542 11.5895C11.0135 12.5301 10.4849 13.8073 10.4849 15.1376C10.4849 16.4692 11.0142 17.7456 11.9548 18.6869C12.8962 19.6275 14.1727 20.1568 15.5029 20.1568C16.8345 20.1568 18.111 19.6282 19.0522 18.6876C19.9936 17.7469 20.5228 16.4704 20.5242 15.1395C20.5221 13.8079 19.9929 12.5307 19.0516 11.5902C18.1102 10.6488 16.8337 10.1182 15.5023 10.1176ZM15.5023 17.9295C14.3729 17.9295 13.3566 17.2498 12.9242 16.2076C12.4923 15.1648 12.7314 13.964 13.529 13.1664C14.3267 12.3689 15.5261 12.1297 16.569 12.5623C17.6118 12.9941 18.2916 14.011 18.2916 15.1396C18.2916 16.6804 17.0424 17.9296 15.5017 17.9296L15.5023 17.9295ZM0.77143 6.44828C0.345721 6.01507 0.345721 5.32031 0.77143 4.88576L2.21067 3.44652L0.77551 1.99571C0.424049 1.55024 0.462183 0.912711 0.865419 0.512879C1.26797 0.113728 1.9062 0.0796733 2.34961 0.433869L3.7977 1.86017L5.22604 0.425011C5.42289 0.175033 5.71782 0.0210987 6.03523 0.0020226C6.35263 -0.0170501 6.66324 0.0994242 6.88868 0.323527C7.11482 0.547628 7.23402 0.858217 7.21767 1.17562C7.19996 1.49303 7.04875 1.78864 6.80014 1.98753L5.3609 3.43562L6.80014 4.87486V4.87554C7.0365 5.07784 7.17749 5.36868 7.18975 5.67928C7.20133 5.99057 7.08349 6.2923 6.86349 6.51162C6.64348 6.73163 6.34241 6.85015 6.03115 6.83789C5.72056 6.82563 5.42903 6.68463 5.22672 6.44827L3.79838 5.00904L2.35915 6.44827C2.15004 6.65942 1.86465 6.77794 1.56766 6.77794C1.27137 6.77794 0.985979 6.65942 0.776856 6.44827L0.77143 6.44828ZM20.2103 2.65363C20.636 3.08751 20.636 3.78295 20.2103 4.21614L17.9781 6.44826C17.5422 6.88147 16.8393 6.88147 16.4047 6.44826C16.1936 6.23915 16.0744 5.95376 16.0744 5.65677C16.0744 5.35844 16.1936 5.07371 16.4047 4.86393C13.155 5.55459 10.2418 7.33982 8.15002 9.92137C6.05827 12.5022 4.91667 15.7232 4.91458 19.0451C4.91458 19.6616 4.4153 20.1608 3.79889 20.1608C3.18245 20.1608 2.68319 19.6616 2.68319 19.0451C2.68728 15.04 4.12719 11.1692 6.74202 8.13477C9.35548 5.10107 12.9718 3.10523 16.9324 2.50853L16.397 1.97316C16.0633 1.52838 16.1075 0.907183 16.5006 0.51349C16.8929 0.121156 17.5148 0.0768834 17.9589 0.410639L20.2025 2.65426L20.2103 2.65363Z" fill="currentcolor"/> 894 </svg> 895 896 897 </span> 898 </a> 899 </li> 900 901 <li> 902 <a class="dr-nav__link" href="/compliance/wcag"> 903 <span>Accessibility standards</span> 904 <span> 905 <svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 906 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.63826 4.91317V7.77447V7.77342C6.63826 7.88854 6.59116 7.99842 6.50953 8.08005L4.48659 10.103C3.65879 10.9413 3.65879 12.2902 4.48659 13.1307L6.50428 15.1484C6.5901 15.23 6.63824 15.343 6.63824 15.4623V18.3236V18.3226C6.64242 19.5041 7.59999 20.4606 8.78153 20.4627
906H11.6418C11.7579 20.4627 11.8678 20.5098 11.9515 20.5915L13.9713 22.6154C14.8117 23.4422 16.1586 23.4422 16.999 22.6154L19.0167 20.5978C19.0983 20.5119 19.2124 20.4638 19.3307 20.4638H22.1909C23.3724 20.4607 24.33 19.5052 24.3342 18.3236V15.4645C24.3342 15.3483 24.3813 15.2363 24.4629 15.1547L26.4858 13.1318V13.1328C27.3136 12.2925 27.3136 10.9435 26.4858 10.1052L24.4682 8.08746C24.3823 8.00478 24.3342 7.89071 24.3342 7.77245V4.91222C24.33 3.73068 23.3724 2.77415 22.1909 2.77206H19.3307C19.2145 2.77206 19.1046 2.72497 19.0209 2.64334L16.999 0.620394C16.167 -0.197996 14.8348 -0.208471 13.9912 0.599463L11.9536 2.63811C11.8719 2.72392 11.7579 2.77207 11.6396 2.77207H8.77831C7.59784 2.77521 6.64024 3.73068 6.63502 4.91222L6.63826 4.91317ZM15.4847 5.98795C16.9781 5.989 18.4108 6.58132 19.4656 7.63834C20.5215 8.69429 21.1149 10.126 21.1149 11.6192C21.1149 13.1116 20.5215 14.5432 19.4656 15.6001C18.4097 16.6561 16.9769 17.2495 15.4847 17.2474C13.9913 17.2474 12.5586 16.654 11.5038 15.5981C10.4479 14.5421 9.85448 13.1104 9.85448 11.6171C9.85553 10.1248 10.4489 8.69423 11.5049 7.63813C12.5608 6.58218 13.9925 5.9909 15.4847 5.9909V5.98795ZM15.4847 5.11724C17.2104 5.11724 18.8639 5.80272 20.0831 7.02193C21.3023 8.24219 21.9878 9.89662 21.9878 11.6204C21.9878 13.3461 21.3023 14.9995 20.0831 16.2199C18.8639 17.4391 17.2092 18.1235 15.4847 18.1235C13.759 18.1235 12.1055 17.4391 10.8863 16.2199C9.66705 14.9996 8.98157 13.3452 8.98157 11.6214C8.98157 9.89571 9.66705 8.24227 10.8863 7.023C12.1065 5.80274 13.7602 5.11831 15.4847 5.11831V5.11724ZM12.2751 12.2169C12.1924 12.1363 12.1453 12.0243 12.1443 11.9071C12.1443 11.791 12.1904 11.6779 12.273 11.5963C12.3547 11.5136 12.4677 11.4676 12.5839 11.4676C12.7 11.4686 12.813 11.5157 12.8947 11.6005L14.2803 12.9861C15.3279 11.5231 16.6067 10.1385 18.1589 9.20292V9.20188C18.364 9.08781 18.6235 9.15583 18.746 9.35676C18.8663 9.55874 18.8077 9.82038 18.6089 9.94909C17.0349 10.8993 15.754 12.3666 14.7231 13.8727C14.6571 13.993 14.5378 14.0746 14.4028 14.0935C14.2657 14.1123 14.1297 14.0663 14.0313 13.97L12.2763 12.2149L12.2751 12.2169ZM12.2165 22.0972L8.58095 29.4208L6.97348 23.6366V23.6377C6.91069 23.4116 6.68044 23.2745 6.45127 23.33L0.490234 24.7784L5.76568 16.8372V18.3243C5.77091 19.9862 7.11781 21.333 8.77969 21.3384H11.4588L12.2165 22.096L12.2165 22.0972ZM25.2049 16.8405L30.4803 24.7774L24.5193 23.329C24.2901 23.2746 24.0599 23.4106 23.9971 23.6367L22.3896 29.4209L18.754 22.093L19.5117 21.3353H22.1908V21.3363C23.8527 21.3311 25.1995 19.9842 25.2048 18.3223L25.2049 16.8405Z" fill="currentcolor"/> 907 </svg> 908 909 </span> 910 </a> 911 </li> 912 913 914 <li> 915 <a class="dr-nav__link" href="/academy"> 916 <span>Tabnav academy</span> 917 <span> 918 919 920<svg width="32" height="16" viewBox="0 0 32 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 921 <path fill-rule="evenodd" clip-rule="evenodd" d="M29.9065 7.89691V6.64273L23.0321 9.43012L15.3675 12.5891L7.70292 9.43012L0.0383301 6.31821L15.3678 0L23.0324 3.15898L30.7433 6.31796V10.4983L31.5797 12.356L30.3255 15.1434L29.0714 12.356L29.9078 10.4983V7.89647L29.9065 7.89691ZM21.9164 10.6372V12.495C21.9164 13.9811 18.9902 15.1892 15.3663 15.1892C11.7894 15.1892 8.86327 13.9812 8.86327 12.495V10.6372L15.3663 13.3315L21.9164 10.6372Z" fill="currentcolor"/> 922 </svg> 923 924 925 </span> 926 </a> 927 </li> 928 </ul> 929 </nav> 930 931 <footer class="padding-md margin-top-auto"> 932 <div class="margin-bottom-xs"> 933 <nav> 934 <ul class="text-sm text-xs@md flex flex-wrap gap-xs"> 935 <!-- <li>Pages:</li> --> 936 <li><a href="/contact-us">Contact us</a></li> 937 <!-- <li><a href="/service-overview">Service overview</a></li> --> 938 <li><a href="/about-us">About us</a></li> 939 </ul> 940 </nav> 941 </div> 942 943 944 </footer> 945 </div> 946 </div> 947 </div> 948 949 950 </div> 951 <h1 class="sr-only-h1">tabnav Blog</h1> 952 <!-- blog gallery --> 953 <div class="articles padding-top-xl margin-bottom-xxl"> 954 <div class="container max-width-adaptive-lg"> 955 <div class="grid gap-lg"> 956 <article class="story story--featured"> 957 <a href="/blog/wcag-checklist" class="story__img"> 958 <figure class="aspect-ratio-4:3"> 959 <img src="../images/blog/pages/bp1.png" alt="tabnav logo on linear color background"> 960 </figure> 961 </a> 962 963 <div class="story__content"> 964 965 <div class="margin-bottom-xs"> 966 <div class="story__category"> 967 <!-- <svg class="icon margin-right-xxxs" aria-hidden="true" viewBox="0 0 16 16"><g stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='7' r='1.5'></circle><path d='M12.121,14.263a7.5,7.5,0,1,0-8.242,0'></path>
967<path d='M12.377,11.32a5.5,5.5,0,1,0-8.754,0'></path><path d='M6.605,10.5H9.4a1,1,0,0,1,1,1.1L10,15.5H6l-.39-3.9A1,1,0,0,1,6.605,10.5Z'></path></g></svg> --> 968 <svg class="icon margin-right-xxxs" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 969 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74991 1.06836C2.1591 1.06836 1.68018 1.54684 1.68018 2.1372V4.58196C1.68018 5.17277 2.1591 5.65169 2.74991 5.65169H5.19467C5.78548 5.65169 6.26351 5.17277 6.26351 4.58196V2.1372C6.26351 1.54639 5.78503 1.06836 5.19467 1.06836H2.74991Z" fill="currentColor"/> 970 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47192 9.01562C8.88111 9.01562 8.40308 9.49455 8.40308 10.0854V12.5301C8.40308 13.1209 8.88155 13.599 9.47192 13.599H11.9167C12.5075 13.599 12.9864 13.1205 12.9864 12.5301V10.0854C12.9864 9.49455 12.5075 9.01562 11.9167 9.01562H9.47192Z" fill="currentColor"/> 971 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.63644 10.0848C1.21884 10.5024 1.21884 11.1796 1.63644 11.5972L3.36505 13.3258C3.78265 13.7434 4.45941 13.7434 4.87697 13.3258L6.60558 11.5972C7.02318 11.1796 7.02318 10.5023 6.60558 10.0848L4.87697 8.35617C4.45937 7.93857 3.78261 7.93857 3.36505 8.35617L1.63644 10.0848Z" fill="currentColor"/> 972 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6947 1.06836C10.9471 1.06836 11.153 1.27336 11.153 1.52669V5.19336C11.153 5.4458 10.9471 5.65169 10.6947 5.65169C10.4413 5.65169 10.2363 5.4458 10.2363 5.19336V1.52669C10.2363 1.27336 10.4413 1.06836 10.6947 1.06836Z" fill="currentColor"/> 973 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40308 3.35872C8.40308 3.10539 8.60808 2.90039 8.86141 2.90039H12.5281C12.7805 2.90039 12.9864 3.10539 12.9864 3.35872C12.9864 3.61116 12.7805 3.81706 12.5281 3.81706H8.86141C8.60808 3.81706 8.40308 3.61116 8.40308 3.35872Z" fill="currentColor"/> 974 </svg> 975 <i>Guides & Resources</i> 976 </div> 977 </div> 978 979 <div class="text-component"> 980 <h2 class="story__title"><a href="/blog/wcag-checklist">Practical WCAG Checklist for Teams</a></h2> 981 <p>A clear, role-based WCAG checklist that shows what to fix, who is responsible, and where to focus first. Built for real websites and real teams.</p> 982 </div> 983 984 <div class="story__author margin-top-sm"> 985 <img src="../../images/blog/aya-berger-author.png" alt="Author picture"> 986 987 988 <div class="line-height-xs"> 989 <address class="story__author-name"><a href="/blog/wcag-checklist" rel="author">Aya Berger</a></address> 990 <p class="story__meta"><time>January 4</time>, — 32 min read</p> 991 </div> 992 </div> 993 </div> 994 </article> 995 <article class="story col-4@md"> 996 <a href="/blog/pdf-accessibility" class="story__img"> 997 <figure class="aspect-ratio-4:3"> 998 <img src="/images/blog/pages/bp2.png" alt="tabnav logo on linear color background"> 999 </figure> 1000 </a> 1001 1002 <div class="story__content"> 1003 <div class="margin-bottom-xs"> 1004 <div class="story__category"> 1005 <svg class="icon margin-right-xxxs" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1006 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74991 1.06836C2.1591 1.06836 1.68018 1.54684 1.68018 2.1372V4.58196C1.68018 5.17277 2.1591 5.65169 2.74991 5.65169H5.19467C5.78548 5.65169 6.26351 5.17277 6.26351 4.58196V2.1372C6.26351 1.54639 5.78503 1.06836 5.19467 1.06836H2.74991Z" fill="currentColor"/> 1007 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47192 9.01562C8.88111 9.01562 8.40308 9.49455 8.40308 10.0854V12.5301C8.40308 13.1209 8.88155 13.599 9.47192 13.599H11.9167C12.5075 13.599 12.9864 13.1205 12.9864 12.5301V10.0854C12.9864 9.49455 12.5075 9.01562 11.9167 9.01562H9.47192Z" fill="currentColor"/> 1008 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.63644 10.0848C1.21884 10.5024 1.21884 11.1796 1.63644 11.5972L3.36505 13.3258C3.78265 13.7434 4.45941 13.7434 4.87697 13.3258L6.60558 11.5972C7.02318 11.1796 7.02318 10.5023 6.60558 10.0848L4.87697 8.35617C4.45937 7.93857 3.78261 7.93857 3.36505 8.35617L1.63644 10.0848Z" fill="currentColor"/> 1009 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6947 1.06836C10.9471 1.06836 11.153 1.27336 11.153 1.52669V5.19336C11.153 5.4458 10.9471 5.
100965169 10.6947 5.65169C10.4413 5.65169 10.2363 5.4458 10.2363 5.19336V1.52669C10.2363 1.27336 10.4413 1.06836 10.6947 1.06836Z" fill="currentColor"/> 1010 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40308 3.35872C8.40308 3.10539 8.60808 2.90039 8.86141 2.90039H12.5281C12.7805 2.90039 12.9864 3.10539 12.9864 3.35872C12.9864 3.61116 12.7805 3.81706 12.5281 3.81706H8.86141C8.60808 3.81706 8.40308 3.61116 8.40308 3.35872Z" fill="currentColor"/> 1011 </svg> 1012 <i>Guides & Resources</i> 1013 </div> 1014 </div> 1015 1016 <div class="text-component"> 1017 <h2 class="story__title"><a href="/blog/pdf-accessibility">PDF Accessibility Remediation Checklist</a></h2> 1018 1019 </div> 1020 1021 <div class="story__author margin-top-sm"> 1022 1023 <img src="../../images/blog/eli-dror-author.png" alt="Author picture"> 1024 1025 1026 <div class="line-height-xs"> 1027 <address class="story__author-name"><a href="/blog/pdf-accessibility" rel="author">Eli Dror</a></address> 1028 <p class="story__meta"><time>January 10</time>, — 15 min read</p> 1029 </div> 1030 </div> 1031 </div> 1032 </article> 1033 1034 <article class="story col-4@md"> 1035 <a href="/blog/accessible-website-design" class="story__img"> 1036 <figure class="aspect-ratio-4:3"> 1037 <img src="../../images/blog/pages/bp3.png" alt="tabnav logo on linear color background"> 1038 </figure> 1039 </a> 1040 <div class="story__content"> 1041 <div class="margin-bottom-xs"> 1042 <div class="story__category"> 1043 <!-- <svg class="icon margin-right-xxxs" aria-hidden="true" width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1044 <path d="M3.6478 5.79786C3.54568 5.70042 3.54151 5.53838 3.63842 5.43626C3.73586 5.33413 3.8979 5.32996 4.00002 5.42688L5.2104 6.57526L7.15959 4.07639C7.24608 3.96593 7.40709 3.94561 7.51754 4.03262C7.628 4.11911 7.64833 4.28012 7.56131 4.39058L5.42298 7.13021C5.32555 7.23234 5.1635 7.23651 5.06138 7.13959L3.64681 5.79692L3.6478 5.79786ZM7.74425 10.4861L7.63014 10.5122L5.93159 11.5772L7.75633 15.9347L8.07 15.174C8.13982 15.051 8.29665 15.0093 8.41858 15.0792L10.0364 16.0066L7.74337 10.4856L7.74425 10.4861ZM5.25471 11.5777L3.55616 10.5122L3.44257 10.4861L1.14898 16.0072L2.76684 15.0797L2.79706 15.0656C2.92732 15.0125 3.07634 15.0745 3.13052 15.2053L3.43064 15.9363L5.25538 11.5794L5.25471 11.5777ZM5.57567 11.176C5.58765 11.1755 5.59912 11.1755 5.61058 11.176L7.38996 10.0605C7.41445 10.0438 7.44311 10.0313 7.47489 10.024L9.5492 9.54931L10.0239 7.47501C10.0306 7.44843 10.0411 7.42186 10.0567 7.39685L11.1874 5.59399L10.0609 3.7974C10.0442 3.77291 10.0317 3.74425 10.0244 3.71247L9.54868 1.63817L7.47491 1.16349C7.44834 1.15672 7.42177 1.1463 7.39676 1.13067L5.59336 0L3.80624 1.12128C3.77915 1.14108 3.74736 1.15619 3.71298 1.164L1.63921 1.63868L1.16349 3.71298C1.15724 3.74007 1.1463 3.76717 1.13067 3.79218L0 5.59504L1.12024 7.38216C1.14004 7.40925 1.15515 7.44104 1.16296 7.47542L1.63868 9.54973L3.71244 10.0244C3.73954 10.0307 3.76663 10.0416 3.79164 10.0572L5.57623 11.1764L5.57567 11.176ZM5.59286 1.55026C6.70946 1.55026 7.72132 2.00305 8.45282 2.73459L8.46689 2.7497C9.19062 3.48073 9.63714 4.48587 9.63714 5.59405C9.63714 6.70909 9.18436 7.72038 8.45177 8.45307C7.71866 9.18514 6.7084 9.6374 5.59329 9.6374C4.47773 9.6374 3.46643 9.18462 2.73427 8.45203C2.0022 7.721 1.5489 6.71013 1.5489 5.59301C1.5489 4.47641 2.00168 3.46562 2.73323 2.73399L2.74834 2.71992C3.47937 1.99619 4.48397 1.54966 5.59268 1.54966L5.59286 1.55026ZM8.08974 3.09675C7.45093 2.45795 6.56779 2.06248 5.59286 2.06248C4.62373 2.06248 3.74572 2.45275 3.10173 3.08998C2.45668 3.73502 2.0612 4.61873 2.0612 5.59365C2.0612 6.56853 2.45667 7.45227 3.09547 8.09053C3.73376 8.73037 4.61688 9.1248 5.59234 9.1248C6.56826 9.1248 7.45096 8.72985 8.08922 8.09105C8.72906 7.45224 9.12349 6.56857 9.12349 5.59271C9.12349 4.62305 8.73322 3.74463 8.08922 3.09583L8.08974 3.09675Z" fill="currentColor"/> 1045 </svg> --> 1046 <svg class="icon margin-right-xxxs" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1047 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74991 1.06836C2.1591 1.06836 1.68018 1.54684 1.68018 2.1372V4.58196C1.68018 5.17277 2.1591 5.65169 2.74991 5.65169H5.19467C5.78548 5.65169 6.26351 5.17277 6.26351 4.58196V2.1372C6.26351 1.54639 5.78503 1.06836 5.19467 1.06836H2.74991Z" fill="currentColor"/> 1048 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47192 9.01562C8.88111 9.01562 8.40308 9.49455 8.40308 10.0854V12.5301C8.40308 13.1209 8.88155 13.599 9.47192 13.599H11.9167C12.5075 13.599 12.9864 13.1205 12.9864 12.5301V10.0854C12.9864 9.49455 12.5075 9.01562 11.9167 9.01562H9.47192Z" fill="currentColor"/> 1049 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.63644 10.0848C1.21884 10.5024 1.21884 11.1796 1.63644 11.5972L3.36505 13.3258C3.78265 13.7434 4.45941 13.7434 4.87697 13.3258L6.60558 11.5972C7.02318 11.1796 7.02318 10.5023 6.60558 10.0848L4.87697 8.35617C4.45937 7.93857 3.78261 7.93857 3.36505 8.35617L1.63644 10.0848Z" fill="currentColor"/> 1050 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6947 1.06836C10.9471 1.06836 11.153 1.27336 11.153 1.52669V5.19336C11.153 5.4458 10.9471 5.
105065169 10.6947 5.65169C10.4413 5.65169 10.2363 5.4458 10.2363 5.19336V1.52669C10.2363 1.27336 10.4413 1.06836 10.6947 1.06836Z" fill="currentColor"/> 1051 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40308 3.35872C8.40308 3.10539 8.60808 2.90039 8.86141 2.90039H12.5281C12.7805 2.90039 12.9864 3.10539 12.9864 3.35872C12.9864 3.61116 12.7805 3.81706 12.5281 3.81706H8.86141C8.60808 3.81706 8.40308 3.61116 8.40308 3.35872Z" fill="currentColor"/> 1052 </svg> 1053 <i>Strategy Insights</i> 1054 </div> 1055 </div> 1056 <div class="text-component"> 1057 <h2 class="story__title"><a href="/blog/accessible-website-design">Accessible Website Examples with Keyboard Navigation</a></h2> 1058 1059 </div> 1060 1061 <div class="story__author margin-top-sm"> 1062 1063 <img src="../../images/blog/eli-dror-author.png" alt="Author picture"> 1064 1065 1066 <div class="line-height-xs"> 1067 <address class="story__author-name"><a href="/blog/accessible-website-design" rel="author">Eli Dror</a></address> 1068 <p class="story__meta"><time>December 24</time>, — 9 min read</p> 1069 </div> 1070 </div> 1071 </div> 1072 </article> 1073 <article class="story col-4@md"> 1074 <a href="/blog/web-accessibility-consultant" class="story__img"> 1075 <figure class="aspect-ratio-4:3"> 1076 <img src="../../images/blog/pages/bp4.png" alt="tabnav logo on linear color background"> 1077 </figure> 1078 </a> 1079 1080 <div class="story__content"> 1081 <div class="margin-bottom-xs"> 1082 <div class="story__category"> 1083 <svg class="icon margin-right-xxxs" aria-hidden="true" width="11" height="11" viewB
1083ox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 1084 <path d="M7.58508 5.09913C6.91396 5.09948 6.27065 5.36621 5.79688 5.84097C5.32281 6.31504 5.05642 6.95873 5.05642 7.62917C5.05642 8.30029 5.32315 8.9436 5.79723 9.41798C6.27164 9.89205 6.91498 10.1588 7.58542 10.1588C8.25654 10.1588 8.89986 9.8924 9.37424 9.41832C9.84865 8.94425 10.1154 8.30092 10.1161 7.63013C10.115 6.95901 9.84831 6.31534 9.37389 5.84131C8.89948 5.3669 8.25614 5.09948 7.58508 5.09913ZM7.58508 9.03628C7.01591 9.03628 6.50371 8.69368 6.28576 8.16846C6.06812 7.64289 6.18861 7.03769 6.5906 6.63573C6.9926 6.23376 7.5971 6.11325 8.12272 6.33124C8.64829 6.54888 8.99088 7.06141 8.99088 7.6302C8.99088 8.40671 8.3613 9.0363 7.58479 9.0363L7.58508 9.03628ZM0.160914 3.24986C-0.053638 3.03153 -0.053638 2.68138 0.160914 2.46237L0.886273 1.73701L0.16297 1.00581C-0.014162 0.781306 0.00505749 0.459996 0.208283 0.258485C0.411165 0.0573176 0.732826 0.0401544 0.956298 0.218665L1.68612 0.937503L2.40599 0.2142C2.5052 0.0882146 2.65384 0.0106335 2.81381 0.00101937C2.97378 -0.00859303 3.13032 0.0501087 3.24394 0.163054C3.35791 0.275998 3.41799 0.432531 3.40974 0.592501C3.40082 0.75247 3.32461 0.901454 3.19931 1.00169L2.47395 1.73151L3.19931 2.45687V2.45722C3.31844 2.55918 3.3895 2.70575 3.39567 2.86229C3.40151 3.01918 3.34212 3.17125 3.23124 3.28178C3.12036 3.39266 2.96863 3.4524 2.81175 3.44622C2.65522 3.44004 2.50829 3.36898 2.40633 3.24986L1.68646 2.5245L0.961105 3.24986C0.855719 3.35627 0.711884 3.416 0.562206 3.416C0.412879 3.416 0.269044 3.35627 0.163649 3.24986L0.160914 3.24986ZM9.95786 1.3374C10.1724 1.55607 10.1724 1.90657 9.95786 2.12489L8.8329 3.24985C8.6132 3.46818 8.25893 3.46818 8.03992 3.24985C7.9335 3.14446 7.87343 3.00063 7.87343 2.85095C7.87343 2.70059 7.9335 2.55709 8.03992 2.45136C6.40208 2.79945 4.93386 3.69918 3.87964 5.00026C2.82542 6.30098 2.25007 7.92431 2.24901 9.59853C2.24901 9.90921 1.99738 10.1608 1.68672 10.1608C1.37604 10.1608 1.12442 9.9092 1.12442 9.59853C1.12648 7.58 1.85218 5.62913 3.17002 4.09983C4.48718 2.57088 6.30974 1.565 8.30586 1.26427L8.03604 0.994452C7.86783 0.770285 7.89014 0.45721 8.08822 0.258793C8.28595 0.0610613 8.59937 0.0387484 8.82319 0.206957L9.95395 1.33772L9.95786 1.3374Z" fill="currentColor"/> 1085 </svg> 1086 <i>Strategy Insights</i> 1087 </a> 1088 </div> 1089 1090 <div class="text-component"> 1091 <h2 class="story__title"><a href="/blog/web-accessibility-consultant">Web Accessibility Consultant: Role, Tools, and Best Practices</a></h2> 1092 1093 </div> 1094 1095 <div class="story__author margin-top-sm"> 1096 1097 <img src="../../images/blog/eli-dror-author.png" alt="Author picture"> 1098 1099 1100 <div class="line-height-xs"> 1101 <address class="story__author-name"><a href="/blog/web-accessibility-consultant" rel="author">Eli Dror</a></address> 1102 <p class="story__meta"><time>January 5</time>, — 9 min read</p> 1103 </div> 1104 </div> 1105 </div> 1106 </article> 1107 1108 </div> 1109 1110 <nav class="pagination margin-top-xxl" aria-label="Pagination"> 1111 <ol class="pagination__list flex flex-wrap gap-xxxs justify-center"> 1112 <li> 1113 <a href="#0" class="pagination__item pagination__item--disabled" aria-label="Go to previous page"> 1114 <svg class="icon margin-right-xxxs" aria-hidden="true" viewBox="0 0 16 16"><title>Previous</title><g stroke-width="1" stroke="currentColor"><polyline fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="9.5,3.5 5,8 9.5,12.5 "></polyline></g></svg> 1115 <span>Prev</span> 1116 </a> 1117 </li> 1118 1119 <li class="display@sm"> 1120 <a href="/blog" class="pagination__item pagination__item--selected" aria-label="Current Page, page 1">1</a> 1121 </li> 1122 1123 <li class="display@sm"> 1124 <a href="/blog/page-2" class="pagination__item" aria-label="Go to page 2">2</a> 1125 </li> 1126 1127 <li class="display@sm"> 1128 <a href="/blog/page-3" class="pagination__item " aria-label="Go to page 3" aria-current="page">3</a> 1129 </li> 1130 1131 1132 1133 <li> 1134 <a href="/blog/page-2" class="pagination__item" aria-label="Go to next page">
1135 <span>Next</span> 1136 <svg class="icon margin-left-xxxs" aria-hidden="true" viewBox="0 0 16 16"><title>Next</title><g stroke-width="1" stroke="currentColor"><polyline fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="6.5,3.5 11,8 6.5,12.5 "></polyline></g></svg> 1137 </a> 1138 </li> 1139 </ol> 1140 </nav> 1141 </div> 1142 </div> 1143 1144 1145 1146 <!-- footer --> 1147 <!-- newsletter --> 1148 <!-- <section class="newsletter margin-bottom-xl text-center"> 1149 <div class="container max-width-xs"> 1150 <div class="text-component margin-bottom-md"> 1151 <h2>Join our Newsletter</h2> 1152 <p>Get our monthly recap with the latest news.</p> 1153 </div> 1154 1155 <form class="grid gap-xxs"> 1156 <div class="col@xs min-width-0"> 1157 <input class="form-control width-100% height-100%" aria-label="Name" type="text" placeholder="Name"> 1158 </div> 1159 1160 <div class="col@xs min-width-0"> 1161 <input class="form-control width-100% height-100%" aria-label="Email" type="email" placeholder="Email"> 1162 </div> 1163 1164 <div> 1165 <button class="btn btn--primary width-100% height-100%">Subscribe</button> 1166 </div> 1167 </form> 1168 1169 <p role="alert" class="bg-success bg-opacity-20% text-sm padding-xs radius-md margin-top-xs"><strong>Success!</strong> Please check your inbox for a confirmation email.</p> 1170 1171 <div class="margin-top-xs"> 1172 <small class="text-xs color-contrast-medium">By subscribing you agree to our <a class="color-contrast-high" href="/privacy-policy">privacy policy</a>.</small> 1173 </div> 1174 </div> 1175 </section> --> 1176 <!-- footer --> 1177 <footer class="footer-v5 padding-y-lg"> 1178 <div class="container max-width-lg"> 1179 <!-- ð footer intro --> 1180 <div class="border-bottom padding-bottom-xs text-sm@md flex@md justify-between@md items-center@md"> 1181 <h4 class="margin-bottom-xs hide@md">Blog categories</h4> 1182 <nav> 1183 <ul class="flex flex-wrap gap-xxs"> 1184 <li><a class="footer-v5__popular-link" href="/free-accessibility-tools">free accessibility tools</a></li> 1185 <li><a class="footer-v5__popular-link" href="/accessibility-checker">Accessibility checker</a></li> 1186 <li><a class="footer-v5__popular-link" href="/accessibility-widget">Accessibility widget</a></li> 1187 </ul> 1188 </nav> 1189 1190 <a href="#" class="footer-v5__back-to-top display@md">Back to top ↑</a> 1191 </div> 1192 1193 <!-- ð footer body --> 1194 <div class="padding-y-xl grid gap-md"> 1195 <div class="col-8@lg"> 1196 <div class="grid gap-md"> 1197 <div class="col-6@xs col-3@md"> 1198 <h4 class="margin-bottom-xs text-base@md">Top Picks</h4> 1199 <ul class="grid gap-xs text-sm@md"> 1200 <li><a class="footer-v5__link" href="/blog/wcag-checklist">WCAG Checklist</a></li> 1201 <li><a class="footer-v5__link" href="/blog/pdf-accessibility">PDF Accessibility</a></li> 1202 <li><a class="footer-v5__link" href="/blog/accessible-website-design">Accessible Website Examples</a></li> 1203 </ul> 1204 </div> 1205 1206 <div class="col-6@xs col-3@md"> 1207 <h4 class="margin-bottom-xs text-base@md">Core Pages</h4> 1208 <ul class="grid gap-xs text-sm@md"> 1209 <li><a class="footer-v5__link" href="/">tabnav home</a></li> 1210 <li><a class="footer-v5__link" href="/pricing/accessibility-widget">Pricing</a></li> 1211 <li><a class="footer-v5__link" href="/partners">Partners</a></li> 1212 <li><a class="footer-v5__link" href="/faq">FAQ</a></li> 1213 <li><a class="footer-v5__link" href="/cookie-policy">Cookie Policy</a></li> 1214 <li><a id="cookie-settings-link" class="footer-v5__link" href="#">Cookie Settings</a></li> 1215 </ul> 1216 </div> 1217 1218 <div class="col-6@xs col-3@md"> 1219 <h4 class="margin-bottom-xs text-base@md">Academy</h4> 1220 <ul class="grid gap-xs text-sm@md"> 1221 <li><a class="footer-v5__link" href="/academy">About the Academy</a></li> 1222 <li><a class="footer-v5__link" href="/academy/structure">Academy Structure</a></li> 1223 <li><a class="footer-v5__link" href="/academy/wcag-news">WCAG News</a></li> 1224 </ul> 1225 </div> 1226 1227 <div class="col-6@xs col-3@md"> 1228 <h4 class="margin-bottom-xs text-base@md">Compliance</h4> 1229 <ul class="grid gap-xs text-sm@md"> 1230 <li><a class="footer-v5__link" href="/compliance/wcag">WCAG 2.2AA</a></li> 1231 <li><a class="footer-v5__link" href="/compliance/ada">ADA Title III</a></li> 1232 <li><a class="footer-v5__link" href="/compliance/section-508">Section 508</a></li> 1233 <li><a class="footer-v5__link" href="/compliance/european-accessibility-act">EN301549</a></li> 1234 <li><a class="footer-v5__link" href="/compliance/aoda">ACA/AODA</a></li> 1235 1236 </ul> 1237 </div> 1238 </div> 1239 </div> 1240 1241 <div class="col-4@lg"> 1242 <div class="max-width-xxs"> 1243 <div class="text-component margin-bottom-sm"> 1244 <h4 class="text-base@md">Get in Touch</h4> 1245 <p class="text-sm color-contrast-medium">We're here to help with any questions or feedback you may have.</p> 1246 </div> 1247 1248 1249 <a href="/contact-us" class="btn btn--primary new-bt-blog">Contact us</a> 1250 1251 </div> 1252 </div>
1253 </div> 1254 1255 <!-- ð footer colophon --> 1256 <div class="border-top padding-top-sm"> 1257 <div class="flex flex-column items-center gap-sm flex-row@md justify-between@md"> 1258 <div> 1259 <p class="text-sm color-contrast-medium text-xs@md">© 2025 tabnav. All Rights Reserved</p> 1260 </div> 1261 1262 <div> 1263 <div class="flex flex-wrap gap-xxs text-sm@md"> 1264 <a class="footer-v5__social-btn" href="https://x.com/tab2nav"> 1265 <svg class="icon" viewBox="0 0 16 16"><title>Follow us on Twitter</title><g><path d="M16,3c-0.6,0.3-1.2,0.4-1.9,0.5c0.7-0.4,1.2-1,1.4-1.8c-0.6,0.4-1.3,0.6-2.1,0.8c-0.6-0.6-1.5-1-2.4-1 C9.3,1.5,7.8,3,7.8,4.8c0,0.3,0,0.5,0.1,0.7C5.2,5.4,2.7,4.1,1.1,2.1c-0.3,0.5-0.4,1-0.4,1.7c0,1.1,0.6,2.1,1.5,2.7 c-0.5,0-1-0.2-1.5-0.4c0,0,0,0,0,0c0,1.6,1.1,2.9,2.6,3.2C3,9.4,2.7,9.4,2.4,9.4c-0.2,0-0.4,0-0.6-0.1c0.4,1.3,1.6,2.3,3.1,2.3 c-1.1,0.9-2.5,1.4-4.1,1.4c-0.3,0-0.5,0-0.8,0c1.5,0.9,3.2,1.5,5,1.5c6,0,9.3-5,9.3-9.3c0-0.1,0-0.3,0-0.4C15,4.3,15.6,3.7,16,3z"></path></g></svg> 1266 </a> 1267 1268 <a class="footer-v5__social-btn" href="https://www.linkedin.com/company/tabnav-accessibility"> 1269 <svg class="icon" viewBox="0 0 32 32"><title>Follow us on Linkedin</title><g><path d="M29,1H3A2,2,0,0,0,1,3V29a2,2,0,0,0,2,2H29a2,2,0,0,0,2-2V3A2,2,0,0,0,29,1ZM9.887,26.594H5.374V12.25H9.887ZM7.63,10.281a2.625,2.625,0,1,1,2.633-2.625A2.624,2.624,0,0,1,7.63,10.281ZM26.621,26.594H22.2V19.656c0-1.687,0-3.75-2.35-3.75s-2.633,1.782-2.633,3.656v7.126H12.8V12.25h4.136v1.969h.094a4.7,4.7,0,0,1,4.231-2.344c4.513,0,5.359,3,5.359,6.844Z"></path></g></svg> 1270 </a> 1271 1272 <a class="footer-v5__social-btn" href="https://www.instagram.com/tab.nav/?hl=en"> 1273 <svg class="icon" viewBox="0 0 32 32"><title>Follow us on Instagram</title><path d="M16,3.7c4,0,4.479.015,6.061.087a6.426,6.426,0,0,1,4.51,1.639,6.426,6.426,0,0,1,1.639,4.51C28.282,11.521,28.3,12,28.3,16s-.015,4.479-.087,6.061a6.426,6.426,0,0,1-1.639,4.51,6.425,6.425,0,0,1-4.51,1.639c-1.582.072-2.056.087-6.061.087s-4.479-.015-6.061-.087a6.426,6.426,0,0,1-4.51-1.639,6.425,6.425,0,0,1-1.639-4.51C3.718,20.479,3.7,20.005,3.7,16s.015-4.479.087-6.061a6.426,6.426,0,0,1,1.639-4.51A6.426,6.426,0,0,1,9.939,3.79C11.521,3.718,12,3.7,16,3.7M16,1c-4.073,0-4.584.017-6.185.09a8.974,8.974,0,0,0-6.3,2.427,8.971,8.971,0,0,0-2.427,6.3C1.017,11.416,1,11.927,1,16s.017,4.584.09,6.185a8.974,8.974,0,0,0,2.427,6.3,8.971,8.971,0,0,0,6.3,2.427c1.6.073,2.112.09,6.185.09s4.584-.017,6.185-.
127309a8.974,8.974,0,0,0,6.3-2.427,8.971,8.971,0,0,0,2.427-6.3c.073-1.6.09-2.112.09-6.185s-.017-4.584-.09-6.185a8.974,8.974,0,0,0-2.427-6.3,8.971,8.971,0,0,0-6.3-2.427C20.584,1.017,20.073,1,16,1Z"></path><path d="M16,8.3A7.7,7.7,0,1,0,23.7,16,7.7,7.7,0,0,0,16,8.3ZM16,21a5,5,0,1,1,5-5A5,5,0,0,1,16,21Z"></path><circle cx="24.007" cy="7.993" r="1.8"></circle></svg> </a> 1274 </a> 1275 </div> 1276 </div> 1277 1278 <div> 1279 <p class="text-sm color-contrast-medium flex flex-wrap gap-xs text-xs@md"> 1280 <a class="color-inherit text-underline" href="/terms-of-service">Terms of service</a> 1281 <a class="color-inherit text-underline" href="/privacy-policy">Privacy Policy</a> 1282 </p> 1283 </div> 1284 </div> 1285 </div> 1286 </div> 1287 </footer> 1288
1288<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
1288 1289 1290
1290<script src="js/blog/blog-scripts.js"></script>
1290 1291 1292
1293<script type="application/ld+json"> 1294{ 1295 "@context": "https://schema.org", 1296 "@type": "BreadcrumbList", 1297 "itemListElement": [ 1298 { 1299 "@type": "ListItem", 1300 "position": 1, 1301 "name": "Home", 1302 "item": "https://tabnav.com/" 1303 }, 1304 { 1305 "@type": "ListItem", 1306 "position": 2, 1307 "name": "Blog", 1308 "item": "https://tabnav.com/blog" 1309 } 1310 ] 1311} 1312</script>
1312 1313
1314<script type="application/ld+json"> 1315{ 1316 "@context": "https://schema.org", 1317 "@type": "ItemList", 1318 "name": "tabnav Blog", 1319 "itemListOrder": "https://schema.org/ItemListOrderDescending", 1320 "itemListElement": [ 1321 { "@type": "ListItem", "position": 1, "url": "https://tabnav.com/blog/post-1" }, 1322 { "@type": "ListItem", "position": 2, "url": "https://tabnav.com/blog/post-2" }, 1323 { "@type": "ListItem", "position": 3, "url": "https://tabnav.com/blog/post-3" } 1324 ] 1325} 1326</script>
1326 1327 1328 1329 <!-- EXTERNAL SCRIPTS 1330 ============================================= --> 1331 <!--
1331<script src="../../js/jquery-3.7.0.min.js"></script>
1331 1332
1332<script src="../../js/bootstrap.min.js"></script>
1332 1333
1333<script src="../../js/modernizr.custom.js"></script>
1333 1334
1334<script src="../../js/jquery.easing.js"></script>
1334 1335
1335<script src="../../js/jquery.appear.js"></script>
1335 1336
1336<script src="../../js/menu.js"></script>
1336 1337
1337<script src="../../js/owl.carousel.min.js"></script>
1337 1338
1338<script src="../../js/pricing-toggle.js"></script>
1338 1339
1339<script src="../../js/jquery.magnific-popup.min.js"></script>
1339 1340
1340<script src="../../js/quick-form.js"></script>
1340 1341
1341<script src="../../js/jquery.validate.min.js"></script>
1341 1342
1342<script src="../../js/jquery.ajaxchimp.min.js"></script>
1342 1343
1343<script src="../../js/popper.min.js"></script>
1343 1344
1344<script src="../../js/lunar.js"></script>
1344 1345
1345<script src="../../js/wow.js"></script>
1345 1346 1347 1348
1348<script src="../../js/custom.js"></script>
1348 1349
1349<script src="../../js/responsiveimages.js"></script>
1349 1350 1351
1351<script src="../../js/responsivenavbar.js"></script>
1351 --> 1352 <!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. --> 1353 <!-- 1354
1354<script> 1355 var _gaq = _gaq || []; 1356 _gaq.push(['_setAccount', 'UA-XXXXX-X']); 1357 _gaq.push(['_trackPageview']); 1358 1359 (function() { 1360 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 1361 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 1362 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 1363 })(); 1364 </script>
1364 1365 --> 1366 1367 1368 <!-- book a meeting --> 1369 1370 <!-- 1371 <a href="https://meetings.hubspot.com/net-aharonov/website-to-meeting-" target="_blank" 1372 rel="noopener" id="book-meeting-fab"> 1373 <img src="../images/book-a-demo-new.png" alt="Profile" class="profile-picture"> 1374 <span class="button-text">Book a demo</span> 1375 <svg class="arrow-icon" width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 1376 <path d="M8.35062 2.84518L1.17851 10.0173L0 8.8388L7.17212 1.66667H0.85068V0H10.0173V9.1667H8.35062V2.84518Z" fill="white"/> 1377 </svg> 1378 </a> 1379 --> 1380 1381 <!--
1381<script> 1382 const mainContent = document.querySelector(".sb4-container > div > main"); 1383 1384 if (mainContent) { 1385 mainContent.setAttribute("data-lenis-prevent", "false"); // Ensure Lenis does not block it 1386 } 1387 </script>
1387 --> 1388<!-- end smoth scrolling all website leins --> 1389 1390 1391
1391<script type="module" src="/js/cookieconsent-config.js"></script>
1391 1392 1393
1393<script> 1394 // Add click handler for cookie settings link 1395 document.addEventListener('DOMContentLoaded', function() { 1396 const cookieSettingsLink = document.getElementById('cookie-settings-link'); 1397 if (cookieSettingsLink) { 1398 cookieSettingsLink.addEventListener('click', function(e) { 1399 e.preventDefault(); 1400 // Open the cookie consent preferences modal 1401 if (window.CookieConsent) { 1402 window.CookieConsent.showPreferences(); 1403 } 1404 }); 1405 } 1406 }); 1407 </script>
1407 1408 1409 1410 1411 1412 1413 1414 1415</body> 1416 1417</html>
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.