Agile Accessibility in Development

<!DOCTYPE html> <html lang="en"> <head> <title>Agile Accessibility in Development | Level Access</title> <link rel="alternate" type="application/rss+xml" title="Level Access RSS Feed" href="https://www.levelaccess.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="Level Access Comments RSS Feed" href="https://www.levelaccess.com/comments/feed/"/> <link rel="pingback" href="https://www.levelaccess.com/xmlrpc.php"/>  <meta name="msapplication-TileColor" content="#ffcb05"> <script data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_user_data: "denied", ad_personalization: "denied", ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 500, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script> <script type="text/javascript" id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="b7fdd16f-19bd-4279-acde-691f82c51949" data-georegions="{'region':'US-06','cbid':'1123f84d-b9cd-4809-a9fe-70fcd33125da'},{'region':'US-08, US-09, US-49, US-51, CA','cbid':'bd0240a0-7668-48ce-80a2-d2c041639500'}" data-culture="EN" data-blockingmode="auto" ></script> <link rel="preload" href="https://www.levelaccess.com/wp-content/themes/newptheme/assets/fonts/AtkinsonHyperlegible-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://www.levelaccess.com/wp-content/themes/newptheme/assets/fonts/AtkinsonHyperlegible-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <script data-cookieconsent="ignore" src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/jquery-3.5.1.min.js" type="text/javascript"></script><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="Discover tools for addressing accessibility when you're developing and remediating digital experiences." /> <link rel="canonical" href="https://www.levelaccess.com/resources/agile-accessibility-in-development/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Agile Accessibility in Development | Level Access" /> <meta property="og:description" content="Discover tools for addressing accessibility when you're developing and remediating digital experiences." /> <meta property="og:url" content="https://www.levelaccess.com/resources/agile-accessibility-in-development/" /> <meta property="og:site_name" content="Level Access" /> <meta property="article:modified_time" content="2024-09-06T16:28:57+00:00" /> <meta property="og:image" content="https://www.levelaccess.com/wp-content/uploads/2023/10/FR_Agile-Accessibiltiy-in-Development.jpg" /> <meta property="og:image:width" content="1000" /> <meta property="og:image:height" content="667" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@levelaccessa11y" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.levelaccess.com/resources/agile-accessibility-in-development/","url":"https://www.levelaccess.com/resources/agile-accessibility-in-development/","name":"Agile Accessibility in Development | Level Access","isPartOf":{"@id":"https://www.levelaccess.com/#website"},"primaryImageOfPage":{"@id":"https://www.levelaccess.com/resources/agile-accessibility-in-development/#primaryimage"},"image":{"@id":"https://www.levelaccess.com/resources/agile-accessibility-in-development/#primaryimage"},"thumbnailUrl":"https://www.levelaccess.com/wp-content/uploads/2023/10/FR_Agile-Accessibiltiy-in-Development.jpg","datePublished":"2023-10-04T20:10:33+00:00","dateModified":"2024-09-06T16:28:57+00:00","description":"Discover tools for addressing accessibility when you're developing and remediating digital experiences.","breadcrumb":{"@id":"https://www.levelaccess.com/resources/agile-accessibility-in-development/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.levelaccess.com/resources/agile-accessibility-in-development/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.levelaccess.com/resources/agile-accessibility-in-development/#primaryimage","url":"https://www.levelaccess.com/wp-content/uploads/2023/10/FR_Agile-Accessibiltiy-in-Development.jpg","contentUrl":"https://www.levelaccess.com/wp-content/uploads/2023/10/FR_Agile-Accessibiltiy-in-Development.jpg","width":1000,"height":667,"caption":"Two people looking at a computer screen."},{"@type":"BreadcrumbList","@id":"https://www.levelaccess.com/resources/agile-accessibility-in-development/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.levelaccess.com/"},{"@type":"ListItem","position":2,"name":"Agile Accessibility in Development"}]},{"@type":"WebSite","@id":"https://www.levelaccess.com/#website","url":"https://www.levelaccess.com/","name":"Level Access","description":"Digital Accessibility as a Service","publisher":{"@id":"https://www.levelaccess.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.levelaccess.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.levelaccess.com/#organization","name":"Level Access","url":"https://www.levelaccess.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.levelaccess.com/#/schema/logo/image/","url":"https://www.levelaccess.com/wp-content/uploads/2023/11/LEVEL-ACCESS_FULL-COLOUR_RGB.svg","contentUrl":"https://www.levelaccess.com/wp-content/uploads/2023/11/LEVEL-ACCESS_FULL-COLOUR_RGB.svg","width":1,"height":1,"caption":"Level Access"},"image":{"@id":"https://www.levelaccess.com/#/schema/logo/image/"},"sameAs":["https://x.com/levelaccessa11y","https://www.linkedin.com/company/level-access","https://www.youtube.com/@LevelAccessA11y"]}]}</script>  <link rel='stylesheet' id='style-css' href='https://www.levelaccess.com/wp-content/themes/newptheme/style.css?ver=1.0.3' media='all' /> <link rel='stylesheet' id='stylesheet-css' href='https://www.levelaccess.com/wp-content/themes/newptheme/assets/css/styles.min.css?ver=1.0.3' media='all' /> <script id="cookiebot-wp-consent-level-api-integration-js-extra"> var cookiebot_category_mapping = {"n=1;p=1;s=1;m=1":{"preferences":1,"statistics":1,"statistics-anonymous":0,"marketing":1},"n=1;p=1;s=1;m=0":{"preferences":1,"statistics":1,"statistics-anonymous":1,"marketing":0},"n=1;p=1;s=0;m=1":{"preferences":1,"statistics":0,"statistics-anonymous":0,"marketing":1},"n=1;p=1;s=0;m=0":{"preferences":1,"statistics":0,"statistics-anonymous":0,"marketing":0},"n=1;p=0;s=1;m=1":{"preferences":0,"statistics":1,"statistics-anonymous":0,"marketing":1},"n=1;p=0;s=1;m=0":{"preferences":0,"statistics":1,"statistics-anonymous":0,"marketing":0},"n=1;p=0;s=0;m=1":{"preferences":0,"statistics":0,"statistics-anonymous":0,"marketing":1},"n=1;p=0;s=0;m=0":{"preferences":0,"statistics":0,"statistics-anonymous":0,"marketing":0}}; var cookiebot_consent_type = {"type":"optin"}; </script> <script src="https://www.levelaccess.com/wp-content/plugins/cookiebot/assets/js/frontend/cookiebot-wp-consent-level-api-integration.js" id="cookiebot-wp-consent-level-api-integration-js"></script>  <script>!function(){"use strict";function l(e){for(var t=e,r=0,n=document.cookie.split(";");r<n.length;r++){var o=n[r].split("=");if(o[0].trim()===t)return o[1]}}function s(e){return localStorage.getItem(e)}function u(e){return window[e]}function A(e,t){e=document.querySelector(e);return t?null==e?void 0:e.getAttribute(t):null==e?void 0:e.textContent}var e=window,t=document,r="script",n="dataLayer",o="https://load.sgtm.levelaccess.com",a="",i="qpLlqjpxesb",c="OAm=aWQ9R1RNLVRWV0QyOQ%3D%3D&sort=asc",g="cookie",v="_sbp",E="",d=!1;try{var d=!!g&&(m=navigator.userAgent,!!(m=new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m)))&&16.4<=parseFloat(m[1]),f="stapeUserId"===g,I=d&&!f?function(e,t,r){void 0===t&&(t="");var n={cookie:l,localStorage:s,jsVariable:u,cssSelector:A},t=Array.isArray(t)?t:[t];if(e&&n[e])for(var o=n[e],a=0,i=t;a<i.length;a++){var c=i[a],c=r?o(c,r):o(c);if(c)return c}else console.warn("invalid uid source",e)}(g,v,E):void 0;d=d&&(!!I||f)}catch(e){console.error(e)}var m=e,g=(m[n]=m[n]||[],m[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t.getElementsByTagName(r)[0]),v=I?"&bi="+encodeURIComponent(I):"",E=t.createElement(r),f=(d&&(i=8<i.length?i.replace(/([a-z]{8}$)/,"kp$1"):"kp"+i),!d&&a?a:o);E.async=!0,E.src=f+"/"+i+".js?"+c+v,null!=(e=g.parentNode)&&e.insertBefore(E,g)}();</script>  <script type="text/javascript"> var ajaxurl = 'https://www.levelaccess.com/wp-admin/admin-ajax.php'; var is_user_logged_in = ''; </script> <link rel="shortcut icon" href="/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-32x32.png" /> <link rel="apple-touch-icon" href="/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-180x180.png" /> <link rel="icon" href="/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-192x192.png" type="image/png"/> <script id='nitro-telemetry-meta' nitro-exclude>window.NPTelemetryMetadata={missReason: (!window.NITROPACK_STATE ? 'request type not allowed' : 'hit'),pageType: 'resource',isEligibleForOptimization: false,}</script><script id='nitro-generic' nitro-exclude>(()=>{window.NitroPack=window.NitroPack||{coreVersion:"na",isCounted:!1};let e=document.createElement("script");if(e.src="https://nitroscripts.com/IitHsyZVCFBhhqcuBElDTFsjJOnzYnBg",e.async=!0,e.id="nitro-script",document.head.appendChild(e),!window.NitroPack.isCounted){window.NitroPack.isCounted=!0;let t=()=>{navigator.sendBeacon("https://to.getnitropack.com/p",JSON.stringify({siteId:"IitHsyZVCFBhhqcuBElDTFsjJOnzYnBg",url:window.location.href,isOptimized:!!window.IS_NITROPACK,coreVersion:"na",missReason:window.NPTelemetryMetadata?.missReason||"",pageType:window.NPTelemetryMetadata?.pageType||"",isEligibleForOptimization:!!window.NPTelemetryMetadata?.isEligibleForOptimization}))};(()=>{let e=()=>new Promise(e=>{"complete"===document.readyState?e():window.addEventListener("load",e)}),i=()=>new Promise(e=>{document.prerendering?document.addEventListener("prerenderingchange",e,{once:!0}):e()}),a=async()=>{await i(),await e(),t()};a()})(),window.addEventListener("pageshow",e=>{if(e.persisted){let i=document.prerendering||self.performance?.getEntriesByType?.("navigation")[0]?.activationStart>0;"visible"!==document.visibilityState||i||t()}})}})();</script><link rel="icon" href="https://www.levelaccess.com/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.levelaccess.com/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.levelaccess.com/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.levelaccess.com/wp-content/uploads/2023/10/cropped-2023-LevelAccess_FavIcon_Midnight-RGB_215x215-1-270x270.png" /> <style id="wp-custom-css"> div.w-bpb-time.dark{ background:#000000 !important; } div.media-box .image-container{ text-align:center; } button#CybotCookiebotDialogBodyButtonAccept { margin-top:40px; } </style>  <meta name="viewport" content="width=device-width"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta charset="UTF-8"> <meta name="generator" content="WordPress 6.7.1"/> </head> <body class="resource-template-default single single-resource postid-46735 _mycustom"> <a class="site-skip" href="#maincontent" aria-label="Skip To main content"><span>Skip To main content</span></a> <section class="alert-banner" aria-label="Announcements"> <div class="content-container container"> <div class="alert-banner-block"> <button type="button" aria-label="close alert" class="close-alert-btn close-alert-btn-show-desk"> <i class="close-icon"></i> </button> <i class="alert-icon"></i> <p class="tagline pb-2">New market insights: </p> <button class="toggle-alert-message" aria-label="Click to see message"> <img class="arrow-down" src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/img/alert_arrow_down.svg" alt="Arrow Down"> <img class="arrow-up" src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/img/alert_arrow_up.svg" alt="Arrow Up" style="display: none;"> <span class="visually-hidden">Toggle alert</span> </button> <div class="alert-text-show-hide"> <div class="alert-text"> <p class="h6">The Sixth Annual State of Digital Accessibility Report | </p> <a href="https://www.levelaccess.com/resources/the-sixth-annual-state-of-digital-accessibility-report-2024-2025/">Download now</a> </div> </div> <button type="button" aria-label="close alert" class="close-alert-btn close-alert-btn-show-mobile"> <i class="close-icon"></i> </button> </div> </div> </section> <header class="website_header"> <div class="container"> <div class="header_container"> <div class="header_left"> <div class="header_logo"> <a href="https://www.levelaccess.com"> <img src="https://www.levelaccess.com/wp-content/uploads/2024/10/la-logo-opt.svg" alt="Level Access logo" width="120" height="56" /> </a> </div> <div class="header_menu"> <nav class="header_menu_block" aria-labelledby="main-menu"> <div class="menu-header-title visually-hidden"> <span id="main-menu">Main menu</span> </div> <ul id="menu-header" class="menu"> <li class="menu-item menu-item-children"> <button type="button" aria-controls="solutions-region" aria-expanded="false" class="menu-item-link" data-submenu="#"> Solutions </button> <div role="region" id="solutions-region" aria-labelledby="solutions-heading" class="sub-menu Solutions_submenu"> <div class="sub-menu-header"> <div class="sub-menu-header-content align-items-center h-100"> <h3 id="solutions-heading" class="sub-menu-back-btn" aria-label="Solutions, Back">Solutions</h3> </div> </div> <div class="sub-menu-categories container"> <ul class="sub-menu-categories-listing row"> <li class="cat-item col-md-3 col-xs-12 description_colmn"> <p class="sub-menu-categories-text">A unified software platform plus expert support to achieve and maintain digital accessibility. Automated scans, manual testing, legal guidance, training, and certification.</p> <a href="/solutions-overview/" class="see_all_link btn-primary" aria-label="Solutions overview" > Solutions overview</a> </li> <li class="cat-item col-md-3 col-xs-12 sub_menu_1_culmn"> <div class="children-menu"> <a href="#" class="cat-item-link purple-item" aria-label="By Accessibility Goal" > By Accessibility Goal</a> <a href="/get-compliant/" class="cat-item-link " aria-label="Get Compliant" > Get Compliant</a> <a href="/build-for-accessibility/" class="cat-item-link " aria-label="Build for Accessibility" > Build for Accessibility</a> <a href="/scale-a-program/" class="cat-item-link " aria-label="Scale a Program" > Scale a Program</a> </div> </li> <li class="cat-item col-md-3 col-xs-12 sub_menu_2_column"> <div class="children-menu"> <a href="#" class="cat-item-link purple-item" aria-label="By Business Type" > By Business Type</a> <a href="/accessibility-for-the-enterprise/" class="cat-item-link " aria-label="Accessibility for the Enterprise" > Accessibility for the Enterprise</a> <a href="https://www.levelaccess.com/accessibility-for-financial-services-providers/" class="cat-item-link " aria-label="Accessibility for Financial Services Providers" > Accessibility for Financial Services Providers</a> <a href="/accessibility-for-software-vendors/" class="cat-item-link " aria-label="Accessibility for Software Vendors" > Accessibility for Software Vendors</a> <a href="/retail/" class="cat-item-link " aria-label="Accessibility for Retail and Consumer Brands" > Accessibility for Retail and Consumer Brands</a> <a href="/accessibility-for-the-public-sector/" class="cat-item-link " aria-label="Accessibility for the Public Sector" > Accessibility for the Public Sector</a> </div> </li> </ul> </div> </div> </li> <li class="menu-item menu-item-children"> <button type="button" aria-controls="platform-services-region" aria-expanded="false" class="menu-item-link" data-submenu="/platform-services-overview/"> Platform & Services </button> <div role="region" id="platform-services-region" aria-labelledby="platform-services-heading" class="sub-menu Platform & Services_submenu"> <div class="sub-menu-header"> <div class="sub-menu-header-content align-items-center h-100"> <h3 id="platform-services-heading" class="sub-menu-back-btn" aria-label="Platform & Services, Back">Platform & Services</h3> </div> </div> <div class="sub-menu-categories container"> <ul class="sub-menu-categories-listing row"> <li class="cat-item col-md-3 col-xs-12 description_colmn"> <p class="sub-menu-categories-text">A comprehensive solution combining the market's leading digital accessibility platform with expert support services, including legal expertise and role-specific training.</p> <a href="/platform-services-overview/" class="see_all_link btn-primary" aria-label="Platform & Services overview" > Platform & Services overview</a> </li> <li class="cat-item col-md-3 col-xs-12 sub_menu_1_culmn"> <div class="children-menu"> <a href="#" class="cat-item-link purple-item" aria-label="What we offer" > What we offer</a> <a href="/auditing-and-testing/" class="cat-item-link " aria-label="Auditing and Testing" > Auditing and Testing</a> <a href="/designer-tools/" class="cat-item-link " aria-label="Designer Tools" > Designer Tools</a> <a href="https://www.levelaccess.com/automated-remediation-and-user-personalization/" class="cat-item-link " aria-label="Automated Remediation and User Personalization" > Automated Remediation and User Personalization</a> <a href="/developer-tools/" class="cat-item-link " aria-label="Developer Tools" > Developer Tools</a> <a href="/reporting-and-analytics/" class="cat-item-link " aria-label="Reporting and Analytics" > Reporting and Analytics</a> <a href="/collaboration-and-workflow-management/" class="cat-item-link " aria-label="Collaboration and Workflow Management" > Collaboration and Workflow Management</a> <a href="/vpats-acrs-and-conformance-statements/" class="cat-item-link " aria-label="VPATs, ACRs, and Conformance Statements" > VPATs, ACRs, and Conformance Statements</a> <a href="/integrations-and-api/" class="cat-item-link " aria-label="Integrations and API" > Integrations and API</a> <a href="/legal-expertise/" class="cat-item-link " aria-label="Legal Expertise" > Legal Expertise</a> <a href="/governance-and-program-management/" class="cat-item-link " aria-label="Governance and Program Management" > Governance and Program Management</a> <a href="/academy-and-training/" class="cat-item-link " aria-label="Academy and Training" > Academy and Training</a> </div> </li> <li class="cat-item col-md-3 col-xs-12 sub_menu_2_column"> <div class="children-menu"> <a href="#" class="cat-item-link purple-item" aria-label="Fast Track" > Fast Track</a> <a href="/vpats-acrs-and-conformance-statements/" class="cat-item-link " aria-label="VPATs, Certifications, and Statements" > VPATs, Certifications, and Statements</a> <a href="/ada-title-ii-compliance-support/" class="cat-item-link " aria-label="ADA Title II Compliance Support" > ADA Title II Compliance Support</a> <a href="/accessibility-audit/" class="cat-item-link " aria-label="Accessibility Audit" > Accessibility Audit</a> <a href="/demand-letter/" class="cat-item-link " aria-label="Demand Letter Review" > Demand Letter Review</a> </div> </li> </ul> </div> </div> </li> <li class="menu-item menu-item-children"> <button type="button" aria-controls="resources-region" aria-expanded="false" class="menu-item-link" data-submenu="/resources/"> Resources </button> <div role="region" id="resources-region" aria-labelledby="resources-heading" class="sub-menu Resources_submenu"> <div class="sub-menu-header"> <div class="sub-menu-header-content align-items-center h-100"> <h3 id="resources-heading" class="sub-menu-back-btn" aria-label="Insights & Resources, Back">Insights & Resources</h3> <a href="/faq/" class="" aria-label="FAQ" > FAQ</a> </div> </div> <div class="sub-menu-categories container"> <ul class="sub-menu-categories-listing row"> <li class="cat-item col-md-3 col-xs-12 description_colmn"> <p class="sub-menu-categories-text">A library of insights and resources for expert perspectives to improve your knowledge and advance your strategy.</p> <a href="/resources/" class="see_all_link btn-primary" aria-label="Insights and Resources overview" > Insights and Resources overview</a> </li> <li class="cat-item col-md-3 col-xs-12 sub_menu_1_culmn"> <div class="children-menu"> <a href="#" class="cat-item-link purple-item" aria-label="Insights " > Insights </a> <a href="https://www.levelaccess.com/ada-title-ii-compliance-resources/" class="cat-item-link " aria-label="ADA Title II Compliance Resources" > ADA Title II Compliance Resources</a> <a href="/agile-accessibility/" class="cat-item-link " aria-label="Agile Accessibility" > Agile Accessibility</a> <a href="/state-of-digital-accessibility/" class="cat-item-link " aria-label="State of Digital Accessibility" > State of Digital Accessibility</a> </div> </li> <li class="cat-item col-md-3 col-xs-12 sub_menu_2_column"> <div class="children-menu"> <a href="#" class="cat-item-link purple-item" aria-label="Resources" > Resources</a> <a href="/compliance-overview/" class="cat-item-link " aria-label="Compliance Laws" > Compliance Laws</a> <a href="/blog/" class="cat-item-link " aria-label="Blogs" > Blogs</a> <a href="/webinar/" class="cat-item-link " aria-label="Webinars" > Webinars</a> <a href="/guides/" class="cat-item-link " aria-label="Guides" > Guides</a> <a href="https://www.levelaccess.com/info-sheets/" class="cat-item-link " aria-label="Info Sheets" > Info Sheets</a> </div> </li> </ul> </div> </div> </li> <li class="menu-item "> <a href="/customers/" class="menu-item-link" aria-label="Customers"> Customers </a> </li> </ul> <div class="header_submenu header_submenu-left"> <ul id="menu-subheader-mobile" class="submenu"> <li class="submenu-item"> <a href="/partner-with-level-access/" aria-label="Partners">Partners</a> </li> <li class="submenu-item"> <a href="#openmymodal" aria-label="Request a demo" aria-haspopup="dialog" aria-expanded="false" aria-controls="accessibleModal" class="open-modal-link">Request a demo</a> </li> <li class="submenu-item account-link-mobile"> <a href="https://dashboard.essentialaccessibility.com/login" class="header_account_link" aria-label="Account Login to Level Access Accessibility Platform" > Account login</a> </li> </ul> </div> </nav> </div> </div> <div class="header_right"> <div class="header_submenu header_submenu-right"> <ul id="menu-subheader" class="submenu"> <li class="submenu-item"> <a href="/partner-with-level-access/" aria-label="Partners">Partners</a> </li> <li class="submenu-item"> <a href="#openmymodal" aria-label="Request a demo" aria-haspopup="dialog" aria-expanded="false" aria-controls="accessibleModal" class="open-modal-link">Request a demo</a> </li> </ul> </div> <div class="header_login"> <div class="header_search"> <button class="search_icon open-search" aria-label="to open Search bar" role="button" aria-expanded="false" aria-controls="search_bar"> <span class="visually-hidden">Open Search bar</span> </button> <div class="search_bar" id="search_bar"> <form action="https://www.levelaccess.com/" method="get"> <label for="searchfield" class="visually-hidden">Search:</label> <input type="text" name="s" id="searchfield" placeholder="Search..." autocomplete="off" aria-label="Search" aria-labelledby="search-button"> <button type="submit" class="icon-search" aria-label="Search" role="button" id="search-button"> <span class="visually-hidden">Search Button</span> </button> </form> </div> </div> <div class="header_account"> <a href="https://dashboard.essentialaccessibility.com/login" class="header_account_link" aria-label="Account Login to Level Access Accessibility Platform" ><span class="visually-hidden">Account login</span></a> </div> <button class="menu_icon" id="menu_icon" role="button" aria-expanded="false" tabindex="0"> <span class="visually-hidden">Main Menu</span> <span class="menu_icon_line menu_icon_line_1"></span> <span class="menu_icon_line menu_icon_line_2"></span> <span class="menu_icon_line menu_icon_line_3"></span> </button> </div> </div> </div> </div> </header>  <div id="accessibleModal" class="modal request-modal" aria-hidden="true" role="dialog" aria-labelledby="modalTitle" aria-describedby="modalDesc"> <div class="modal-content"> <div class="modal-header dark-blue-background">  <div class="line-top"> <div class="square"></div> </div> <div class="image"> <img src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/img/calendar-icon.svg" alt="" class="" /> </div> <button class="close-btn" aria-label="Close modal"><span>×</span></button> <h2 id="modalTitle" class="modal-title">Request a Demo</h2> <p>Schedule your customized solution demo and learn how we can help you <strong>manage and maintain the accessibility</strong> of your websites, apps, digital products, and more.</p> </div> <div id="modalDesc" class="modal-body">  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <script> hbspt.forms.create({ portalId: "5358007", formId: "438e4754-6f9c-4e2f-aacc-461f23cad8d0", sfdcCampaignId: "7012T000000shKDQAY", css: "", /* onFormSubmit: function ($form) { var myInput = document.getElementById("firstname-d79f83bb-33bd-40b5-9487-64c896462417"); if (myInput && myInput.value) { window.location.href = "/thank-you-register-the-fifth-annual-state-of-digital-accessibility-report-key-takeaways-for-2024/"; } $('input[name="url"]').val(window.location.href).change(); }*/ }); </script> </div> <div class="square-corner-decorator"> <div class="top-corner"></div> <div class="bottom-corner"></div> </div> </div> </div> <script> // Elements const modal = document.getElementById('accessibleModal'); const closeModalBtn = document.querySelector('.close-btn'); let lastFocusedElement = null; let focusTrap = null; // Function to update and return focusable elements const getFocusableElements = (element) => { return Array.from( element.querySelectorAll( 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])' ) ); }; // Function to trap focus within the modal const trapFocus = (element, prevFocusableElement = document.activeElement) => { let focusableEls = getFocusableElements(element); const firstFocusableEl = focusableEls[0]; const lastFocusableEl = focusableEls[focusableEls.length - 1]; let currentFocus = null; if (firstFocusableEl) { firstFocusableEl.focus(); currentFocus = firstFocusableEl; } const handleFocus = e => { e.preventDefault(); focusableEls = getFocusableElements(element); // Update focusable elements list if (focusableEls.includes(e.target)) { currentFocus = e.target; } else { if (currentFocus === firstFocusableEl) { lastFocusableEl.focus(); } else { firstFocusableEl.focus(); } currentFocus = document.activeElement; } }; document.addEventListener("focus", handleFocus, true); return { onClose: () => { document.removeEventListener("focus", handleFocus, true); prevFocusableElement.focus(); } }; }; // Function to open the modal function openModal(e) { e.preventDefault(); // Prevent the default anchor link behavior lastFocusedElement = document.activeElement; // Save last focused element if (modal.style.display === 'block') return; // Exit if modal already open modal.style.display = 'block'; // Display modal modal.setAttribute('aria-hidden', 'false'); // Set aria-hidden to false const openModalLinks = document.querySelectorAll('.open-modal-link'); openModalLinks.forEach(link => { link.setAttribute('aria-expanded', 'true'); // Update aria-expanded for all links }); document.body.style.overflow = 'hidden'; // Disable background scrolling focusTrap = trapFocus(modal, lastFocusedElement); // Initialize the focus trap // Focus on the first focusable element or modal itself if no focusable elements const focusableElements = getFocusableElements(modal); if (focusableElements.length > 0) { focusableElements[0].focus(); } else { modal.focus(); } } // Function to close the modal function closeModal() { modal.style.display = 'none'; // Hide modal modal.setAttribute('aria-hidden', 'true'); // Set aria-hidden to true const openModalLinks = document.querySelectorAll('.open-modal-link'); openModalLinks.forEach(link => { link.setAttribute('aria-expanded', 'false'); // Update aria-expanded for all links }); document.body.style.overflow = ''; // Restore background scrolling if (lastFocusedElement) lastFocusedElement.focus(); // Restore focus to last focused element if (focusTrap) { focusTrap.onClose(); focusTrap = null; } } // Event listener to close modal when clicking outside the modal content modal.addEventListener('click', (event) => { if (event.target === modal) { closeModal(); } }); // Global event listener to detect anchor link clicks document.addEventListener('click', function(e) { const target = e.target.closest('a[href*="#openmymodal"]'); // Check if clicked element is an <a> with href containing "#openmymodal" if (target) { openModal(e); // Open modal if condition is met } }); // Event listener for closing modal closeModalBtn.addEventListener('click', closeModal); // Close modal on Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeModal(); } }); </script> <div class="resource" id="maincontent"> <div class="blocks"> <section class="block block--hf block-hubspot-form form-half background-dark patern-bg"> <div class="content-container container"> <div class="columns-row"> <div class="column column-left"> <h1 class="entry-title">Agile Accessibility in Development</h1> <div class="text-and-image"> <p>Addressing digital accessibility doesn’t need to drain development hours or compete with innovation.</p> <p>Download our practical guide, Agile Accessibility in Development, to learn how your development team can adopt more efficient, proactive processes for ensuring accessibility.</p> </div> </div> <div class="column column-right">  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <script> hbspt.forms.create({ region: "na1", portalId: "5358007", formId: "0fb23d98-a4ab-422e-bc9f-6838755ad7a4", css: "", onFormSubmit: function ($form) { var myInput = document.getElementById("firstname-0fb23d98-a4ab-422e-bc9f-6838755ad7a4"); if (myInput && myInput.value) { // Redirect with a delay setTimeout(function() { window.location.href = "/download-guide-agile-accessibility-in-development/"; }, 2000); // 2000 milliseconds = 2 seconds delay } $('input[name="url"]').val(window.location.href).change(); } }); </script> </div> </div> </div> </section> <section class="block block--text block--text--title-Top"> <div class="container"> <div class="content-block"> <div class="content-block-inner"> <div class="content-block-inner--column-left"> <h2>Streamline remediation, unlock innovation</h2> </div> <div class="content-block-inner--column-right"> <p>The status-quo, reactive approach to digital accessibility leaves developers overwhelmed with issues to fix, draining time from new projects. The alternative? In an agile approach, development teams tackle remediation in manageable, bite-sized segments that directly support organizational priorities. And they embed accessibility checks throughout the build process for new digital experiences, minimizing remediation work needed in the future. Download this guide to learn:</p> <ul> <li>The primary advantages of adopting agile accessibility in development</li> <li>Tools and processes for efficiently addressing accessibility when you’re building, updating, and remediating digital experiences.</li> <li>How to apply agile accessibility to different development methodologies.</li> <li style="text-align: left">Tips for managing a shift to agile accessibility across your development function</li> </ul> <p> </p> </div> <a href="#" class="btn-primary" aria-label="Download our guide" > Download our guide</a> </div> </div> </div> </section> <section class="block block--four-thumbnail block--fcrc listing - type - manual content - typeresource fcrc-list-block-without-thumbnail"> <div class="content-container container"> <p class="tagline"></p> <div class="title-and-cta"> <h2>Related guides</h2> <a href="/guides/" class="btn-secondary color-plum" aria-label="Explore all" > Explore all</a> </div> <div class="resources-articles"> <ul class="fcrc-card-list ps-0"> <li class="teaser teaser-listing teaser-resource"> <div class="info"> <span> Guides </span> <span class="reading-time"><span class="separator"></span>June 2, 2023</span> </div> <h3><a href="https://www.levelaccess.com/resources/getting-started-with-agile-accessibility-a-five-step-guide/"><span class="visually-hidden">Read more about </span> Getting Started with Agile Accessibility: A Five-Step Guide</a></h3> </li> <li class="teaser teaser-listing teaser-resource"> <div class="info"> <span> Guides </span> <span class="reading-time"><span class="separator"></span>August 21, 2023</span> </div> <h3><a href="https://www.levelaccess.com/resources/agile-accessibility-in-ux-and-ui-design/"><span class="visually-hidden">Read more about </span> Agile Accessibility in UX and UI Design</a></h3> </li> <li class="teaser teaser-listing teaser-resource"> <div class="info"> <span> Guides </span> <span class="reading-time"><span class="separator"></span>September 11, 2023</span> </div> <h3><a href="https://www.levelaccess.com/resources/agile-accessibility-in-product-management/"><span class="visually-hidden">Read more about </span> Agile Accessibility in Product Management</a></h3> </li> <li class="teaser teaser-listing teaser-resource"> <div class="info"> <span> Guides </span> <span class="reading-time"><span class="separator"></span>July 7, 2023</span> </div> <h3><a href="https://www.levelaccess.com/resources/the-new-accessibility-audit-a-user-first-approach/"><span class="visually-hidden">Read more about </span> The New Accessibility Audit: A User-First Approach</a></h3> </li> </ul> </div> </div> </section> <section class="block block-call-out patern-bg block-call-out--variation-two"> <div class="container"> <div class="mini-decorator"></div> <div class="container-inner"> <div class="content-box"> <h2>Ready to get started?</h2> <div class="actions dark"> <a href="/request-a-demo/" class="btn-primary" aria-label="Request a demo" > Request a demo</a> </div> </div> <div class="decorator-container"> <div class="decorator-container--inner"> <div class="image"> </div> </div> </div> <div class="square-corner-decorator"> <div class="top-corner"></div> <div class="bottom-corner"></div> </div> </div> </div> </section> </div> </div> <script nitro-exclude> document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/; SameSite=Lax'; </script> <footer class="footer_main"> <div class="footer_container container"> <div class="footer_block"> <div class="row"> <div class="col-md-3 col-lg-3"><div class="footer_left"> <div class="footer_logo"> <img src="https://www.levelaccess.com/wp-content/uploads/2024/10/la-logo-opt.svg" alt="Level Access logo" width="120" height="56" /> </div> <div class="footer_contact_details"> <p>1310 N Courthouse Road<br /> Suite 860<br /> Arlington, VA 22201<br /> 1-800-889-9659<br /> <a href="mailto:info@levelaccess.com">info@levelaccess.com</a></p> </div> <div class="footer_social"> <p class="h6">Follow us</p> <div class="socials"> <div class="social"> <a href="https://twitter.com/levelaccessa11y" aria-label="Level Access account on X social media" target="_blank>" > <img src="https://www.levelaccess.com/wp-content/uploads/2023/10/Frame-740.svg" alt="X previously Twitter logo" class=""/> </a> </div> <div class="social"> <a href="https://www.youtube.com/@LevelAccessA11y" aria-label="Level Access account on YouTube" target="_blank>" > <img src="https://www.levelaccess.com/wp-content/uploads/2023/10/youtube.svg" alt="YouTube icon" class=""/> </a> </div> <div class="social"> <a href="https://www.linkedin.com/company/level-access/" aria-label="Level Access account on LinkedIn" target="_blank>" > <img src="https://www.levelaccess.com/wp-content/uploads/2023/10/linkedin.svg" alt="LinkedIn logo" class=""/> </a> </div> </div> </div> </div></div> <div class="col-md-9 col-lg-9"> <div class="footer_right"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="footer_menu"> <span class="footer-title">Solutions</span> <div class="footer_menu_1"><ul id="menu-footer-menu-1" class="menu"><li id="menu-item-52259" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/solutions-overview/" aria-label="Solutions Overview">Solutions Overview</a></li></li> <li id="menu-item-52260" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/get-compliant/" aria-label="Get Compliant">Get Compliant</a></li></li> <li id="menu-item-52261" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/build-for-accessibility/" aria-label="Build for Accessibility">Build for Accessibility</a></li></li> <li id="menu-item-52262" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/scale-a-program/" aria-label="Scale a Program">Scale a Program</a></li></li> <li id="menu-item-52263" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/accessibility-for-the-enterprise/" aria-label="Accessibility for the Enterprise">Accessibility for the Enterprise</a></li></li> <li id="menu-item-52369" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/accessibility-for-financial-services-providers/" aria-label="Accessibility for Financial Services Providers">Accessibility for Financial Services Providers</a></li></li> <li id="menu-item-52264" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/accessibility-for-the-public-sector/" aria-label="Accessibility for the Public Sector">Accessibility for the Public Sector</a></li></li> <li id="menu-item-52265" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/retail/" aria-label="Accessibility for Retail and Consumer Brands">Accessibility for Retail and Consumer Brands</a></li></li> <li id="menu-item-52266" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/accessibility-for-software-vendors/" aria-label="Accessibility for Software Vendors">Accessibility for Software Vendors</a></li></li> </ul></div></div> </div> <div class="col-md-3 col-sm-6"> <div class="footer_menu"> <span class="footer-title">Insight & Resources</span> <div class="footer_menu_3"><ul id="menu-footer-menu-3" class="menu"><li id="menu-item-52281" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/resources/" aria-label="Insight and Resources">Insight and Resources</a></li></li> <li id="menu-item-52927" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/ada-title-ii-compliance-resources/" aria-label="ADA Title II Compliance Resources">ADA Title II Compliance Resources</a></li></li> <li id="menu-item-52282" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/agile-accessibility/" aria-label="Agile Accessibility">Agile Accessibility</a></li></li> <li id="menu-item-44781" class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/state-of-digital-accessibility/" aria-label="State of Digital Accessibility">State of Digital Accessibility</a></li></li> <li id="menu-item-52283" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/compliance-overview/" aria-label="Compliance Laws">Compliance Laws</a></li></li> <li id="menu-item-52284" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/blog/" aria-label="Blogs">Blogs</a></li></li> <li id="menu-item-52285" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/webinar/" aria-label="Webinars">Webinars</a></li></li> <li id="menu-item-52286" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/guides/" aria-label="Guides">Guides</a></li></li> <li id="menu-item-52287" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/glossaries/" aria-label="Glossary">Glossary</a></li></li> <li id="menu-item-52800" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/info-sheets/" aria-label="Info Sheets">Info Sheets</a></li></li> <li id="menu-item-52288" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/faq/" aria-label="Frequently Asked Questions">Frequently Asked Questions</a></li></li> </ul></div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="footer_menu"> <span class="footer-title">Platform & Services</span> <div class="footer_menu_2"><ul id="menu-footer-menu-2" class="menu"><li id="menu-item-52267" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/platform-services-overview/" aria-label="Platform & Services Overview">Platform & Services Overview</a></li></li> <li id="menu-item-52268" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/auditing-and-testing/" aria-label="Auditing and Testing">Auditing and Testing</a></li></li> <li id="menu-item-52874" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/automated-remediation-and-user-personalization/" aria-label="Automated Remediation and User Personalization">Automated Remediation and User Personalization</a></li></li> <li id="menu-item-52271" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/reporting-and-analytics/" aria-label="Reporting and Analytics">Reporting and Analytics</a></li></li> <li id="menu-item-53565" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/vpats-acrs-and-conformance-statements/" aria-label="VPATs ACRS and Conformance Statements">VPATs ACRS and Conformance Statements</a></li></li> <li id="menu-item-52270" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/legal-expertise/" aria-label="Legal Expertise">Legal Expertise</a></li></li> <li id="menu-item-52877" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/academy-and-training/" aria-label="Academy and Training">Academy and Training</a></li></li> <li id="menu-item-52272" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/designer-tools/" aria-label="Designer Tools">Designer Tools</a></li></li> <li id="menu-item-52273" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/developer-tools/" aria-label="Developer Tools">Developer Tools</a></li></li> <li id="menu-item-52274" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/collaboration-and-workflow-management/" aria-label="Collaboration and Workflow Management">Collaboration and Workflow Management</a></li></li> <li id="menu-item-52275" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/integrations-and-api/" aria-label="Integrations and API">Integrations and API</a></li></li> <li id="menu-item-52276" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/governance-and-program-management/" aria-label="Governance and Program Management">Governance and Program Management</a></li></li> </ul></div> </div></div> <div class="col-md-3 col-sm-6 mr-0"> <div class="footer_menu"> <span class="footer-title">Customers</span> <div class="footer_menu_4"><ul id="menu-footer-menu-4" class="menu"><li id="menu-item-52013" class=" menu-item menu-item-type-custom menu-item-object-custom"><a href="/customers/" aria-label="Customer Stories">Customer Stories</a></li></li> </ul></div> </div> <div class="footer_menu"> <span class="footer-title">Company</span> <div class="footer_menu_5"><ul id="menu-footer-menu-5" class="menu"><li id="menu-item-52289" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/company/" aria-label="Company Overview">Company Overview</a></li></li> <li id="menu-item-52290" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/careers/" aria-label="Careers">Careers</a></li></li> <li id="menu-item-52291" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/events/" aria-label="Events">Events</a></li></li> <li id="menu-item-52292" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="https://www.levelaccess.com/news/" aria-label="Newsroom">Newsroom</a></li></li> </ul></div> </div></div> </div> </div></div> </div> </div> <div class="footer-copyright"> <p class="copyright_text"> Copyright © Level Access 2024. All Rights Reserved. </p> <div class="footer-menu-block"> <p class="visually-hidden"> Footer menu copyright </p> <div class="footer_menu_copyright"><ul id="menu-footer-menu-copyright" class="menu"><li id="menu-item-52680" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52680"><a href="https://www.levelaccess.com/website-terms-service/" aria-label="Terms of Service">Terms of Service</a></li> <li id="menu-item-52679" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52679"><a href="https://www.levelaccess.com/accessibility-statement/" aria-label="Accessibility Statement">Accessibility Statement</a></li> <li id="menu-item-52678" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-52678"><a rel="privacy-policy" href="https://www.levelaccess.com/privacy-statement/" aria-label="Privacy Statement">Privacy Statement</a></li> <li id="menu-item-52676" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52676"><a href="https://www.levelaccess.com/security/" aria-label="Security">Security</a></li> <li id="menu-item-52677" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52677"><a href="https://www.levelaccess.com/contact/" aria-label="Contact Us">Contact Us</a></li> </ul></div> </div> </div> <a href="#" id="back-to-top" class="back-to-top" title="Back to top" aria-label="Back to top" style="display: none;"></a> </div> </footer>  <script type="text/javascript"> // UTM KEEPER function initUtmKeeper() { function setSessionItem(name, value) { if (sessionStorage.getItem(name) === null) { sessionStorage.setItem(name, value); console.log(name + ' sessionStorage item generated with the value of: ' + value); } } setSessionItem('la_full_url', document.URL); // Save last URL seen let doc_ref = document.referrer; if (doc_ref.includes('levelaccess.com')) doc_ref = ''; setSessionItem('la_ref', doc_ref); // Save last ref setTimeout(attributer, 150); } function attributer() { function sourceMedium(dict) { const organic_medium = 'organic'; const social_medium = 'social_media'; const referral_medium = 'referral'; const direct_source = 'direct'; const direct_medium = 'none'; const map = { 'google.': {'utm_source': 'google', 'utm_medium': organic_medium}, 'bing.': {'utm_source': 'bing', 'utm_medium': organic_medium}, 'duckduckgo.': {'utm_source': 'duckduckgo', 'utm_medium': organic_medium}, 'yahoo.': {'utm_source': 'yahoo', 'utm_medium': organic_medium}, 'yandex.': {'utm_source': 'yandex', 'utm_medium': organic_medium}, 'facebook.': {'utm_source': 'facebook', 'utm_medium': social_medium}, 'twitter.': {'utm_source': 'twitter', 'utm_medium': social_medium}, 'linkedin.': {'utm_source': 'linkedin', 'utm_medium': social_medium}, 'instagram.': {'utm_source': 'instagram', 'utm_medium': social_medium}, 'reddit.': {'utm_source': 'reddit', 'utm_medium': social_medium}, 'tiktok.': {'utm_source': 'tiktok', 'utm_medium': social_medium}, 'youtube.': {'utm_source': 'youtube', 'utm_medium': social_medium}, 'pinterest.': {'utm_source': 'pinterest', 'utm_medium': social_medium}, 'vimeo.': {'utm_source': 'vimeo', 'utm_medium': social_medium}, 'github.': {'utm_source': 'github', 'utm_medium': social_medium}, 'vk.': {'utm_source': 'vk', 'utm_medium': social_medium}, 'wattpad.': {'utm_source': 'wattpad', 'utm_medium': social_medium}, 'deviantart.': {'utm_source': 'deviantart', 'utm_medium': social_medium}, 'tumblr.': {'utm_source': 'tumblr', 'utm_medium': social_medium}, 'whatsapp.': {'utm_source': 'whatsapp', 'utm_medium': social_medium}, 'quora.': {'utm_source': 'quora', 'utm_medium': social_medium}, 'twitch.tv': {'utm_source': 'twitch.tv', 'utm_medium': social_medium}, }; const ref = dict['ref'] || ''; if (!dict['utm_source']) { if (ref === '') { dict['utm_source'] = direct_source; dict['utm_medium'] = direct_medium; } else { const map_keys = Object.keys(map); const map_regex = new RegExp(map_keys.join("|"), "i"); if (map_regex.test(ref)) { map_keys.forEach(function (key) { if (ref.includes(key)) { dict['utm_source'] = map[key]['utm_source']; dict['utm_medium'] = map[key]['utm_medium']; } }); } else { dict['utm_source'] = new URL(ref).hostname.replace("www.",""); dict['utm_medium'] = referral_medium; } } } } function parseParams(dict) { const full_url = dict['full_url']; if (full_url.includes('?')) { const url_params = full_url.split('?')[1].split('&'); url_params.forEach(function (pair) { if (pair.includes('=')) { const param_key = pair.split('=')[0]; const param_val = pair.split('=')[1]; if (utm_params.includes(param_key)) { dict[param_key] = decodeURI(param_val); } } }); } } function genDict() { const dict = { 'ref': sessionStorage.getItem('la_ref'), 'full_url': sessionStorage.getItem('la_full_url') }; parseParams(dict); sourceMedium(dict); utm_params.forEach(function (param) { if (!dict[param]) dict[param] = 'null'; }); return dict; } att = genDict(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'attributer', 'creator': 'Terrific-Digital.com', 'att': att }); } const utm_params = ['utm_source', 'utm_medium', 'utm_campaign', 'campaign_id', 'utm_content', 'adset_id', 'utm_ad', 'ad_id', 'utm_term', 'keyword_id', 'matchtype', 'search_query', 'placement', 'network', 'device', 'GeoLoc', 'IntLoc', 'gclid', 'dclid', 'gbraid', 'wbraid', 'fbclid', 'msclkid', 'li_fat_id', 'dicbo', 'tblci', 'ttclid', 'rdt_cid', 'twclid', 'yclid']; let att; initUtmKeeper(); // HUBSPOT FORMS UTM POPULATOR function hsFormExist() { const hsForm = document.querySelector('form.hs-form'); if (hsForm) { console.log("HubSpot form is visible."); return true; } else { return false; } } function populateUtm(name, value) { name = name.toLowerCase(); const input_field = document.querySelectorAll('.hs-form input[name="' + name + '"]'); if (input_field.length !== 0) { input_field.forEach(function (element) { element.setAttribute("value", value) console.log("✅ Hidden field '"+ name +"' was populated with the value of '" + value + "'") }); } else { console.log("🚫 Hidden field '"+ name +"' was not found on this page") } } function getCookie(cookie_name) { const all_cookies = '; ' + document.cookie; const parts = all_cookies.split('; ' + cookie_name + '='); if (parts.length === 2) return parts.pop().split(';').shift(); else return ''; } function initPopulator() { pop_attempts++; if (hsFormExist()) { utm_params.forEach(function (param) { populateUtm(param, att[param]); }); populateUtm('user_agent', navigator.userAgent); populateUtm('user_ip', getCookie('_uip')); populateUtm('ga_client_id', getCookie('_ga').slice(6)); populateUtm('ga_session_id', getCookie('_ga_ZV0B8E4Y37').slice(6)); populateUtm('fbp', getCookie('_fbp')); populateUtm('fbc', getCookie('_fbc')); populateUtm('ttp', getCookie('_ttp')); populateUtm('url', document.URL); populateUtm('conversion_page', document.title); } else if (pop_attempts < max_pop_attempts) { setTimeout(initPopulator, 500); } } let pop_attempts = 0; const max_pop_attempts = 10; setTimeout(initPopulator, 500); // QUALIFIED.COM HIDDEN FIELDS POPULATOR function populateQualified() { if (qualified) { const qualified_fields = { 'user_agent': navigator.userAgent, 'user_ip': getCookie('_uip'), 'ga_client_id': getCookie('_ga').slice(6), 'ga_session_id': getCookie('_ga_ZV0B8E4Y37').slice(6), 'fbp': getCookie('_fbp'), 'fbc': getCookie('_fbc'), 'ttp': getCookie('_ttp'), 'url': document.URL, 'conversion_page': document.title }; utm_params.forEach(function (param) { qualified_fields[param] = att[param] }); qualified('identify', qualified_fields); } else { setTimeout(populateQualified, 500); } } setTimeout(populateQualified, 500); </script>   <script> function approveCB() { if (typeof(Cookiebot) === 'object') { const cb_country = Cookiebot.userCountry.toLowerCase(); if (cb_country === 'ca' || cb_country.includes('us')) { if (Cookiebot.consent.statistics === false) { // only if cookies are still not approved Cookiebot.submitCustomConsent(true, true, true, true); // approve all cookies } } } else { setTimeout(approveCB, 200); // loop function if script didn't fire yet } } approveCB(); </script>   <script> (function(w,q){w['QualifiedObject']=q;w[q]=w[q]||function(){ (w[q].q=w[q].q||[]).push(arguments)};})(window,'qualified') </script> <script async src="https://js.qualified.com/qualified.js?token=6Zw1zZUveic3n3qe"></script>  <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/lib/slick.min.js" id="slider-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/utility.min.js?ver=1.0.3" id="utility-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/scripts.min.js?ver=1.0.8" id="script-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/alert.min.js?ver=1.0.8" id="alert-js"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/ajax-testimonials.min.js?ver=1.0.3" id="ajax-testimonials-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/ajax-partners.min.js?ver=1.0.3" id="ajax-partners-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/ajax-listing.min.js?ver=1.0.3" id="ajax-listing-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/min/ajax-customer-stories.min.js?ver=1.0.3" id="ajax-customer-stories-js" data-cookieconsent="ignore"></script> <script src="https://www.levelaccess.com/wp-content/themes/newptheme/assets/js/misc.js?ver=1.0.3" id="misc-js"></script> <script id="wp-consent-api-js-extra"> var consent_api = {"consent_type":"optin","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"}; </script> <script src="https://www.levelaccess.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js" id="wp-consent-api-js"></script> </body> </html>

CINXE.COM

Agile Accessibility in Development | Level Access