PageSourceSearch

https://tabnav.com/blog

html tabnav.com collected 2026-10-02 02:33:38 UTC 90,852 bytes, 1,417 lines download raw bytes

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&amp;display=swap" rel="stylesheet">
717		<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
718		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;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>, &mdash; 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>, &mdash; 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>, &mdash; 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>, &mdash; 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 &uarr;</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">&copy;  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.