CINXE.COM

Broken ARIA Reference Explained - Make Your Website Accessible

<!DOCTYPE html> <html lang="en-US"> <head > <meta charset="UTF-8" /> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); /* ]]> */ </script> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.3 - https://yoast.com/wordpress/plugins/seo/ --> <title>Broken ARIA Reference Explained - Make Your Website Accessible</title> <meta name="description" content="Detailed explanation of “Broken ARIA Reference” accessibility errors. Find out what to do if you see this problem in Accessibility Checker." /> <link rel="canonical" href="https://equalizedigital.com/accessibility-checker/broken-aria-reference/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Broken ARIA Reference Explained - Make Your Website Accessible" /> <meta property="og:description" content="Detailed explanation of “Broken ARIA Reference” accessibility errors. Find out what to do if you see this problem in Accessibility Checker." /> <meta property="og:url" content="https://equalizedigital.com/accessibility-checker/broken-aria-reference/" /> <meta property="og:site_name" content="Equalize Digital" /> <meta property="article:modified_time" content="2024-04-07T21:02:31+00:00" /> <meta property="og:image" content="https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1024x77.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="9 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/","url":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/","name":"Broken ARIA Reference Explained - Make Your Website Accessible","isPartOf":{"@id":"https://equalizedigital.com/#website"},"primaryImageOfPage":{"@id":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/#primaryimage"},"image":{"@id":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/#primaryimage"},"thumbnailUrl":"","datePublished":"2020-04-02T18:33:10+00:00","dateModified":"2024-04-07T21:02:31+00:00","description":"Detailed explanation of “Broken ARIA Reference” accessibility errors. Find out what to do if you see this problem in Accessibility Checker.","breadcrumb":{"@id":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://equalizedigital.com/accessibility-checker/broken-aria-reference/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https://equalizedigital.com/accessibility-checker/broken-aria-reference/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://equalizedigital.com/"},{"@type":"ListItem","position":2,"name":"Broken ARIA Reference"}]},{"@type":"WebSite","@id":"https://equalizedigital.com/#website","url":"https://equalizedigital.com/","name":"Equalize Digital","description":"Website Accessibility Consulting, Training, and Development","publisher":{"@id":"https://equalizedigital.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://equalizedigital.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://equalizedigital.com/#organization","name":"Equalize Digital","url":"https://equalizedigital.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://equalizedigital.com/#/schema/logo/image/","url":"https://equalizedigital.com/wp-content/uploads/2021/01/ED-Brand-FullColor-F_TM-V2.png","contentUrl":"https://equalizedigital.com/wp-content/uploads/2021/01/ED-Brand-FullColor-F_TM-V2.png","width":862,"height":313,"caption":"Equalize Digital"},"image":{"@id":"https://equalizedigital.com/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//use.fontawesome.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel="alternate" type="text/calendar" title="Equalize Digital &raquo; iCal Feed" href="https://equalizedigital.com/events/?ical=1" /> <link rel='stylesheet' id='tribe-events-pro-mini-calendar-block-styles-css' href='https://equalizedigital.com/wp-content/plugins/events-calendar-pro/src/resources/css/tribe-events-pro-mini-calendar-block.min.css?ver=7.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='road-warrior-creative-base-theme-css' href='https://equalizedigital.com/wp-content/themes/accessible-web-pros/style.css?ver=1.0.8' type='text/css' media='all' /> <style id='road-warrior-creative-base-theme-inline-css' type='text/css'> .wp-custom-logo .site-container .title-area { max-width: 200px; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://equalizedigital.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='ultimate_blocks-cgb-style-css-css' href='https://equalizedigital.com/wp-content/plugins/ultimate-blocks/dist/blocks.style.build.css?ver=674b29ad302bd' type='text/css' media='all' /> <link rel='stylesheet' id='kioken-blocks-style-css' href='https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/blocks.style.build.css?ver=1.3.9' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--yellow: #f3cd1e;--wp--preset--color--blue: #015798;--wp--preset--color--navy: #072446;--wp--preset--color--light-grey: #f3f4fe;--wp--preset--color--grey-body-copy: #353537;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 20px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 18px;--wp--preset--font-size--larger: 24px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='srtf-blocks-editor-css-css' href='https://equalizedigital.com/wp-content/plugins/screen-reader-text-format/dist/main.css?ver=0.2' type='text/css' media='all' /> <link rel='stylesheet' id='searchandfilter-css' href='https://equalizedigital.com/wp-content/plugins/search-filter/style.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='ub-extension-style-css-css' href='https://equalizedigital.com/wp-content/plugins/ultimate-blocks/src/extensions/style.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='affwp-forms-css' href='https://equalizedigital.com/wp-content/plugins/affiliate-wp/assets/css/forms.min.css?ver=2.24.4' type='text/css' media='all' /> <link rel='stylesheet' id='uagb-block-css-css' href='https://equalizedigital.com/wp-content/uploads/uag-plugin/custom-style-blocks.css?ver=2.15.1' type='text/css' media='all' /> <link rel='stylesheet' id='rwc-base-fonts-css' href='https://equalizedigital.com/wp-content/cache/perfmatters/equalizedigital.com/fonts/90dc0aac8d03.google-fonts.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://equalizedigital.com/wp-includes/css/dashicons.min.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='rwc-font-awesome-css' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css?ver=1.0.8' type='text/css' media='all' /> <link rel='stylesheet' id='animate-css' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css?ver=1.0.8' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css' href='https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/vendor/slick/slick.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='slick-theme-css' href='https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/vendor/slick/slick-theme.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='simple-social-icons-font-css' href='https://equalizedigital.com/wp-content/plugins/simple-social-icons/css/style.css?ver=3.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='tablepress-default-css' href='https://equalizedigital.com/wp-content/uploads/tablepress-combined.min.css?ver=4' type='text/css' media='all' /> <link rel='stylesheet' id='gform_basic-css' href='https://equalizedigital.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://equalizedigital.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://equalizedigital.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://equalizedigital.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='popup-maker-site-css' href='//equalizedigital.com/wp-content/uploads/pum/pum-site-styles-1.css?generated=1729116861&#038;ver=1.19.1' type='text/css' media='all' /> <style id='block-visibility-screen-size-styles-inline-css' type='text/css'> /* Large screens (desktops, 992px and up) */ @media ( min-width: 992px ) { .block-visibility-hide-large-screen { display: none !important; } } /* Medium screens (tablets, between 768px and 992px) */ @media ( min-width: 768px ) and ( max-width: 991.98px ) { .block-visibility-hide-medium-screen { display: none !important; } } /* Small screens (mobile devices, less than 768px) */ @media ( max-width: 767.98px ) { .block-visibility-hide-small-screen { display: none !important; } } </style> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/handl-utm-grabber/js/js.cookie.js?ver=6.6.1" id="js.cookie-js"></script> <script type="text/javascript" id="handl-utm-grabber-js-extra"> /* <![CDATA[ */ var handl_utm = []; /* ]]> */ </script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/handl-utm-grabber/js/handl-utm-grabber.js?ver=6.6.1" id="handl-utm-grabber-js"></script> <script type="text/javascript" id="jquery-cookie-js-extra"> /* <![CDATA[ */ var affwp_scripts = {"ajaxurl":"https:\/\/equalizedigital.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/affiliate-wp/assets/js/jquery.cookie.min.js?ver=1.4.0" id="jquery-cookie-js"></script> <script type="text/javascript" id="affwp-tracking-js-extra"> /* <![CDATA[ */ var affwp_debug_vars = {"integrations":{"edd":"Easy Digital Downloads"},"version":"2.24.4","currency":"USD","ref_cookie":"affwp_ref","visit_cookie":"affwp_ref_visit_id","campaign_cookie":"affwp_campaign"}; /* ]]> */ </script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/affiliate-wp/assets/js/tracking.min.js?ver=2.24.4" id="affwp-tracking-js"></script> <script type="text/javascript" defer='defer' src="https://equalizedigital.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.18" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/equalizedigital.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/equalizedigital.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"03078a7566414b3b98e30e6ccd255d14","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/equalizedigital.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/equalizedigital.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"03078a7566414b3b98e30e6ccd255d14","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":0,"iconText":"Select date"}}; var gf_legacy_multi = {"45":""}; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/equalizedigital.com\/wp-content\/plugins\/gravityforms\/images"}}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://equalizedigital.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.18" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://equalizedigital.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script> <!-- Stream WordPress user activity plugin v4.0.2 --> <script type="pmdelayedscript" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> jQuery(function($){ // mailto function $('a[href^="mailto:"]').click(function(){ ga('send','event','mailto','click','email clicked'); return true; }); }); jQuery(function($){ // tel function $('a[href^="tel:"]').click(function(){ ga('send','event','tel','click','phone clicked'); return true; }); }); </script><meta name="facebook-domain-verification" content="a35nih95l5jaoddlry38yfqaju5drb" /> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '445194393567953'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=445194393567953&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Adwords Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11373621978" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-11373621978'); </script> <!-- End Adwords Code --> <!-- Hotjar Tracking Code for Equalize Digital --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2026314,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <!-- Google Review Schema --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "Equalize Digital Accessibility Checker", "operatingSystem": "WordPress", "applicationCategory": "UtilitiesApplication", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "5.0", "ratingCount": "46" }, "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } } </script> <style>#ub_table-of-contents-1a8c36f5-2bce-4ac8-8e3a-cf1c6e45fbe0{ }#ub_table-of-contents-1a8c36f5-2bce-4ac8-8e3a-cf1c6e45fbe0 .ub_table-of-contents-header{ text-align: left; } </style> <script type="text/javascript"> var AFFWP = AFFWP || {}; AFFWP.referral_var = 'ref'; AFFWP.expiration = 30; AFFWP.debug = 0; AFFWP.cookie_domain = '.equalizedigital.com'; AFFWP.referral_credit_last = 1; </script> <meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://equalizedigital.com"><link rel="alternate" href="https://equalizedigital.com/wp-json/tribe/events/v1/" /><style id="uagb-style-conditional-extension">@media (min-width: 1025px){body .uag-hide-desktop.uagb-google-map__wrap,body .uag-hide-desktop{display:none !important}}@media (min-width: 768px) and (max-width: 1024px){body .uag-hide-tab.uagb-google-map__wrap,body .uag-hide-tab{display:none !important}}@media (max-width: 767px){body .uag-hide-mob.uagb-google-map__wrap,body .uag-hide-mob{display:none !important}}</style><style id="uagb-style-frontend-1956">.uagb-block-5139d7de.uagb-section__wrap{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;margin-top: 0px;margin-bottom: 0px;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-style: solid;margin-right: auto;margin-left: auto;max-width: 900px;}.uagb-block-5139d7de > .uagb-section__video-wrap{opacity: 0.5;}.uagb-block-5139d7de > .uagb-section__inner-wrap{max-width: 100%;}.uagb-block-5139d7de.wp-block-uagb-section{box-shadow: 0px 0px ;}.uagb-block-5139d7de > .uagb-section__overlay{background-color: #ffffff;border-radius: ;}@media only screen and (max-width: 976px) {.uagb-block-5139d7de.uagb-section__wrap{border-style: solid;}}@media only screen and (max-width: 767px) {.uagb-block-5139d7de.uagb-section__wrap{border-style: solid;}}</style><link rel="icon" href="https://equalizedigital.com/wp-content/uploads/2020/09/cropped-Equalize-Digital-Accessibility-Emblem-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://equalizedigital.com/wp-content/uploads/2020/09/cropped-Equalize-Digital-Accessibility-Emblem-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://equalizedigital.com/wp-content/uploads/2020/09/cropped-Equalize-Digital-Accessibility-Emblem-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://equalizedigital.com/wp-content/uploads/2020/09/cropped-Equalize-Digital-Accessibility-Emblem-1-270x270.png" /> <style type="text/css" id="wp-custom-css"> .wp-block-buttons.aligncenter { text-align: center; justify-content: center; } .large-callout h2 { font-weight: 400; line-height: 1; margin-bottom: 0; } .large-callout p { line-height: 1; } .p-boxed { border-radius: 5px; box-shadow: 0 15px 35px rgba(50,50,93,0.1), 0 5px 15px rgba(0,0,0,0.09); } hr.wp-block-separator { border-top:4px solid; margin: 3em auto; } .single-post li { margin-bottom: 10px; } img.img-plain, .img-plain img { border-radius: 0; box-shadow: none; } .has-light-grey-background-color { background-color: #f3f4fe; } .client-logo { max-height: 45px; margin: 10px; } .footer-widgets .wrap { border-top: none; } @media only screen and (max-width: 1200px) { .check-list { -webkit-columns: 1; -moz-columns: 1; columns: 1; text-align:center; } } .uagb-team__title { font-size: 24px; margin-bottom: 0; } .uagb-team__prefix { Color: #353537 !important; font-style:normal !important; font-size: 18px !important; } .shared-counts-wrap.style-fancy .shared-counts-button { margin: 5px; } .shared-counts-wrap.style-fancy .shared-counts-button.included_total .shared-counts-label, .shared-counts-wrap.style-fancy .shared-counts-button.included_total { color: #072446 !important; font-size: 11px; } .shared-counts-wrap.style-fancy .shared-counts-button.included_total svg { fill: #072446 !important; } .shared-counts-wrap.after_content.style-fancy a { text-decoration: none; } .shared-counts-wrap.style-fancy .twitter.shared-counts-button, .shared-counts-wrap.style-slim .twitter.shared-counts-button, .shared-counts-wrap.style-classic .twitter.shared-counts-button, .shared-counts-wrap.style-block .twitter.shared-counts-button, .shared-counts-wrap.style-rounded .twitter.shared-counts-button, .shared-counts-wrap.style-buttons .twitter.shared-counts-button, .shared-counts-wrap.style-bar .twitter.shared-counts-button:not(.included_total) { background-color: #007EA8; } .offset-gallery-block video { border-radius:5px; box-shadow: 0 15px 35px rgba(50,50,93,0.1), 0 5px 15px rgba(0,0,0,0.09); } .table-of-contents-block { box-shadow: 0 0 15px 2px rgba(7,36,70,0.1) !important; border-radius: 5px !important; background-color: #ffffff; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 8px solid #F3CD1E !important; padding: 30px 30px !important; font-size: 16px; font-weight: 400; letter-spacing: 0.3px; line-height: 24px; padding-top: 13px; width: 100% !important; max-width:100% !important; margin-bottom: 40px; } .table-of-contents-block .uagb-section__overlay { border-radius: 5px; } .table-of-contents-block h2 { font-size: 20px; } .table-of-contents-block .ub_table-of-contents { background: none; border: none; padding:0; margin-bottom: 0 } .single-post .site-inner img, .single-a11y-checker .site-inner img { margin-bottom: 20px; } h4 { font-size: 18px; } h3 { font-size: 22px; } .wp-block-code { background-color: #f3f4fe; padding: 5px 16px; border-radius:5px; margin: 0 0 30px; } .highlight { background: #F3CD1E; color: #072446; } .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { background-color: #f3f4fe !important; } #gform_8 { max-width: 600px !important; } #gform_8 .gfield_label, .free-risk-assessment .gform_wrapper .gform_footer { text-align: center !important; width: 100%; } #gform_8 .gfield_required { display: none; } .partial_entry_warning { display: none; } th { font-weight: 700; } .drop-shadow figure img, .drop-shaddow { box-shadow: 0 0 15px 2px rgba(7,36,70,0.1) !important; } .border-radius figure img, .border-radius { border-radius: 5px !important; } .single-a11y-checker .awp-custom-hero { left: 0; right: 0; margin: 0; padding: 60px 0 0; text-align:left; width: 100%; } .single-a11y-checker .breadcrumb, .single-a11y-checker h1 { text-align:left; } .ed-side-label { font-weight:700; font-size: 18px; } .single-a11y-checker .sidebar h3 { font-size: 18px; font-weight: 700; } .searchandfilter #searchfield { width: 100%; padding: 10px !important; } #custom_html-8 { box-shadow: 0 0 15px 2px rgba(7,36,70,0.1) !important; border-radius: 5px; overflow: hidden; border-bottom: 8px solid #f3cd1e; } #custom_html-8 h3 { padding: 20px; text-align: center; background: #006600; color: #fff; border-radius: 5px 5px 0 0 !important; font-size: 22px; } #custom_html-8 ul { padding: 0 10px; } #custom_html-8 li { border-bottom: 2px solid #f3f4fe; padding-bottom: 8px; padding-left: 28px; } #custom_html-8 .checked-list>li:before { height: 21px; width: 21px; margin-right: 18px; left: 0px; top: 0px; } #custom_html-8 p { padding: 10px; font-size: 14px; margin-bottom: 0; } #custom_html-8 a.secondary-button { margin: 0 0px 10px; } .ac-meta { margin-bottom: 20px; overflow: hidden; } .ac-meta .notice-type, .ac-meta .levels { float: left; margin: 0 10px 10px 0; font-weight: 700; padding-top: 5px; } .ac-meta .notice-type .error { background: #b30f0f; color: #fff; padding: 5px; border-radius:5px } .ac-meta .notice-type .warning { background: #f3cd1e; color: #072446; padding: 5px; border-radius:5px } .offset-list .list-block h3 { font-size: 20px; line-height: 24px; margin-bottom: 10px; margin-top: 10px; } @media only screen and (min-width: 1024px) { .single-a11y-checker .content-sidebar-wrap .sidebar { padding-left: 40px; margin-top: 100px; border-left: 2px solid #f3f4fe; margin-left: 2%; width: 27%; } } .page-id-4090 article { margin-bottom: 0; } /** Above Header Styles **/ .page-id-5257 .above-header { display: none; } .above-header { padding:10px; text-align: center; background: #072446; color: #fff; font-size: 16px; } .above-header a { color: #f3cd1e; } .above-header a:focus { outline: 2px solid #fff; } .above-header .widget { margin-bottom: 0; } .admin-bar .site-header.scroll { top:32px; } .site-header.scroll { top:0; } .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: auto !important; width: 100% !important; flex: none; object-fit: unset; border-radius: 5px !important; display: block; box-shadow: 0 0 15px 2px rgba(7,36,70,.1) !important; } .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: block !important; align-items: normal !important; justify-content: left !important; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: relative !important; display: block !important; clear: both !important; bottom: auto !important; width: 100% !important; max-height: 100% !important; overflow: auto; padding: 5px; margin-top: 14px; margin-bottom: 20px; color: #072446 !important; text-align: left !important; font-size: 16px !important; background: #fff !important; } .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-image figcaption { color: #015798 !important; font-size: 16px !important; font-style: italic; margin-bottom: 30px !important; margin-top: 10px !important; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: none !important; position: relative !important; text-align: left !important; margin-top: 0 !important; } .site-footer { max-width: 1197px; margin: 0 auto; padding: 20px 0; } .site-footer p { float:left; margin-top: 20px } .cert-logos { float: right; } .cert-logos img { width: 40px; } #gfield_description_16_5 ul li { list-style-type: disc !important; } @media only screen and (max-width: 1024px) { .site-footer { margin: 0 30px; padding: 20px } .cert-logos, .site-footer p { float: none; } } @media only screen and (max-width: 800px) { .mobile-hide { display: none; } .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: 100% !important; margin-right: 0 !important; } } .why-benefits .why-benefits-content a { color: #f3cd1e; } .why-benefits .why-benefits-content .benefit-text-inner-wrap a { color: #0d5f9d; } .why-benefits .why-benefits-content a:hover { color: #fff; } .why-benefits .why-benefits-content .benefit-text-inner-wrap a:hover { color: #000; } .why-benefits .why-benefits-content .benefit-text-inner-wrap a:focus { outline: 2px solid #0d5f9d; } .why-benefits .why-benefits-content a:focus { outline: 2px solid #fff; } .single-post .entry-content img { margin-bottom: 40px; } .single-post .wp-block-kioken-accordion .kioken-accordion-item-active .kioken-accordion-item-content { border-bottom: 1px solid #cccdce; } .entry-content .wp-block-kioken-accordion { margin-bottom: 30px; } @media (min-width: 768px) { h1 { font-size: 50px; } } @media only screen and (max-width: 1325px) { .entry-meta .one-third { width: 33%; float: left; margin: 0; } .home-h1 { font-size: 40px !important; } } @media only screen and (max-width: 1024px) { .home-hero .inner-column-1 { max-width: 535px; text-align: left; margin-bottom: 50px; } } @media only screen and (max-width: 450px) { .entry-meta .one-third { width: 100%; float: none; text-align: left !important; padding-top: 5px; overflow: hidden; } .home-h1 { font-size: 28px !important; } } .gform_wrapper.gravity-theme .gf_progressbar_title { color: #545454; } .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span { color: #000; } .page-id-5257 .site-inner { margin-top: 20px; } .wp-block-button.secondary-button .wp-block-button__link { margin-top: 18px; } /** Sales Docs **/ .tax_sales-docs .breadcrumb, .tax_sales-docs h1 { text-align: center; } .features-table { border-radius: 5px; position:relative; background:#fff; z-index: 999; } @media only screen and (max-width: 600px) { .features-table { font-size: 13px; line-height: 20px; } } .features-table tr:first-child th { font-weight: 700; background-color: #015798; color: #fff; border-top: 0; position: sticky; top: 112px; } .admin-bar .features-table tr:first-child th { top: 142px; } @media only screen and (max-width: 1096px) { .features-table tr:first-child th {top:0; } .admin-bar .features-table tr:first-child th { top: 42px; } } .features-table th, .features-table td { border: 1px solid #ddd; padding: 5px 10px; } .features-table td, .features-table .th-center { text-align:center; } .fa-check { color: #006600; } .fa-times { color: #b30f0f; } /** pricing table **/ .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons { border-radius:30px; background-color: #f3f4fe; width: 265px; margin: 0 auto; border: 2px solid #f3f4fe; } .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item { opacity: 1; width: 130px; background-color: #f3f4fe00; text-align: center; } .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item:first-of-type { border-bottom-left-radius:30px !important; border-top-left-radius:30px !important; margin-right: 1px !important; } .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item:last-of-type { border-bottom-right-radius:30px !important; border-top-right-radius:30px !important; } .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item:hover, .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item:focus, .tax_sales-docs .kioken-tabs-buttons-item-active { border-radius:30px !important; border-color: #072446 !important; } .tax_sales-docs .kioken-tabs-buttons-item-active:hover { background-color: #072446 !important; color: #F3CD1E !important; text-decoration: none !important; } .wp-block-spacer.features { background: #fff; margin-top: -100px; width: 100%; position: absolute; width: calc( 100vw * 2); margin-left: -50vw; margin-right: -50vw; z-index: 99; } .tax_sales-docs .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item:hover { text-decoration: underline; border-color: #072446 !important; } .pricingtable .checked-list { margin-top: 30px; font-size: 16px; } .box-shadow { box-shadow:0 0 15px 2px rgb(7 36 70 / 10%); } .no-shadow img { box-shadow: none !important; border-radius: 0; } .smallnote { text-align: center; font-size: 15px; margin-bottom: 0px } .pt-smallbiz { margin-left: -5px; margin-right:-5px; z-index: 999; display:block; padding: 0 !important; } .pt-smallbiz .mostpop { padding: 10px !important; } .pt-smallbiz .uagb-column__inner-wrap { padding: 0 !important; } .pt-smallbiz h3 { margin-top: 20px; } .pt-smallbiz h3, .pt-smallbiz .price, .pt-smallbiz .smallnote, .pt-smallbiz .wp-block-buttons, .pt-smallbiz .checked-list { padding-left: 30px; padding-right: 30px; } .pt-smallbiz .checked-list { margin-bottom: 30px; } .pricingtable .price { text-align: center; color: #18609d; font-weight:700; font-family: "Open Sans",sans-serif; font-size: 24px; margin-bottom: 0; } .pricingtable .price .number { font-size: 32px; } .pricingtable .wp-block-buttons { margin-top:30px; } .pricingtable .checked-list { margin-bottom: 0; } @media only screen and (max-width: 980px) { .uagb-columns__columns-4>.uagb-column__wrap { margin-bottom: 10px; } .pt-smallbiz { margin-top: 0 !important; margin-bottom: 10px !important; margin-left: 0 !important; margin-right:0 !important; } } /** Pricing Page modifications **/ .postid-5436 .awp-custom-hero h1, .postid-5436 .before-footer-widgets { display:none !important; } .testimonial-name { font-weight: 700; color: #18609d; font-size: 18px; } /** New Contact Page **/ .page-id-5492 .awp-custom-hero-image { display: none; } @media only screen and (min-width: 1328px) { .page-id-5492 .awp-custom-hero-content { max-width: 600px !important; } } @media only screen and (min-width: 975px) { .page-id-5492 .awp-custom-hero-content { max-width: 500px !important; } } .page-id-5492 .awp-custom-hero-wrap { padding-left: 5px; max-width: 1200px; } .page-id-5492 .uagb-block-25ef0763 .uagb-column__inner-wrap { padding:0; } /** Soliloquy **/ .soliloquy-container .soliloquy-next { right: -28px !important; background-color: #18609d !important; border-radius: 50%; } .soliloquy-container .soliloquy-prev { left: -28px !important; background-color: #18609d !important; border-radius: 50%; } .soliloquy-container .soliloquy-controls-auto-item { bottom: -45px !important; } .soliloquy-container .soliloquy-start, .soliloquy-container .soliloquy-stop { background-color: #072446 !important; width: 80px !important; background-position: 15% 50% !important; border-radius: 5px; } .soliloquy-container .soliloquy-stop::after { content:"Pause"; color: #fff; font-size: 15px; font-weight: 700; left: 27px; position:absolute; top: 9px; width: 50px; } .soliloquy-container .soliloquy-start { background-size: 12px 14px !important; } .soliloquy-container .soliloquy-start::after { content:"Play"; color: #fff; font-size: 15px; font-weight: 700; left: 32px; position:absolute; top: 9px; width: 50px; } .soliloquy-container .soliloquy-next:focus, .soliloquy-container .soliloquy-prev:focus{ background-color: #072446 !important; border: 3px solid #f3cd1f; } .soliloquy-container .soliloquy-start:focus, .soliloquy-container .soliloquy-stop:focus { background-color: #18609d !important; border: 3px solid #f3cd1f; } .soliloquy-viewport::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: -moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%); } /** AC Page Boxed List mods **/ .boxed-list-block.ac-main-page li { height: auto; max-width: 350px; flex: none; } .boxed-list-block.ac-main-page h3 { margin-top: 10px } .boxed-list-block.ac-main-page p { font-size: 16px; font-weight: 400; } /** vertical center elements in column **/ .vertical-center { display:flex; flex-direction: column; justify-content: center; } .before-footer-widgets { display: none; } /** Fix problem related to UAG plugin updates that was overriding the full width CSS **/ .alignfull { margin-left: calc(-100vw / 2 + 100% / 2) !important; margin-right: calc(-100vw / 2 + 100% / 2) !important; max-width: 100vw !important; } /** Post WP Engine Migration CSS fixes */ .awp-services .one-third img, .awp-industries .one-third img { max-width:44px; } .video-testimonials .logo img { width: auto; } /** Pricing Table Styles **/ .ed-pricing-table h3 { margin-bottom: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding-bottom: 5px !important; position: relative; } .ed-pricing-table .pricing-info { padding: 0 10px 10px !important; margin-bottom: 0; font-size: 15px; min-height:60px; } .ed-pricing-table .checked-list>li:before { content: url(https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/images/list-check.png); height: 21px; width: 21px; margin-right: 18px; display: inline-block; vertical-align: middle; line-height: normal; position: absolute; top: 8px; left: 10px; } .ed-pricing-table .checked-list>li { padding-left: 38px !important; margin-bottom: 0; background: #fff; } /** Align Wide Fix **/ .alignwide.ub-block-post-grid { width: 1200px; margin-left: calc( (100% - 1200px ) / 2); margin-right: calc( (100% - 1200px ) / 2); max-width: 1200px; padding-right: 0 !important; padding-left: 0 !important; } /** TEC fix on Meetup Page **/ .page-id-5286 .tribe-events-widget-events-list__event-title { font-size: 17px !important; } .page-id-5286 .tribe-events-calendar-series-archive__container { display: none; } @media (max-width: 768px) { .modaal-video-wrap { margin: auto 0; } } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100%!important; width: 100% !important; } } .button-list { margin-left: 0 !important; padding-left: 0; } .button-list li { list-style-type: none !important; display: block; margin-bottom: 20px; margin-left: 0; } .button-list li a { width: 100%; padding: 10px; border: 2px solid; border-radius: 5px; display: block; text-decoration: none } .button-list li a:hover { background: #F4CC1C; } .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-image figcaption { margin-top: -18px !important; } .author-box .avatar { background: #fff; box-shadow: none !important; border-radius: 50% !important; } .author-box h4 { display:none; } /** Fix Table Row Header styles **/ th[scope='row'] { padding: 6px; border-top: 1px solid #F3CD1E; text-align: left; font-weight: 400; } /** Fix GF Consent checkbox alignment **/ #gform_wrapper_44 .gfield-choice-input+label { vertical-align: top; } /** Hide Share count number **/ .shared-counts-wrap.style-fancy .shared-counts-button .shared-counts-count {display: none;} .shared-counts-wrap.style-fancy .shared-counts-button .fa-external-link-alt { padding-top: 8px; } /** Page Builder Ranking Table Styles **/ .page-builder-rank-table th, .results-list th { font-size: 0.9em !important; line-height: 1.1em; background-color: #fff; vertical-align: bottom; text-align: center; border-color: #015798; border: 1px solid #015798; border-collapse: collapse; padding:.5rem; color: #000 !important; } .page-builder-rank-table th.column-11 { border-right:2px solid #015798; } .page-builder-rank-table th:first-of-type { text-align:left; } .page-builder-rank-table .row-hover th { font-weight: 400; } .results-list td, .results-list tbody, .page-builder-rank-table td, .page-builder-rank-table tbody { border-color: #015798; border: 1px solid #015798; text-align:center; border-collapse: collapse; padding: .5rem; } .results-list img, .page-builder-rank-table img { border-radius:0 !important; margin-bottom: 0 !important; box-shadow: none !important; height: 40px !important; width: auto !important; } .results-list { max-width:400px; margin: 0 0 1rem; } .ub_table-of-contents-header-container { display: none; } .ub_table-of-contents-container li { margin-bottom: 4px; } /** Hide the popup title visually */ #pum_popup_title_8042 { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .footer-widgets .genesis-sidebar-title { background-color: #000 !important; } .site-header-menu { padding-top: 0; } #nav-primary.toggled-on { padding-top: 10px; } .shared-counts-button .screen-reader-text { background-color: #000 !important; } #kt-layout-id_ce7add-7d, #kt-layout-id_fdd8bf-a1, #kt-layout-id_b542a2-a2{ background-color: #015798 !important; } .footer-wrap a:hover { text-decoration:underline; } /** Adjust spacing on contact page */ .page-id-5492 /** Adjust Table with caption padding **/ table:has(+figcaption), .wp-block-table .has-fixed-layout { margin-bottom: 5px !important; } .wp-block-table .wp-element-caption, .tablepress-table-description { margin-bottom:40px; font-size:0.9rem; } .tablepress { margin-bottom: 5px; } .eqd-centered-data td { text-align:center; padding: 10px; font-size: 0.9em; vertical-align: middle; border-left: 1px solid #c8cadb; border-right: 1px solid #c8cadb; line-height:1; } .eqd-centered-data th { vertical-align: middle; border-left: 1px solid #c8cadb; line-height:1; } </style> <style type="text/css" media="all" id="kioken-blocks-frontend"></style><noscript><style>.perfmatters-lazy[data-src]{display:none !important;}</style></noscript></head> <body class="a11y-checker-template-default single single-a11y-checker postid-1956 wp-custom-logo wp-embed-responsive affwp-affiliate-area tribe-no-js is_IE content-sidebar genesis-breadcrumbs-visible genesis-footer-widgets-visible has-custom-hero tax_tool-tips first-block-core-html"><div class="site-container"><ul class="genesis-skip-link"><li><a href="#genesis-content" class="screen-reader-shortcut"> Skip to main content</a></li><li><a href="#genesis-sidebar-primary" class="screen-reader-shortcut"> Skip to primary sidebar</a></li><li><a href="#genesis-footer-widgets" class="screen-reader-shortcut"> Skip to footer</a></li></ul><div class="above-header"><section id="custom_html-21" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><p> <strong>Black Friday Sale!</strong> Save 30% on all Accessibility Checker plans. Use code BlackFriday24. <a href="https://equalizedigital.com/accessibility-checker/pricing/">Buy Now</a> </p></div></div></section> </div><header class="site-header"><div class="wrap"><div class="title-area"><a href="https://equalizedigital.com/" class="custom-logo-link" rel="home"><img width="1" height="1" src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" class="custom-logo wp-image-6502 perfmatters-lazy" alt="Equalize Digital Home" decoding="async" data-src="https://equalizedigital.com/wp-content/uploads/2022/11/Equalize-Digital-color-logo.svg" /><noscript><img width="1" height="1" src="https://equalizedigital.com/wp-content/uploads/2022/11/Equalize-Digital-color-logo.svg" class="custom-logo wp-image-6502" alt="Equalize Digital Home" decoding="async" /></noscript></a><p class="site-title">Equalize Digital</p><p class="site-description">Website Accessibility Consulting, Training, and Development</p></div><div class="widget-area header-widget-area"><section id="nav_menu-8" class="widget widget_nav_menu"><div class="widget-wrap"><nav class="nav-header"><ul id="menu-above-header" class="menu genesis-nav-menu js-superfish"><li id="menu-item-4959" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4959"><a href="https://my.equalizedigital.com/"><span >My Account</span></a></li> <li id="menu-item-4958" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4958"><a href="https://my.equalizedigital.com/checkout/"><span ><i class="fas fa-shopping-cart" aria-hidden="true"></i> <span class="screen-reader-text">Checkout</span></span></a></li> </ul></nav></div></section> </div> <div class="menu-container"> <div id="site-header-menu" class="site-header-menu"> <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primary Menu"> <button class="menu-button" aria-controls="nav-primary" aria-label="Menu"><span class="screen-reader-text">Menu</span></button> <div id="nav-primary" class="nav-primary"><ul id="primary-menu" class="menu"><li id="menu-item-2115" class="menu-item menu-item-type-post_type_archive menu-item-object-service menu-item-has-children menu-item-2115"><a href="https://equalizedigital.com/services/">Services</a> <ul class="sub-menu"> <li id="menu-item-2117" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2117"><a href="https://equalizedigital.com/services/accessible-website-development/">Bespoke Websites</a></li> <li id="menu-item-2119" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2119"><a href="https://equalizedigital.com/services/website-accessibility-audit/">Accessibility Audits</a></li> <li id="menu-item-2122" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2122"><a href="https://equalizedigital.com/services/web-accessibility-user-testing/">User Testing</a></li> <li id="menu-item-2121" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2121"><a href="https://equalizedigital.com/services/website-accessibility-remediation/">Accessibility Remediation</a></li> <li id="menu-item-2118" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2118"><a href="https://equalizedigital.com/services/website-accessibility-monitoring/">Accessibility Monitoring</a></li> <li id="menu-item-2120" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2120"><a href="https://equalizedigital.com/services/website-accessibility-training/">Web Accessibility Training</a></li> <li id="menu-item-4957" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-4957"><a href="https://equalizedigital.com/services/accessibility-for-agencies/">Accessibility for Agencies</a></li> </ul> </li> <li id="menu-item-4834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4834"><a href="https://equalizedigital.com/accessibility-checker">Accessibility Checker</a> <ul class="sub-menu"> <li id="menu-item-6250" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6250"><a href="https://equalizedigital.com/accessibility-checker/">Overview</a></li> <li id="menu-item-5684" class="menu-item menu-item-type-post_type menu-item-object-a11y-checker menu-item-5684"><a href="https://equalizedigital.com/accessibility-checker/features/">Features</a></li> <li id="menu-item-5682" class="menu-item menu-item-type-post_type menu-item-object-a11y-checker menu-item-5682"><a href="https://equalizedigital.com/accessibility-checker/pricing/">Pricing</a></li> <li id="menu-item-5683" class="menu-item menu-item-type-post_type menu-item-object-a11y-checker menu-item-5683"><a href="https://equalizedigital.com/accessibility-checker/documentation/">Documentation</a></li> <li id="menu-item-4948" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4948"><a href="https://equalizedigital.com/support/">Support</a></li> <li id="menu-item-5685" class="menu-item menu-item-type-post_type menu-item-object-a11y-checker menu-item-5685"><a href="https://equalizedigital.com/accessibility-checker/pricing/">Buy Now</a></li> </ul> </li> <li id="menu-item-2132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2132"><a href="https://equalizedigital.com/about/">Company</a> <ul class="sub-menu"> <li id="menu-item-2135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2135"><a href="https://equalizedigital.com/about/">About Us</a></li> <li id="menu-item-6727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6727"><a href="https://equalizedigital.com/about/team/">Our Team</a></li> <li id="menu-item-4839" class="menu-item menu-item-type-post_type_archive menu-item-object-industry menu-item-4839"><a href="https://equalizedigital.com/industries/">Industry Expertise</a></li> <li id="menu-item-2131" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-2131"><a href="https://equalizedigital.com/resources/">Blog</a></li> <li id="menu-item-5965" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5965"><a href="https://equalizedigital.com/wordpress-accessibility-meetup/">WordPress Accessibility Meetup</a></li> <li id="menu-item-2160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2160"><a href="https://equalizedigital.com/about/accessibility-statement/">Accessibility Statement</a></li> <li id="menu-item-5681" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5681"><a href="https://equalizedigital.com/contact/">Contact Sales</a></li> <li id="menu-item-4837" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4837"><a href="https://my.equalizedigital.com/affiliates/">Become An Affiliate</a></li> </ul> </li> <li id="menu-item-6644" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6644"><a href="https://equalizedigital.com/events/">Events</a></li> <li id="menu-item-5520" class="menu-highlight menu-item menu-item-type-post_type menu-item-object-page menu-item-5520"><a href="https://equalizedigital.com/contact/">Contact Sales</a></li> <li id="menu-item-4960" class="menu-item-mobile menu-item menu-item-type-custom menu-item-object-custom menu-item-4960"><a href="https://my.equalizedigital.com/">My Account</a></li> <li id="menu-item-4961" class="menu-item-mobile menu-item menu-item-type-custom menu-item-object-custom menu-item-4961"><a href="https://my.equalizedigital.com/checkout/"><i class="fas fa-shopping-cart" aria-hidden="true"></i> <span class="screen-reader-text">Checkout</span></a></li> </ul></div> </nav> </div> </div> </div></header><div class="site-inner"><div class="content-sidebar-wrap"><main class="content" id="genesis-content"> <div class="awp-custom-hero "> <div class="awp-custom-hero-wrap"> <div class="awp-custom-hero-content"> <div class="breadcrumb"><span class="breadcrumb-link-wrap"><a class="breadcrumb-link" href="https://equalizedigital.com/"><span class="breadcrumb-link-text-wrap">Home</span></a><meta ></span> / <a href="https://equalizedigital.com/accessibility-checker/">Accessibility Checker</a> / Broken ARIA Reference</div><h1>Broken ARIA Reference</h1> </div> </div> </div> <article class="post-1956 a11y-checker type-a11y-checker status-publish has-post-thumbnail notice-type-error conformance-level-a doc_category-tool-tips entry" aria-label="Broken ARIA Reference"><div class="entry-content"> <div class="ac-meta"> <div class="notice-type">Notice Type: <span class="error">Error</span></div> <div class="levels"><span class="entry-terms">Relevant WCAG Conformance Levels: <a href="https://equalizedigital.com/conformance-level/a/" rel="tag">A</a></span></div> </div> <p><em>Did a “Broken ARIA Reference” error appear in an Accessibility Checker audit of one of your WordPress posts or pages? Read on below for an explanation of this error, how it impacts your website’s accessibility, and how to fix it.</em></p> <section class="wp-block-uagb-section uagb-section__wrap uagb-section__background-color uagb-block-5139d7de table-of-contents-block"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap"> <h2 class="wp-block-heading has-normal-font-size has-large-font-size" id="0-table-of-contents">Table of Contents</h2> <div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-1a8c36f5-2bce-4ac8-8e3a-cf1c6e45fbe0"" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container"><div class="ub_table-of-contents-header"> <div class="ub_table-of-contents-title"></div></div></div><div class="ub_table-of-contents-extra-container"><div class="ub_table-of-contents-container ub_table-of-contents-1-column "><ul><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#1-about-the-broken-aria-reference-error>About the Broken ARIA Reference Error</a><ul><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#2-what-is-aria>What is ARIA?</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#3-what-is-an-aria-reference>What is an ARIA reference?</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#4-what-is-aria-labelledby-and-how-should-it-be-used>What is aria-labelledby and how should it be used?</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#5-what-is-aria-describedby>What is aria-describedby?</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#6-what-constitutes-a-broken-aria-reference>What constitutes a broken ARIA reference?</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#7-how-does-accessibility-checker-test-for-broken-aria-references>How does Accessibility Checker test for broken ARIA references?</a></li></ul></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#8-impact-on-accessibility>Impact on Accessibility</a><ul><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#9-why-are-aria-references-important>Why are ARIA references important?</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#10-problems-caused-by-broken-aria-references>Problems caused by broken ARIA references</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#11-relevant-wcag-21-success-criteria>Relevant WCAG 2.1 Success Criteria</a><ul><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#12-131-info-and-relationships-level-a->1.3.1 Info and Relationships &#8211; Level A</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#13-412-name-role-value-level-a->4.1.2 Name, Role, Value &#8211; Level A</a></li></ul></li></ul></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#14-how-to-fix-a-broken-aria-reference>How to Fix a Broken ARIA Reference</a><ul><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#15-what-to-do-in-short>What to do (in short)</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#16-how-to-find-broken-aria-references-on-your-wordpress-post-or-page-and-fix-them>How to find broken ARIA references on your WordPress post or page and fix them</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#17-setting-ids-in-wordpress>Setting IDs in WordPress</a></li><li><a href=https://equalizedigital.com/accessibility-checker/broken-aria-reference/#18-a-note-about-aria-problems-and-wordpress-plugins>A note about ARIA problems and WordPress plugins</a></li></ul></li></ul></div></div></div></div></section> <h2 class="wp-block-heading" id="1-about-the-broken-aria-reference-error">About the Broken ARIA Reference Error</h2> <h3 class="wp-block-heading" id="2-what-is-aria">What is ARIA?</h3> <p>ARIA stands for Accessible Internet Rich Applications. It is a set of attributes that can be used to create more accessible web content for individuals with disabilities and users with <a href="https://equalizedigital.com/what-are-screen-readers/">screen readers</a>. </p> <p>ARIA attributes can be added to HTML elements on a web page in order to fix accessibility errors that HTML alone may not be able to resolve. ARIA attributes are most frequently added to web page elements that are developed with JavaScript, however, they can be added to any type of code that needs to be made more accessible assuming that cannot be accomplished with correct HTML semantics instead. </p> <p>You can <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA" target="_blank" rel="noreferrer noopener">learn more about ARIA on Mozilla&#8217;s developer documentation</a> page.</p> <h3 class="wp-block-heading" id="3-what-is-an-aria-reference">What is an ARIA reference?</h3> <p>An ARIA reference is used to show the relationship between two elements on a page that may not be able to be otherwise determined by a screen reader or assistive technology device. ARIA references can also be used to avoid duplicating of effort in the coding of an element by pulling information from the ID of a different element automatically. The two most commonly used ARIA references are &#8220;aria-labeledby&#8221; and &#8220;aria-describedby.&#8221;</p> <h3 class="wp-block-heading" id="4-what-is-aria-labelledby-and-how-should-it-be-used">What is aria-labelledby and how should it be used?</h3> <p><a href="https://www.w3.org/TR/wai-aria/#aria-labelledby"><code>aria-labelledby</code></a>&nbsp;sets relationships between HTML elements and their labels. This ARIA attribute accepts one or more strings as its value, which match the IDs of HTML elements on the page from which assistive devices can take text for labeling. </p> <p>Here is an example that shows how <code>aria-labelledby</code> can be used to add additional context in the scenario where a field on a form has multiple labels providing context to the field:</p> <pre class="wp-block-code"><code>&lt;div id="formBillingId"&gt;Billing&lt;/div&gt; &lt;div&gt; &lt;div id="formNameId"&gt;Name&lt;/div&gt; &lt;input type="text" aria-labelledby="formBillingId formNameId"/&gt; &lt;/div&gt; &lt;div&gt; &lt;div id="formAddressId"&gt;Address&lt;/div&gt; &lt;input type="text" aria-labelledby="formBillingId formAddressId"/&gt; &lt;/div&gt;</code></pre> <p>The code example above communicates to screen readers that the field on this form is not just asking for an address, but is asking for a <em>billing</em> address. In this example, multiple element IDs have been included in the <code>aria-labelledby</code> attribute separated by a space, and a screen reader would then announce the information from both elements in the order that they are presented.</p> <p>Mozilla has <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute" target="_blank" rel="noreferrer noopener">great examples of how aria-labelledby can be used</a> on its developer website. The <code>aria-labelledby</code> attribute can be used to connect:</p> <ul class="wp-block-list"> <li>fields with their labels.</li> <li>headings with regions.</li> <li>radio group containers with a label.</li> <li>dialogs with a header.</li> <li>definitions with terms.</li> <li>menus with a title.</li> </ul> <p>Additionally, <code>aria-labelledby</code> can be used as an alternative to appending screen-reader only text if you&#8217;re looking for a cleaner and less repetitive way of resolving <a href="https://equalizedigital.com/accessibility-checker/ambiguous-anchor-text/">ambiguous anchor text.</a> Here is an example of code that uses <code>aria-labelledby</code> to make link anchors more clear:</p> <pre class="wp-block-code"><code>&lt;h2 id="premium"&gt;About Our Premium TV Package&lt;/h2&gt; &lt;p&gt;This is are most expensive and highest profit package for us. You should get it.&lt;/p&gt; &lt;a href="/moremoney.html" id="learn1" aria-labelledby="learn1 premium"&gt;Learn more&lt;/a&gt; &lt;h2 id="ok"&gt;About Our Ok TV Package&lt;/h2&gt; &lt;p&gt;Sometimes "just ok" really is ok. Get this package to save money&lt;/p&gt; &lt;a href="/cheapskate.html" id="learn2" aria-labelledby="learn2 ok"&gt;Learn more&lt;/a&gt;</code></pre> <p>In this example, because there is a heading associated with each package, an ID can be added to the headings and the links and used in the labelledby attribute. This way we don&#8217;t have to repeat the specific package information in an aria-label nor add hidden screen reader only text that explains which package is being linked to for each &#8220;learn more&#8221; link.&nbsp; Instead, screen readers will build that context from what is already on the page. The end result is a person using a screen reader will hear &#8220;Learn more about our premium TV package&#8221; as the link name.&nbsp;&nbsp;</p> <h3 class="wp-block-heading" id="5-what-is-aria-describedby">What is aria-describedby?</h3> <p>The&nbsp;<a href="https://www.w3.org/TR/wai-aria/#aria-describedby"><code>aria-describedby</code></a>&nbsp;attribute is, like the labelledby attribute, used to indicate IDs of elements that describe the object that contains the <code>aria-describedby</code> attribute. </p> <p>In this way, <code>aria-describedby</code> is very similar to <code>aria-labelledby</code>. The primary difference is that <code>aria-labelledby</code> provides a short description of the essence of the groups or elements it is used on, whereas the describedby element is a longer description that provides more detailed information that a website user might need.</p> <p>The&nbsp;<code>aria-describedby</code>&nbsp;attribute can be used to connect static text with forms, widgets, groups of elements, panes, regions that have a heading, definitions, links and more. There are&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute#Examples">examples of aria-describedby on Mozilla&#8217;s developer website</a>&nbsp;that provide code examples of how to use the attribute in a variety of cases if you would like to learn more.</p> <h3 class="wp-block-heading" id="6-what-constitutes-a-broken-aria-reference">What constitutes a broken ARIA reference?</h3> <p>If Accessibility Checker flags a broken ARIA reference on your WordPress site, that means that an <code>aria-labeledby</code> or <code>aria-describedby</code> element is present on the page or post but that its reference target does not exist. This means that the element that is being referred to by the specific ARIA attribute you&#8217;re using either does not have a proper label or descriptor, or it is not present on the page. Sometimes this is a result of a typo in the code or it is a result of JavaScript or other code hiding the element to which the ARIA attribute is referring.</p> <h3 class="wp-block-heading" id="7-how-does-accessibility-checker-test-for-broken-aria-references">How does Accessibility Checker test for broken ARIA references?</h3> <p>While auditing your page or post content, Accessibility Checker will look at all of the elements, including those with explicit ARIA attributes. If an <code>aria-labeledby</code> or <code>aria-describedby</code> attribute is present and not empty, Accessibility Checker will scan the post or page to attempt to find the referred to ID. If the ID cannot be found, a broken ARIA reference will be flagged and added to the list of accessibility errors on your website. </p> <h2 class="wp-block-heading" id="8-impact-on-accessibility">Impact on Accessibility</h2> <h3 class="wp-block-heading" id="9-why-are-aria-references-important">Why are ARIA references important?</h3> <p>ARIA references are important because they allow users with screen readers to understand relationships between elements that they would not be able to otherwise perceive. </p> <p>On forms, for example, screen reader users frequently tab through input fields so that they can quickly complete the form. ARIA labels can be used to connect the form fields with the field labels so that screen readers will announce the purpose of each field as it is tabbed into, as shown in the prior code example for a billing address field. </p> <h3 class="wp-block-heading" id="10-problems-caused-by-broken-aria-references">Problems caused by broken ARIA references</h3> <p>If an ARIA reference target is missing, a screen reader will not pick up on these relationships, and a user can miss out on key information. </p> <p>In the prior code example with the billing address fields, without the <code>aria-labelledby</code> element, a screen reader user would only hear the word &#8220;Edit&#8221; or &#8220;Edit blank, type in text&#8221; or something similar depending upon which screen reader they&#8217;re using. This would occur when tabbing through inputs even if a visible field label is present as the screen reader would not know which label is for which field. Without the field to label connection, assistive technology users would need to back up to the previous element to find out what the field is for and might still question if they were filling out the form correctly.</p> <p>Ensuring that ARIA references have proper labels and existing targets within a web page will ensure that screen reading users will be able to understand and engage with all the aspects of that page. </p> <h3 class="wp-block-heading" id="11-relevant-wcag-21-success-criteria">Relevant WCAG 2.1 Success Criteria</h3> <h4 class="wp-block-heading" id="12-131-info-and-relationships-level-a-"><a aria-label="1.3.1 Info and Relationships (opens in a new tab)" href="https://www.w3.org/TR/WCAG21/#info-and-relationships" target="_blank" rel="noreferrer noopener">1.3.1 Info and Relationships &#8211; Level A</a></h4> <p>This guideline requires that information,&nbsp;structure, and&nbsp;relationships&nbsp;conveyed through&nbsp;presentation&nbsp;can be&nbsp;programmatically determined&nbsp;or are available in text.</p> <h4 class="wp-block-heading" id="13-412-name-role-value-level-a-"><a aria-label="4.1.2 Name, Role, Value (opens in a new tab)" href="https://www.w3.org/TR/WCAG21/#name-role-value" target="_blank" rel="noreferrer noopener">4.1.2 Name, Role, Value &#8211; Level A</a></h4> <p>This guideline requires that all&nbsp;user interface components,&nbsp;including but not limited to form elements, links, and components generated by scripts, must:</p> <ul class="wp-block-list"> <li>have a&nbsp;name&nbsp;and&nbsp;role&nbsp;that can be&nbsp;programmatically determined; </li> <li>in the case of states, properties, and values that can be set by the user, be able to be&nbsp;programmatically set; and </li> <li>announce notifications of changes to these items to&nbsp;all user agents, including&nbsp;assistive technologies.</li> </ul> <h2 class="wp-block-heading" id="14-how-to-fix-a-broken-aria-reference">How to Fix a Broken ARIA Reference</h2> <h3 class="wp-block-heading" id="15-what-to-do-in-short">What to do (in short)</h3> <p>To fix a broken ARIA reference, you will need to find the ARIA elements that are being flagged, and ensure that their reference targets are present and properly labeled. </p> <p>This may mean that the identifying attribute of the reference target needs to be changed to reflect the ARIA element. If the reference target is missing from the page altogether, you will need to create a reference target with the correct ID. </p> <h3 class="wp-block-heading" id="16-how-to-find-broken-aria-references-on-your-wordpress-post-or-page-and-fix-them">How to find broken ARIA references on your WordPress post or page and fix them</h3> <p><a href="https://wordpress.org/plugins/accessibility-checker/" target="_blank" rel="noreferrer noopener">First, install the&nbsp;<strong>free</strong>&nbsp;Accessibility Checker WordPress plugin.</a></p> <p>For any pages or posts that have a Broken ARIA Reference error in the WordPress editor, you can open the details tab in the Accessibility Checker meta box, then expand the Broken ARIA Reference error to see a list of code that caused the error to be flagged.</p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="77" src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1024&#039;%20height=&#039;77&#039;%20viewBox=&#039;0%200%201024%2077&#039;%3E%3C/svg%3E" alt="screenshot showing a code snippet that is flagging the broken aria reference error in WordPress Accessibility Checker" class="wp-image-4119 perfmatters-lazy" data-src="https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1024x77.png" data-srcset="https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1024x77.png 1024w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-300x22.png 300w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-768x57.png 768w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1536x115.png 1536w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-2048x153.png 2048w" data-sizes="(max-width: 1024px) 100vw, 1024px" /><noscript><img decoding="async" width="1024" height="77" src="https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1024x77.png" alt="screenshot showing a code snippet that is flagging the broken aria reference error in WordPress Accessibility Checker" class="wp-image-4119" srcset="https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1024x77.png 1024w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-300x22.png 300w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-768x57.png 768w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-1536x115.png 1536w, https://equalizedigital.com/wp-content/uploads/2020/11/broken-ARIA-reference-Error-in-Accessibility-Checker-2048x153.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>In the screenshot above, you can see the line of code that triggered a Broken ARIA Reference error in Accessibility Checker&#8217;s audit of the post or page. In this example the error was flagged on this heading:</p> <pre class="wp-block-code"><code>&lt;h5 aria-describedby="random123"&gt;SIMPLE AND EFFECTIVE EMAIL SUBSCRIBE&lt;/h5&gt;</code></pre> <p>If this were your website, you would need to look at the ID of the element that you believe this element should reference and make sure that the element has an ID of &#8220;random123.&#8221; If it does not have that ID, then you would either need to change its ID to &#8220;random123&#8221; or you would need to change the aria-describedby attribute that is on the heading to match the correct ID of that element.</p> <p>If there is nothing on the post or page that this heading is supposed to reference, you would either need to add something and give it an ID of &#8220;random123&#8221; or you would need to delete <code>aria-describedby="random123"</code> from the heading so that it no longer looks for a non-existent element.</p> <h3 class="wp-block-heading" id="17-setting-ids-in-wordpress">Setting IDs in WordPress</h3> <p>You can find or add IDs to any element within the code editor of any page or post or by adding an HTML anchor under the Advanced block settings for just about any block in the Gutenberg block editor.</p> <div class="wp-block-image"> <figure class="aligncenter size-large"><img decoding="async" width="263" height="347" src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;263&#039;%20height=&#039;347&#039;%20viewBox=&#039;0%200%20263%20347&#039;%3E%3C/svg%3E" alt="screenshot showing the section where a HTML anchor or ID can be added to a WordPress block" class="wp-image-4120 perfmatters-lazy" data-src="https://equalizedigital.com/wp-content/uploads/2020/11/image.png" data-srcset="https://equalizedigital.com/wp-content/uploads/2020/11/image.png 263w, https://equalizedigital.com/wp-content/uploads/2020/11/image-227x300.png 227w" data-sizes="(max-width: 263px) 100vw, 263px" /><noscript><img decoding="async" width="263" height="347" src="https://equalizedigital.com/wp-content/uploads/2020/11/image.png" alt="screenshot showing the section where a HTML anchor or ID can be added to a WordPress block" class="wp-image-4120" srcset="https://equalizedigital.com/wp-content/uploads/2020/11/image.png 263w, https://equalizedigital.com/wp-content/uploads/2020/11/image-227x300.png 227w" sizes="(max-width: 263px) 100vw, 263px" /></noscript></figure></div> <p>IDs must be unique within the page or post and are case sensitive. To learn more about IDs (a.k.a. HTML anchors) visit the <a href="https://wordpress.org/support/article/page-jumps/" target="_blank" rel="noreferrer noopener">Page Jumps support article on WordPress.org</a>. If you edit your page using a page builder and not the default WordPress editor, please reference the documentation for that page builder to find out how to view and edit IDs on your web pages.</p> <h3 class="wp-block-heading" id="18-a-note-about-aria-problems-and-wordpress-plugins">A note about ARIA problems and WordPress plugins</h3> <p>Depending upon how you&#8217;re adding content to your WordPress website, it is likely that you may encounter a broken ARIA reference that is being inserted into your post or page by a third-party plugin (such as your form plugin). If this is the case, you may not be able to correct the error. </p> <p>If you encounter accessibility errors that are caused by a third-party plugin you cannot control, please reference &#8220;<a href="https://equalizedigital.com/accessibility-checker/what-to-do-if-a-plugin-youre-using-has-accessibility-errors/">What to do if a Plugin You&#8217;re Using has Accessibility Errors</a>&#8221; for ideas on how to proceed.</p> </div><footer class="entry-footer"></footer></article></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" id="genesis-sidebar-primary"><h2 class="genesis-sidebar-title screen-reader-text">Primary Sidebar</h2><section id="custom_html-7" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><form action="" method="post" class="searchandfilter"> <div><input type="hidden" name="ofpost_types[]" value="a11y-checker"> <label for="searchfield" class="ed-side-label">Search Documentation</label> <ul><li><input type="text" name="ofsearch" placeholder="" value="" id="searchfield"></li><li><input type="hidden" name="ofsubmitted" value="1"> <input type="submit" value="Submit"> </li></ul></div> </form></div></div></section> <section id="text-17" class="widget widget_text"><div class="widget-wrap"><h3 class="widgettitle widget-title">Real, Proactive Accessibility</h3> <div class="textwidget"><p>Use <strong>Accessibility Checker</strong> to detect accessibility issues in bulk, whether your WordPress website has ten pages or ten thousand. Never lose track again with real-time scans every time you save, and historical reporting.</p> <p><strong><a href="https://equalizedigital.com/accessibility-checker/">Get Accessibility Checker</a></strong> 👈</p> </div> </div></section> <section id="text-8" class="widget widget_text"><div class="widget-wrap"><h3 class="widgettitle widget-title">Frequently Asked Questions</h3> <div class="textwidget"><ul class="display-posts-listing"><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/how-to-install-activate-accessibility-checker/">How to Install &#038; Activate Accessibility Checker</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/getting-started-quick-guide/">Getting Started Quick Guide</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/passed-tests/">Why Do We Say 100% Passed Tests, Not 100% Accessible?</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/how-to-manually-check-your-website-for-accessibility/">Manual Accessibility Testing: How You Can Check Website Accessibility</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/when-to-ignore-accessibility-errors/">When and How to Ignore Accessibility Errors or Warnings</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/errors-in-theme/">What to do if There are Accessibility Errors in Your Theme</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/errors-in-plugin/">What to do if a Plugin You&#8217;re Using has Accessibility Errors</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/how-to-get-support-for-accessibility-checker/">How to Get Support for Accessibility Checker</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/hire-equalize-digital/">Can I Hire Equalize Digital to Fix Accessibility Issues on My Website?</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/additional-resources-for-learning-about-accessibility/">Additional Resources for Learning About Accessibility</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/test-for-conflicts/">How to Test Accessibility Checker for Conflicts with Themes or Plugins</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/what-does-unlimited-dev-sites-mean/">What Does &#8220;Unlimited Dev Sites&#8221; mean?</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/accessibility-conformance-report-vpat/">Is there an Accessibility Conformance Report (ACR) or VPAT available for Accessibility Checker?</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/how-to-get-the-audit-history-plugin-legacy-customer-instructions/">How to Get the Audit History Plugin &#8211; Legacy Customer Instructions</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/how-does-accessibility-checker-align-with-wcag/">How does Accessibility Checker align with WCAG?</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/accessibility-checker-not-scanning/">What to do if Accessibility Checker is not Scanning Your Site</a></li></ul> </div> </div></section> <section id="text-9" class="widget widget_text"><div class="widget-wrap"><h3 class="widgettitle widget-title">Rule Documentation</h3> <div class="textwidget"><ul class="display-posts-listing"><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/slider-is-present/">A Slider is Present</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/video-is-present/">A Video is Present</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/ambiguous-anchor-text/">Ambiguous Anchor Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/aria-hidden/">ARIA Hidden</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/blinking-or-scrolling-content/">Blinking or Scrolling Content</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/broken-aria-reference/">Broken ARIA Reference</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/broken-skip-link/">Broken Skip or Anchor Link</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/duplicate-alternative-text/">Duplicate Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/duplicate-form-label/">Duplicate Form Label</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/empty-button/">Empty Button</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/empty-heading/">Empty Heading Tag</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/empty-link/">Empty Link</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/empty-missing-form-label/">Empty or Missing Form Label</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/empty-missing-table-header/">Empty or Missing Table Header</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/empty-paragraph-tag/">Empty Paragraph Tag</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/iframe-missing-title/">iFrame Missing Title</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/image-animated-gif/">Image Animated GIF</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/image-empty-alternative-text/">Image Empty Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/long-alternative-text/">Image Long Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/image-map-missing-alternative-text/">Image Map Missing Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/missing-alternative-text/">Image Missing Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/improper-use-of-link/">Improper Use of Link</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/incorrect-heading-order/">Incorrect Heading Order</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/insufficient-color-contrast/">Insufficient Color Contrast</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/link-opens-new-window-or-tab/">Link Opens New Window or Tab</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/link-to-ms-office-file/">Link to MS Office File</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/link-to-non-html-file/">Link to Non-HTML File</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/link-to-pdf/">Link to PDF</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/linked-image-missing-alternative-text/">Linked Image Missing or Empty Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/long-description-invalid/">Long Description Invalid</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/low-quality-alternative-text/">Low-quality Alternative Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/missing-language-declaration/">Missing Language Declaration</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/missing-headings/">Missing Subheadings</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/missing-title/">Missing Title</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/missing-transcript/">Missing Transcript</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/possible-heading/">Possible Heading</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/readability/">Readability &#038; Simplified Summary</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/tab-order-modified/">Tab Order Modified</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/justified-text/">Text Justified</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/text-too-small/">Text Too Small</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/underlined-text/">Underlined Text</a></li><li class="listing-item"><a class="title" href="https://equalizedigital.com/accessibility-checker/zooming-and-scaling-disabled/">Zooming and Scaling Disabled</a></li></ul> </div> </div></section> </aside></div></div> <div class="before-footer-widgets"> </div> <div class="before-footer-2-widgets"> <div class="before-footer-2-overlay"> <section id="custom_html-6" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><div class="left-col"> <h2> Easier, Faster Accessibility Testing</h2> <p> Equalize Digital Accessibility Checker gives you real-time accessibility feedback in the WordPress editor. Learn accessibility and make fixes earlier in the dev and content creation process. Full-site accessibility scanning without the per page fees. </p> </div> <div class="right-col"> <a href="https://equalizedigital.com/accessibility-checker" class="primary-button">Get Accessibility Checker</a> </div> </div></div></section> </div> </div> <div class="footer-wrap"><div class="footer-widgets" id="genesis-footer-widgets"><h2 class="genesis-sidebar-title screen-reader-text">Footer</h2><div class="wrap"><div class="widget-area footer-widgets-1 footer-widget-area"><section id="media_image-5" class="widget widget_media_image"><div class="widget-wrap"><img width="400" height="147" src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;400&#039;%20height=&#039;147&#039;%20viewBox=&#039;0%200%20400%20147&#039;%3E%3C/svg%3E" class="image wp-image-5691 attachment-full size-full perfmatters-lazy" alt="Equalize Digital Websites for Everyone" style="max-width: 100%; height: auto;" decoding="async" data-src="https://equalizedigital.com/wp-content/uploads/2021/11/Equalize-Digital-white-logo-400px.png" data-srcset="https://equalizedigital.com/wp-content/uploads/2021/11/Equalize-Digital-white-logo-400px.png 400w, https://equalizedigital.com/wp-content/uploads/2021/11/Equalize-Digital-white-logo-400px-300x110.png 300w" data-sizes="(max-width: 400px) 100vw, 400px" /><noscript><img width="400" height="147" src="https://equalizedigital.com/wp-content/uploads/2021/11/Equalize-Digital-white-logo-400px.png" class="image wp-image-5691 attachment-full size-full" alt="Equalize Digital Websites for Everyone" style="max-width: 100%; height: auto;" decoding="async" srcset="https://equalizedigital.com/wp-content/uploads/2021/11/Equalize-Digital-white-logo-400px.png 400w, https://equalizedigital.com/wp-content/uploads/2021/11/Equalize-Digital-white-logo-400px-300x110.png 300w" sizes="(max-width: 400px) 100vw, 400px" /></noscript></div></section> <section id="text-11" class="widget widget_text"><div class="widget-wrap"> <div class="textwidget"><p>Your WordPress accessibility team. Accessibility plugins, rapid audits, and consulting to help you make your website usable by people of all abilities.</p> </div> </div></section> <section id="simple-social-icons-3" class="widget simple-social-icons"><div class="widget-wrap"><ul class="alignleft"><li class="ssi-facebook"><a href="https://www.facebook.com/groups/wordpress.accessibility" ><svg role="img" class="social-facebook" aria-labelledby="social-facebook-3"><title id="social-facebook-3">Facebook</title><use xlink:href="https://equalizedigital.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-facebook"></use></svg></a></li><li class="ssi-github"><a href="https://github.com/equalizedigital" ><svg role="img" class="social-github" aria-labelledby="social-github-3"><title id="social-github-3">GitHub</title><use xlink:href="https://equalizedigital.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-github"></use></svg></a></li><li class="ssi-linkedin"><a href="https://www.linkedin.com/company/equalizedigital" ><svg role="img" class="social-linkedin" aria-labelledby="social-linkedin-3"><title id="social-linkedin-3">LinkedIn</title><use xlink:href="https://equalizedigital.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-linkedin"></use></svg></a></li><li class="ssi-twitter"><a href="https://twitter.com/equalizedigital" ><svg role="img" class="social-twitter" aria-labelledby="social-twitter-3"><title id="social-twitter-3">Twitter</title><use xlink:href="https://equalizedigital.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-twitter"></use></svg></a></li></ul></div></section> </div><div class="widget-area footer-widgets-2 footer-widget-area"><section id="nav_menu-3" class="widget widget_nav_menu"><div class="widget-wrap"><h3 class="widgettitle widget-title">Company</h3> <div class="menu-company-container"><ul id="menu-company" class="menu"><li id="menu-item-3308" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3308"><a href="https://equalizedigital.com/about/">About Equalize Digital</a></li> <li id="menu-item-5964" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5964"><a href="https://equalizedigital.com/wordpress-accessibility-meetup/">WordPress Accessibility Meetup</a></li> <li id="menu-item-2205" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2205"><a href="https://equalizedigital.com/about/accessibility-statement/">Accessibility Statement</a></li> <li id="menu-item-3310" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-3310"><a href="https://equalizedigital.com/resources/">Blog</a></li> <li id="menu-item-6646" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6646"><a href="https://equalizedigital.com/events/">Events</a></li> <li id="menu-item-5686" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5686"><a href="https://equalizedigital.com/contact/">Contact Us</a></li> </ul></div></div></section> </div><div class="widget-area footer-widgets-3 footer-widget-area"><section id="nav_menu-5" class="widget widget_nav_menu"><div class="widget-wrap"><h3 class="widgettitle widget-title">Services</h3> <div class="menu-services-container"><ul id="menu-services" class="menu"><li id="menu-item-2484" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2484"><a href="https://equalizedigital.com/services/accessible-website-development/">Website Development</a></li> <li id="menu-item-2481" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2481"><a href="https://equalizedigital.com/services/website-accessibility-audit/">Accessibility Audits</a></li> <li id="menu-item-2482" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2482"><a href="https://equalizedigital.com/services/web-accessibility-user-testing/">User Testing</a></li> <li id="menu-item-2483" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2483"><a href="https://equalizedigital.com/services/website-accessibility-remediation/">Remediation</a></li> <li id="menu-item-2486" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2486"><a href="https://equalizedigital.com/services/website-accessibility-monitoring/">Ongoing Monitoring</a></li> <li id="menu-item-2487" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-2487"><a href="https://equalizedigital.com/services/website-accessibility-training/">Accessibility Training</a></li> <li id="menu-item-5003" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-5003"><a href="https://equalizedigital.com/services/accessibility-for-agencies/">For Agencies</a></li> </ul></div></div></section> </div><div class="widget-area footer-widgets-4 footer-widget-area"><section id="nav_menu-10" class="widget widget_nav_menu"><div class="widget-wrap"><h3 class="widgettitle widget-title">Accessibility Checker</h3> <div class="menu-accessibility-checker-container"><ul id="menu-accessibility-checker" class="menu"><li id="menu-item-5005" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5005"><a href="https://equalizedigital.com/accessibility-checker/features/">Features</a></li> <li id="menu-item-5006" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5006"><a href="https://equalizedigital.com/accessibility-checker/pricing">Pricing</a></li> <li id="menu-item-5008" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5008"><a href="https://equalizedigital.com/accessibility-checker/documentation">Documentation</a></li> <li id="menu-item-5009" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5009"><a href="https://equalizedigital.com/support/">How to Get Support</a></li> <li id="menu-item-5010" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5010"><a href="https://my.equalizedigital.com/">My Account</a></li> <li id="menu-item-5013" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5013"><a href="https://my.equalizedigital.com/my-account/affiliate-dashboard/">Affiliate Dashboard</a></li> <li id="menu-item-5012" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5012"><a href="https://equalizedigital.com/affiliate-program/">Become an Affiliate</a></li> </ul></div></div></section> </div></div></div><footer class="site-footer"><div class="wrap"><p><strong>&#x000A9;&nbsp;2024 Equalize Digital</strong> &middot; <a href="https://equalizedigital.com/privacy-policy/">Privacy Policy</a> &middot; <a href="https://equalizedigital.com/terms-of-service/">Terms of Service</a> &middot; <a href="https://equalizedigital.com/software-terms">Software Terms &amp; Refund Policy</a><div class="cert-logos"><a href="https://www.accessibilityassociation.org/" style="margin-left:20px"><img width="411" height="119" src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;411&#039;%20height=&#039;119&#039;%20viewBox=&#039;0%200%20411%20119&#039;%3E%3C/svg%3E" alt="International Association of Accessibility Professionals member" style="height:52px;width:auto;margin-top: 8px" class="perfmatters-lazy" data-src="https://equalizedigital.com/wp-content/uploads/2021/04/IAAP-logo.png" /><noscript><img width="411" height="119" src="https://equalizedigital.com/wp-content/uploads/2021/04/IAAP-logo.png" alt="International Association of Accessibility Professionals member" style="height:52px;width:auto;margin-top: 8px"></noscript></a></div></p></div></footer></div></div><script async src="https://equalizedigital.com/wp-content/uploads/perfmatters/gtagv4.js?id=G-MGVKKL4XCQ" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script><script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag("js", new Date());gtag("config", "G-MGVKKL4XCQ");</script> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script> <div id="pum-8042" class="pum pum-overlay pum-theme-8033 pum-theme-default-theme popmake-overlay pum-click-to-close auto_open click_open" data-popmake="{&quot;id&quot;:8042,&quot;slug&quot;:&quot;small-business-accessibility-playbook&quot;,&quot;theme_id&quot;:8033,&quot;cookies&quot;:[{&quot;event&quot;:&quot;on_popup_close&quot;,&quot;settings&quot;:{&quot;name&quot;:&quot;pum-8042&quot;,&quot;key&quot;:&quot;&quot;,&quot;session&quot;:false,&quot;path&quot;:&quot;1&quot;,&quot;time&quot;:&quot;1 month&quot;}},{&quot;event&quot;:&quot;form_submission&quot;,&quot;settings&quot;:{&quot;name&quot;:&quot;pum-8042&quot;,&quot;key&quot;:&quot;&quot;,&quot;session&quot;:null,&quot;path&quot;:true,&quot;time&quot;:&quot;1 month&quot;,&quot;form&quot;:&quot;gravityforms_44&quot;}}],&quot;triggers&quot;:[{&quot;type&quot;:&quot;auto_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:[&quot;pum-8042&quot;],&quot;delay&quot;:&quot;1000&quot;}},{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;extra_selectors&quot;:&quot;&quot;,&quot;cookie_name&quot;:null}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;medium&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;640px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:&quot;1&quot;,&quot;esc_press&quot;:&quot;1&quot;,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}" role="dialog" aria-modal="false" aria-labelledby="pum_popup_title_8042"> <div id="popmake-8042" class="pum-container popmake theme-8033 pum-responsive pum-responsive-medium responsive size-medium"> <div id="pum_popup_title_8042" class="pum-title popmake-title"> Small Business Accessibility Playbook </div> <div class="pum-content popmake-content" tabindex="0"> <style> #popmake-8042{background: linear-gradient(90deg, rgba(12,42,77,1) 25%, rgba(1,87,152,1) 65%); max-width:760px !important;} #popmake-8042 #gform_previous_button_45{display:none;} #popmake-8042 .gfield-choice-input {vertical-align:top;} @media screen and (max-width: 1020px) { #popmake-8042 {max-width:360px !important;} #popmake-8042 h2{margin-top:25px;padding-right:20px !important;} .edpop-content {padding-top:20px !important; min-height:200px !important;} .popmake-close {border: 1px solid #fff;}}<br /></style> <div> <div class="one-half first" style="align-content: end; min-height: 450px;"> <h2 style="color: #fff; font-size: 28px; padding: 50px 0 0 25px; margin-bottom: 0; font-style: italic;">Learn how to make your website accessible.</h2> <p style="margin-bottom: 0;"><img fetchpriority="high" decoding="async" class="alignnone wp-image-8046 size-large" style="margin-bottom: 0; max-width: 400px; width: 100%;" src="https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background-1024x1024.png" alt="Free Ebook: The Small Business Accessibility Playbook for WordPress by Equalize Digital and WP Buffs." width="1024" height="1024" srcset="https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background-1024x1024.png 1024w, https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background-300x300.png 300w, https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background-150x150.png 150w, https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background-768x768.png 768w, https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background-75x75.png 75w, https://equalizedigital.com/wp-content/uploads/2024/06/transparent-background.png 1080w" sizes="(max-width: 1024px) 100vw, 1024px" /></p> </div> <div class="one-half edpop-content" style="padding: 52px 18px 20px 20px; background: #fff; min-height: 450px;"><script type="text/javascript"></script> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_45' ><div id='gf_45' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <p class='gform_description'>Get a copy of the free e-book via email.</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_45' id='gform_45' action='/accessibility-checker/broken-aria-reference/#gf_45' data-formid='45' novalidate> <input type='hidden' class='gforms-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /> <div class='gform-body gform_body'><div id='gform_fields_45' class='gform_fields top_label form_sublabel_below description_below validation_below'><fieldset id="field_45_1" class="gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_1" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_45_1'> <span id='input_45_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_1.3' id='input_45_1_3' value='' aria-required='true' /> <label for='input_45_1_3' class='gform-field-label gform-field-label--type-sub '>First</label> </span> <span id='input_45_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_1.6' id='input_45_1_6' value='' aria-required='true' /> <label for='input_45_1_6' class='gform-field-label gform-field-label--type-sub '>Last</label> </span> </div></fieldset><div id="field_45_4" class="gfield gfield--type-email gfield--input-type-email gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_4" ><label class='gfield_label gform-field-label' for='input_45_4'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_4' id='input_45_4' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_45_3" class="gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden" data-js-reload="field_45_3" ><div class='admin-hidden-markup'><i class='gform-icon gform-icon--hidden'></i><span>Hidden</span></div><label class='gfield_label gform-field-label' for='input_45_3'>Company Name</label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_45_3' type='text' value='' class='large' aria-invalid="false" /> </div></div><div id="field_45_9" class="gfield gfield--type-phone gfield--input-type-phone gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden" data-js-reload="field_45_9" ><div class='admin-hidden-markup'><i class='gform-icon gform-icon--hidden'></i><span>Hidden</span></div><label class='gfield_label gform-field-label' for='input_45_9'>Phone</label><div class='ginput_container ginput_container_phone'><input name='input_9' id='input_45_9' type='tel' value='' class='large' aria-invalid="false" /></div></div><fieldset id="field_45_10" class="gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_10" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Privacy Policy<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox' id='input_45_10'><div class='gchoice gchoice_45_10_1'> <input class='gfield-choice-input' name='input_10.1' type='checkbox' value='I opt-in to receive emails from Equalize Digital and WP Buffs. I can unsubscribe at any time. For more information, see the &lt;a href=&quot;https://equalizedigital.com/privacy-policy/&quot; target=&quot;_blank&quot;&gt;privacy policy.&lt;/a&gt;' id='choice_45_10_1' /> <label for='choice_45_10_1' id='label_45_10_1' class='gform-field-label gform-field-label--type-inline'>I opt-in to receive emails from Equalize Digital and WP Buffs. I can unsubscribe at any time. For more information, see the <a href="https://equalizedigital.com/privacy-policy/" target="_blank">privacy policy.</a></label> </div></div></div></fieldset><div id="field_45_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden" data-js-reload="field_45_8" ><div class='admin-hidden-markup'><i class='gform-icon gform-icon--hidden'></i><span>Hidden</span></div><label class='gfield_label gform-field-label' for='input_45_8'>Source URL</label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_45_8' type='text' value='https://equalizedigital.com/accessibility-checker/broken-aria-reference/' class='large' aria-invalid="false" /> </div></div><div id="field_45_7" class="gfield gfield--type-handlfree_utm_campaign gfield--input-type-handlfree_utm_campaign gfield--width-third field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_7" ><div class='ginput_container ginput_container_text'><input name='input_7' id='input_45_7' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_45_6" class="gfield gfield--type-handlfree_utm_medium gfield--input-type-handlfree_utm_medium gfield--width-third field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_6" ><div class='ginput_container ginput_container_text'><input name='input_6' id='input_45_6' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_45_5" class="gfield gfield--type-handlfree_utm_source gfield--input-type-handlfree_utm_source gfield--width-third field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_5" ><div class='ginput_container ginput_container_text'><input name='input_5' id='input_45_5' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_45_11" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_45_11" ><label class='gfield_label gform-field-label' for='input_45_11'>Name</label><div class='ginput_container'><input name='input_11' id='input_45_11' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_45_11'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <span class="input-wrapper"><input type="hidden" name="affwp_action" value="affiliate_register" /><input type='submit' id='gform_submit_button_45' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_45"]){return false;} if( !jQuery("#gform_45")[0].checkValidity || jQuery("#gform_45")[0].checkValidity()){window["gf_submitting_45"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_45"]){return false;} if( !jQuery("#gform_45")[0].checkValidity || jQuery("#gform_45")[0].checkValidity()){window["gf_submitting_45"]=true;} jQuery("#gform_45").trigger("submit",[true]); }' /><span class="input-after" ></span></span> <input type='hidden' name='gform_ajax' value='form_id=45&amp;title=&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_45' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='45' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_45' value='WyJ7XCIxMC4xXCI6XCJhNWE4NjZmYmYwZmM0ZTU4NDBmMGZjMDRhZWVkNTE2Y1wifSIsImE3YmNmY2NkNmVjNWRiN2VlMjRmNTZmNTRjOThkMzhlIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_45' id='gform_target_page_number_45' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_45' id='gform_source_page_number_45' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_45' id='gform_ajax_frame_45' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 45, 'https://equalizedigital.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_45').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_45');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_45').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_45').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_45').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_45').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_45').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_45').val();gformInitSpinner( 45, 'https://equalizedigital.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [45, current_page]);window['gf_submitting_45'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_45').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_45').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [45]);window['gf_submitting_45'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_45').text());}else{jQuery('#gform_45').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "45", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_45" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_45"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_45" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [45, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 45, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> </div> </div> <button type="button" class="pum-close popmake-close" aria-label="Close"> Close </button> </div> </div> <style type="text/css" media="screen">#simple-social-icons-3 ul li a, #simple-social-icons-3 ul li a:hover, #simple-social-icons-3 ul li a:focus { background-color: #0d5f9d !important; border-radius: 3px; color: #ffffff !important; border: 2px #0d5f9d solid !important; font-size: 20px; padding: 10px; } #simple-social-icons-3 ul li a:hover, #simple-social-icons-3 ul li a:focus { background-color: #062446 !important; border-color: #f3cd1e !important; color: #f3cd1e !important; } #simple-social-icons-3 ul li a:focus { outline: 1px dotted #062446 !important; }</style><!-- Start ActiveCampaign site tracking (by WP Fusion)--><script type="text/javascript">(function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo");vgo("setAccount", "226403033");vgo("setTrackByDefault", true);vgo("process");</script><!-- End ActiveCampaign site tracking --><script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script><script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":0,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/swiper.min.js?ver=4.5.0" id="swiper-js-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/ofi.min.js?ver=3.2.4" id="object-fit-images-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/anime.min.js?ver=3.1.0" id="anime-js-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/scrollmagic/ScrollMagic.min.js?ver=2.0.7" id="scrollmagic-js-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/animation.anime.min.js?ver=1.0.0" id="anime-scrollmagic-js-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/jarallax/dist/jarallax.min.js?ver=1.12.0" id="jarallax-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/jarallax/dist/jarallax-video.min.js?ver=1.10.7" id="jarallax-video-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/vendor/resize-observer-polyfill/ResizeObserver.global.min.js?ver=1.5.0" id="resize-observer-polyfill-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/kioken-blocks/dist/js/kiokenblocks-min.js?ver=1.3.9" id="kioken-blocks-frontend-utils-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/plugins/ultimate-blocks/src/blocks/table-of-contents/front.build.js?ver=3.2.1" id="ultimate_blocks-table-of-contents-front-script-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/genesis/lib/js/menu/superfish.min.js?ver=1.7.10" id="superfish-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/genesis/lib/js/menu/superfish.args.min.js?ver=3.5.0" id="superfish-args-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/genesis/lib/js/skip-links.min.js?ver=3.5.0" id="skip-links-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/js/responsive-menus-min.js?ver=1.0.8" id="rwc-base-responsive-menu-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/vendor/slick/slick.min.js?ver=1.0.8" id="slick-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/vendor/modaal/modaal.min.js?ver=1.0.8" id="modaal-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/js/rwc-base.js?ver=1.0.8" id="rwc-base-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-content/themes/accessible-web-pros/assets/js/menu-min.js?ver=1.0.8" id="theme-menu-js"></script> <script type="text/javascript" id="perfmatters-lazy-load-js-before"> /* <![CDATA[ */ window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"0px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;}); /* ]]> */ </script> <script type="text/javascript" async src="https://equalizedigital.com/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.3.4" id="perfmatters-lazy-load-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://equalizedigital.com/wp-includes/js/dist/a11y.min.js?ver=d90eebea464f6c09bfd5" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://equalizedigital.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"03078a7566414b3b98e30e6ccd255d14"}}},"hmr_dev":"","public_path":"https:\/\/equalizedigital.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://equalizedigital.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910" id="gform_gravityforms_theme-js"></script> <script type="text/javascript" id="popup-maker-site-js-extra"> /* <![CDATA[ */ var pum_vars = {"version":"1.19.1","pm_dir_url":"https:\/\/equalizedigital.com\/wp-content\/plugins\/popup-maker\/","ajaxurl":"https:\/\/equalizedigital.com\/wp-admin\/admin-ajax.php","restapi":"https:\/\/equalizedigital.com\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"8033","debug_mode":"","disable_tracking":"","home_url":"\/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"cookie_domain":"","analytics_route":"analytics","analytics_api":"https:\/\/equalizedigital.com\/wp-json\/pum\/v1"}; var pum_sub_vars = {"ajaxurl":"https:\/\/equalizedigital.com\/wp-admin\/admin-ajax.php","message_position":"top"}; var pum_popups = {"pum-8042":{"triggers":[{"type":"auto_open","settings":{"cookie_name":["pum-8042"],"delay":"1000"}}],"cookies":[{"event":"on_popup_close","settings":{"name":"pum-8042","key":"","session":false,"path":"1","time":"1 month"}},{"event":"form_submission","settings":{"name":"pum-8042","key":"","session":null,"path":true,"time":"1 month","form":"gravityforms_44"}}],"disable_on_mobile":false,"disable_on_tablet":false,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"8033","size":"medium","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"640px","custom_height_auto":false,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center","position_top":"100","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":true,"close_on_esc_press":true,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"default-theme","id":8042,"slug":"small-business-accessibility-playbook"}}; /* ]]> */ </script> <script type="text/javascript" src="//equalizedigital.com/wp-content/uploads/pum/pum-site-scripts-1.js?defer&amp;generated=1729116862&amp;ver=1.19.1" id="popup-maker-site-js"></script> <script type="text/javascript" async data-no-optimize="1" src="https://equalizedigital.com/wp-content/plugins/perfmatters/vendor/instant-page/pminstantpage.min.js?ver=2.3.4" id="perfmatters-instant-page-js"></script> <script type="text/javascript"> jQuery('.soliloquy-container').removeClass('no-js'); </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 45) {jQuery( "#gform_45" ).on( 'submit', function( event ) { jQuery( '<input>' ) .attr( 'type', 'hidden' ) .attr( 'name', 'gf_zero_spam_key' ) .attr( 'value', 'RsqIyZi2wfNQdJGjHkMrXyBqK87A90J2J9JIJmXh4EWptlvyynOGNTuuHZeJiaHn' ) .attr( 'autocomplete', 'new-password' ) .appendTo( jQuery( this ) ); } );} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "45", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_45" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_45"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_45" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [45, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 45, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ </script> <script id="perfmatters-delayed-scripts-js">const pmDelayClick=false;const pmUserInteractions=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"],pmDelayedScripts={normal:[],defer:[],async:[]},jQueriesArray=[],pmInterceptedClicks=[];var pmDOMLoaded=!1,pmClickTarget="";function pmTriggerDOMListener(){"undefined"!=typeof pmDelayTimer&&clearTimeout(pmDelayTimer),pmUserInteractions.forEach(function(e){window.removeEventListener(e,pmTriggerDOMListener,{passive:!0})}),document.removeEventListener("visibilitychange",pmTriggerDOMListener),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",pmTriggerDelayedScripts):pmTriggerDelayedScripts()}async function pmTriggerDelayedScripts(){pmDelayEventListeners(),pmDelayJQueryReady(),pmProcessDocumentWrite(),pmSortDelayedScripts(),pmPreloadDelayedScripts(),await pmLoadDelayedScripts(pmDelayedScripts.normal),await pmLoadDelayedScripts(pmDelayedScripts.defer),await pmLoadDelayedScripts(pmDelayedScripts.async),await pmTriggerEventListeners(),document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))}),window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),pmWaitForPendingClicks().then(()=>{pmReplayClicks()})}function pmDelayEventListeners(){let e={};function t(t,n){function r(n){return e[t].delayedEvents.indexOf(n)>=0?"perfmatters-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]},t.addEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)}),e[t].delayedEvents.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:n||function(){},set:function(n){e["perfmatters"+t]=n}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}function pmDelayJQueryReady(){let e=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>e,set(t){if(t&&t.fn&&!jQueriesArray.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){pmDOMLoaded?e.bind(document)(t):document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})};let n=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e=(e=(e=e.split(" ")).map(function(e){return"load"===e||0===e.indexOf("load.")?"perfmatters-jquery-load":e})).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(function(t){delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]})}return n.apply(this,arguments),this},jQueriesArray.push(t)}e=t}})}function pmProcessDocumentWrite(){let e=new Map;document.write=document.writeln=function(t){var n=document.currentScript,r=document.createRange();let a=e.get(n);void 0===a&&(a=n.nextSibling,e.set(n,a));var i=document.createDocumentFragment();r.setStart(i,0),i.appendChild(r.createContextualFragment(t)),n.parentElement.insertBefore(i,a)}}function pmSortDelayedScripts(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){e.hasAttribute("src")?e.hasAttribute("defer")&&!1!==e.defer?pmDelayedScripts.defer.push(e):e.hasAttribute("async")&&!1!==e.async?pmDelayedScripts.async.push(e):pmDelayedScripts.normal.push(e):pmDelayedScripts.normal.push(e)})}function pmPreloadDelayedScripts(){var e=document.createDocumentFragment();[...pmDelayedScripts.normal,...pmDelayedScripts.defer,...pmDelayedScripts.async].forEach(function(t){var n=t.getAttribute("src");if(n){var r=document.createElement("link");r.href=n,"module"==t.getAttribute("data-perfmatters-type")?r.rel="modulepreload":(r.rel="preload",r.as="script"),e.appendChild(r)}}),document.head.appendChild(e)}async function pmLoadDelayedScripts(e){var t=e.shift();return t?(await pmReplaceScript(t),pmLoadDelayedScripts(e)):Promise.resolve()}async function pmReplaceScript(e){return await pmNextFrame(),new Promise(function(t){let n=document.createElement("script");[...e.attributes].forEach(function(e){let t=e.nodeName;"type"!==t&&("data-perfmatters-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))}),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t()),e.parentNode.replaceChild(n,e)})}async function pmTriggerEventListeners(){pmDOMLoaded=!0,await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-readystatechange")),await pmNextFrame(),document.perfmattersonreadystatechange&&document.perfmattersonreadystatechange(),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-load")),await pmNextFrame(),window.perfmattersonload&&window.perfmattersonload(),await pmNextFrame(),jQueriesArray.forEach(function(e){e(window).trigger("perfmatters-jquery-load")});let e=new Event("perfmatters-pageshow");e.persisted=window.pmPersisted,window.dispatchEvent(e),await pmNextFrame(),window.perfmattersonpageshow&&window.perfmattersonpageshow({persisted:window.pmPersisted})}async function pmNextFrame(){return new Promise(function(e){requestAnimationFrame(e)})}function pmReplayClicks(){window.removeEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.removeEventListener("mousedown",pmTouchStartHandler),pmInterceptedClicks.forEach(e=>{e.target.outerHTML===pmClickTarget&&e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))})}function pmWaitForPendingClicks(){return new Promise(e=>{window.pmIsClickPending?pmPendingClickFinished=e:e()})}function pmPendingClickStarted(){window.pmIsClickPending=!0}function pmPendingClickFinished(){window.pmIsClickPending=!1}function pmClickHandler(e){e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmInterceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),pmPendingClickFinished()}function pmTouchStartHandler(e){"HTML"!==e.target.tagName&&(pmClickTarget||(pmClickTarget=e.target.outerHTML),window.addEventListener("touchend",pmTouchEndHandler),window.addEventListener("mouseup",pmTouchEndHandler),window.addEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.addEventListener("mousemove",pmTouchMoveHandler),e.target.addEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"onclick","pm-onclick"),pmPendingClickStarted())}function pmTouchMoveHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler),e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmPendingClickFinished()}function pmTouchEndHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler)}function pmRenameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}window.pmIsClickPending=!1,window.addEventListener("pageshow",e=>{window.pmPersisted=e.persisted}),pmUserInteractions.forEach(function(e){window.addEventListener(e,pmTriggerDOMListener,{passive:!0})}),pmDelayClick&&(window.addEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.addEventListener("mousedown",pmTouchStartHandler)),document.addEventListener("visibilitychange",pmTriggerDOMListener);</script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10