Scan results for getapeptalk.com

Accessible

Congratulations! Your webpage is accessible with a score above 85. We’d love to work with you to help close any remaining accessibility gaps.

Sat Jun 1, 2024

Element

Relevant

Successes

Failures

Score

Elements that act as buttons but use non-button tags (e.g., span, div, a) should include a role="button" attribute.

Yes

100

Code snapshots of successful elements


        1
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false" data-acsb-tooltip="Use ←/→ to navigate"><div class="menu-...


        2
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false"><div class="menu-text " style=";background-color:#ffffff!...


        3
                    <a href="#" class="cta live-button trigger-intercom w-button  "    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;" role="button">Get In Touch</a>


        4
                    <button class="ecal-sync-widget-button button book-a-call-copy2  " data-ecal-widget-id="65e09335d0c0c9000808488f" data-ecal-no-styling=""    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;" role...


        5
                    <a href="#" class="cta footer-button trigger-intercom w-button  "    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;" role="button">Get In Touch</a>

Element

Relevant

Successes

Failures

Score

Buttons should include text explaining their functionality, and if icons are used as buttons, a screen-reader only text or an "aria-label" attribute should be used for that description.

Yes

100

Code snapshots of successful elements


        1
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false" data-acsb-tooltip="Use ←/→ to navigate"><div class="menu-...


        2
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false"><div class="menu-text " style=";background-color:#ffffff!...


        3
                    <a href="#" class="cta live-button trigger-intercom w-button  "    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;" role="button">Get In Touch</a>


        4
                    <button class="ecal-sync-widget-button button book-a-call-copy2  " data-ecal-widget-id="65e09335d0c0c9000808488f" data-ecal-no-styling=""    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;" role...


        5
                    <a href="#" class="cta footer-button trigger-intercom w-button  "    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;" role="button">Get In Touch</a>

Element

Relevant

Successes

Failures

Score

Links should include text that sets expectations about the page they lead to. If empty links are used as layout wrapping elements, provide a description using screen-reader only text or an "aria-label" attribute.

Yes

100

Code snapshots of successful elements


        1
                    <a href="/" aria-current="page" class="navbar-brand-2 w-nav-brand w--current" style="opacity: 1; visibility: visible;"    data-custom-button-processed="true" data-acsb-original-style="opacity: 1; visibility: visible;"><span  data-="true" " data--posi...


        2
                    <a href="/workshops" class="menu-text w-inline-block"    data-custom-button-processed="true" data-acsb-menu="a" data-acsb-menu-root-link="true"><div class="menu-text " style=";background-color:#ffffff!important;color:#000000!important;">Workshops</di...


        3
                    <a href="/journal" class="menu-text w-inline-block"    data-custom-button-processed="true" data-acsb-menu="a" data-acsb-menu-root-link="true"><div class="menu-text " style=";background-color:#ffffff!important;color:#000000!important;">Blog</div></a>


        4
                    <a href="https://app.getapeptalk.com" class="link-block-8 w-inline-block"    data-custom-button-processed="true"><span  data-="true" " data--position="before" aria-hidden="false" >peptalk | learn to win at the business of life</span><img src="https:/...


        5
                    <a href="https://login.getapeptalk.com/" target="_blank" class="cta live-button-2 w-button " data-acsb-tooltip="New Window"    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;"><span  data-="true...


        6
                    <a href="https://login.getapeptalk.com/" class="link-2 "    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;">Log In</a>


        7
                    <a href="/experts" class="cta button-2 w-button "    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;">Discover Our Topics</a>


        8
                    <a href="/category/leadership-speakers" class="link-block-4 w-inline-block"    data-custom-button-processed="true"><div class="number acsb-bg-image"><div data-counter="" class="on-title text-number " style=";background-color:#ffffff!important;color:#...


        9
                    <a href="/category/business-skills-speakers" class="link-block-4 w-inline-block"    data-custom-button-processed="true"><div class="number acsb-bg-image"><div data-counter="" class="on-title text-number " style=";background-color:#ffffff!important;co...


        10
                    <a href="/category/dei-speakers" class="link-block-4 w-inline-block"    data-custom-button-processed="true"><div class="number acsb-bg-image"><div data-counter="" class="on-title text-number " style=";background-color:#ffffff!important;color:#000000!...

Element

Relevant

Successes

Failures

Score

Links that open in a new tab or a new window should either have an "aria-label" attribute or a screen-reader only element explaining to screen-readers that this opens in a new tab.

Yes

Pass

100

Code snapshots of successful elements


        1
                    <a href="https://login.getapeptalk.com/" target="_blank" class="cta live-button-2 w-button " data-acsb-tooltip="New Window"    data-custom-button-processed="true" style=";background-color:#ffffff!important;color:#000000!important;"><span  data-="true...

Element

Relevant

Successes

Failures

Score

An H1 heading provides information to screen-reader users about the main topic of the page. Each page should have exactly one H1 heading.

Element

Relevant

Successes

Failures

Score

HTML heading elements (h1-h6) should contain text content. If they include images or links, those elements must provide alternative text or screen-reader-only text.

Yes

100

Element

Relevant

Successes

Failures

Score

Elements that visually function as headings but are not coded with a heading tag should include a role="heading" attribute or be updated to use the correct heading tag

Yes

100

Code snapshots of successful elements


        1
                    <div class="on-title live-title-small " role="heading" data-acsb-fake-title="true" aria-level="3">Three Ways to Learn</div>


        2
                    <div class="on-title live-title-small live-title-small-workshop " role="heading" data-acsb-fake-title="true" aria-level="3">Three Ways to Learn</div>


        3
                    <p class="cta desc-analytic " style=";background-color:#ffffff!important;color:#000000!important;" role="heading" data-acsb-fake-title="true" aria-level="3">hours of expertise shared</p>


        4
                    <p class="cta desc-analytic " style=";background-color:#ffffff!important;color:#000000!important;" role="heading" data-acsb-fake-title="true" aria-level="3">experts</p>


        5
                    <p class="cta desc-analytic " style=";background-color:#ffffff!important;color:#000000!important;" role="heading" data-acsb-fake-title="true" aria-level="3">satisfaction rate</p>


        6
                    <div class="title-2 title-analytic " role="heading" data-acsb-fake-title="true" aria-level="2">500+</div>


        7
                    <p class="cta desc-analytic " style=";background-color:#ffffff!important;color:#000000!important;" role="heading" data-acsb-fake-title="true" aria-level="3">micro-sessions</p>

Element

Relevant

Successes

Failures

Score

Heading levels should not be skipped and must follow a consistent hierarchy. For example, you should not use h2 and h4 headings without including an h3 in between.

Element

Relevant

Successes

Failures

Score

Interactive elements such as links, buttons and form fields should all be navigable using the keyboard by either using a focusable element (a, button, input, etc.) or including the "tabindex" attribute that equals to "0".

Yes

Pass

100

Code snapshots of successful elements


        1
                    <img src="https://peptalk-static-assets.s3.eu-west-2.amazonaws.com/intercom-launcher-icon.png" id="launch_peptalk_intercom" alt="Launch Chat"   tabindex="0" >

Element

Relevant

Successes

Failures

Score

Interactive elements that can be navigated using the keyboard should be surrounded by a visual outline whenever they are focused.

Yes

Pass

100

Element

Relevant

Successes

Failures

Score

Active popups should include aria-modal="true" and role="dialog" attributes to help screen-reader users navigate them effectively.

Element

Relevant

Successes

Failures

Score

Each page should include hidden skip links that allow users (via keyboard or screen reader) to bypass certain blocks and navigate directly to main landmarks like the main content, menu, or footer.

Yes

Pass

100

Element

Relevant

Successes

Failures

Score

Elements hidden using CSS (e.g., opacity, height, text-indent, off-canvas) should include an "aria-hidden" attribute set to "true" when hidden and dynamically updated to "false" when they become visible.

Element

Relevant

Successes

Failures

Score

Elements hidden using CSS (e.g., opacity, height, text-indent, off-canvas) should have a tabindex attribute set to less than 0 and be dynamically updated to 0 when they become visible.

Element

Relevant

Successes

Failures

Score

Menus should be built using the HTML5 "nav" element or include a "role" attribute set to "menu" or "navigation" to indicate a navigation landmark for screen readers.

Yes

Pass

100

Code snapshots of successful elements


        1
                    <ul role="list" class="menu-list menu-dropdown w-list-unstyled" data-acsb-menu="ul" ><li class="menu-item is-hide" aria-hidden="true"  ><a href="#" class="menu-text w-inline-block "   tabindex="-1"  data-custom-button-processed="true" ><div class="me...

Element

Relevant

Successes

Failures

Score

Menu items that have a dropdown should include an aria-haspopup="true" attribute.

Yes

100

Code snapshots of successful elements


        1
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false" data-acsb-tooltip="Use ←/→ to navigate"><div class="menu-...


        2
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false"><div class="menu-text " style=";background-color:#ffffff!...

Element

Relevant

Successes

Failures

Score

Menu items that have a dropdown should include an "aria-expanded" attribute set to "false" by default, which changes to "true" when the dropdown is opened, and back to "false" when closed.

Yes

100

Code snapshots of successful elements


        1
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false" data-acsb-tooltip="Use ←/→ to navigate"><div class="menu-...


        2
                    <a href="#" class="menu-text w-inline-block "    data-custom-button-processed="true" data-acsb-menu="a" role="button" data-acsb-menu-root-link="true" aria-haspopup="true" aria-expanded="false"><div class="menu-text " style=";background-color:#ffffff!...

Element

Relevant

Successes

Failures

Score

Images should have an alternative text description that describes both the objects and the embedded text that the image contains, using the "alt" attribute.

Yes

Code snapshots of successful elements


        1
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/656ebd88dea64a09420aa943_Logo%20Full.svg" loading="lazy" width="Auto" alt="Peptalk logo" class="logo-blue">


        2
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/65b9ba0c6c6924ea5adaa2c7_person-2.webp" loading="lazy" width="291" height="" alt="Denise Lewis OBE | PepTalk Expert Speaker" class="person-2">


        3
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/65b9ba0cd8190066293ac7cc_person-3.webp" loading="lazy" width="192" height="" alt="Jenson Button | PepTalk Expert Speaker" class="person-3-1">


        4
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/659f692a4d5b5abbbede1ad1_person-4.webp" alt="Jonny Wilkinson | PepTalk Expert Speaker" width="192" height="" class="person-4">


        5
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/65b9ba0d44f2391b648c2021_person-5.webp" loading="lazy" width="113" height="" alt="Jason Fox | PepTalk Expert Speaker" class="person-5">


        6
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/65b9ba0c82e16f42471d02ff_person-7.webp" loading="lazy" width="192" height="" alt="Elizabeth Day | PepTalk Expert Speaker" class="person-7">


        7
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/6582a74f26b5580b06ea83eb_ey.svg" loading="lazy" alt="EY" class="image-38" data-acsb-alt-candidate="6582a74f26b5580b06ea83eb_ey">


        8
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/6582a7503bff5d7dfe36449b_oracle.svg" loading="lazy" alt="Oracle" class="image-39" data-acsb-alt-candidate="6582a7503bff5d7dfe36449b_oracle">


        9
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/6582a74f5759922537ad0b5f_capgemini.svg" loading="lazy" alt="Capgemini" class="image-40" data-acsb-alt-candidate="6582a74f5759922537ad0b5f_capgemini">


        10
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/6582a74f4d6b07048d1be32a_astrazeneca.svg" loading="lazy" alt="Astrazeneca" class="image-41" data-acsb-alt-candidate="6582a74f4d6b07048d1be32a_astrazeneca">

Code snapshots of failed elements


        1
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/66451c96f48761952e22648a_icon%20login_blue.svg" loading="lazy" alt="66451c96f48761952e22648a_icon%20login_blue" class="login-blue" data-acsb-alt-candidate="66451c96f48761952e22648a...


        2
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/66287b2aa12c7ec0c4af6958_ondemand.webp" alt="66287b2aa12c7ec0c4af6958_ondemand" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg...


        3
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/6629dbc0a85c6783772cb991_workshops-tinified.webp" alt="6629dbc0a85c6783772cb991_workshops tinified" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate...


        4
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/662779dcf6debc71a1cf12d0_culture_calendarv2-tinified-p-800.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 91vw, (max-width: 991px) 45vw, (max-width: 1439p...


        5
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/656994ca14a6537423d6d42e_Instagram.svg" loading="lazy" alt="656994ca14a6537423d6d42e_instagram" aria-hidden="true">


        6
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/656994c9991da45b2c0d5e15_Linkedin.svg" loading="lazy" alt="656994c9991da45b2c0d5e15_linkedin" aria-hidden="true">


        7
                    <img src="https://cdn.prod.website-files.com/619b6721260e523eeeff5f17/656994ca34417e587edc5137_Youtube.svg" loading="lazy" alt="656994ca34417e587edc5137_youtube" aria-hidden="true">

Element

Relevant

Successes

Failures

Score

Background images that are not just for decoration purposes should have the same treatment as standard images. They should include a role="img" attribute and an alternative text description using an "aria-label" attribute.

Element

Relevant

Successes

Failures

Score

Font icons, SVGs, or images used as spacers, decorations, or when their purpose is already described by other content, should include a role="presentation" or role="none" attribute.

Yes

196

Code snapshots of successful elements


        1
                    <span class="whitespace" aria-hidden="true"  > </span>

Code snapshots of failed elements


        1
                    <span class="whitespace"> </span>

Element

Relevant

Successes

Failures

Score

Figure elements used to display images should have a role="none" attribute, and the image itself should provide a description using the "alt" attribute.

Yes

Pass

100

Code snapshots of successful elements


        1
                    <figure class="core-business-item popular-topic-item"><a href="/topic/mental-health-speakers" class="link-block-4 w-inline-block"    data-custom-button-processed="true"><div class="number popular-topic-number acsb-bg-image"><div data-counter="" class...

Element

Relevant

Successes

Failures

Score

Each "area" element within a map tag should have an "alt" attribute that provides an alternative text description, similar to standard images.

Element

Relevant

Successes

Failures

Score

Small or hidden tracking pixel images (used for analytics or marketing) should include a role="none" or role="presentation" attribute to exclude them from screen-readers.

Element

Relevant

Successes

Failures

Score

Form fields should include either an "aria-label" attribute or an associated "label" element to describe the field's purpose (e.g., email, phone, name).

Yes

Pass

100

Code snapshots of successful elements


        1
                    <input class="w-input header-search-expert-input acsb-bg-image" maxlength="256" name="search" autocomplete="off" data-name="search" placeholder="Search Speakers" type="text"   aria-hidden="false"  data-acsb-validation-uuid="agaf2tq4rchu" data-acsb-fi...

Element

Relevant

Successes

Failures

Score

Form elements must have unique IDs to ensure that their corresponding labels provide accurate information.

Element

Relevant

Successes

Failures

Score

Required form fields should include aria-required="true" to inform screen-reader users of the field's validation.

Element

Relevant

Successes

Failures

Score

The validity status of each form element must be represented using the "aria-invalid" attribute with "true" or "false" values, and should update dynamically as the status changes.

Element

Relevant

Successes

Failures

Score

aria-describedby and aria-labelledby attributes should reference the ID of an element that either has a text description or an "aria-label" attribute.

Element

Relevant

Successes

Failures

Score

All forms should include a submission button built as an input type="submit" or a "button" element, or have a role="button" attribute. The button can be hidden if the form supports submission via the Enter key.

Element

Relevant

Successes

Failures

Score

Search forms should include a role="search" attribute or be wrapped in an element with this role to indicate a search landmark for screen-readers.

Element

Relevant

Successes

Failures

Score

The title tag in the head section should be present and describe the current webpage accurately. This title appears in the browser tab, search engine results, and helps screen-reader users understand the page's content.

Yes

Pass

100

Code snapshots of successful elements


        1
                    <title>PepTalk | Seamlessly book the world's smartest experts</title>

Element

Relevant

Successes

Failures

Score

The HTML tag should include a "lang" attribute representing the main language of the webpage to help screen-readers provide accurate pronunciation.

Yes

Pass

100

Code snapshots of successful elements


        1
                    <html data-wf-domain="www.getapeptalk.com" data-wf-page="65600aa3aa77485558d8d36e" data-wf-site="619b6721260e523eeeff5f17" lang="en" class="w-mod-js w-mod-ix wf-opensans-n7-active wf-opensans-n3-active wf-opensans-n4-active wf-opensans-n8-active wf-o...

Element

Relevant

Successes

Failures

Score

The viewport meta tag should enable vision-impaired users to pinch-zoom to at least twice the standard size by including user-scalable="yes" and maximum-scale=2 (or higher) in the content attribute.

Yes

Pass

100

Code snapshots of successful elements


        1
                    <meta content="width=device-width, initial-scale=1" name="viewport">

Element

Relevant

Successes

Failures

Score

Landmarks like main content and footer should use their corresponding HTML5 elements (<main>, <footer>) or include an "aria-label" and "role" attribute (e.g., role="main" or role="contentinfo"). Landmarks like search and navigation are covered elsewhere.

Yes

100

Code snapshots of successful elements


        1
                    <div class="team-expertise" data-acsb-main="true" role="main"><span data-acsb-h1-title="true" aria-level="1" role="heading"  data-="true" " aria-hidden="false" >Upskill, educate and motivate your team with PepTalks on over 100 topics to support learn...


        2
                    <footer class="footer-1 acsb-bg-image " data-acsb-page-footer="true" role="contentinfo" aria-label="Footer"><div class="w-layout-blockcontainer container-13 w-container"><div class="div-block-15"><div><div class="div-block-16"><h2 class="title-2-bold...

Element

Relevant

Successes

Failures

Score

Font sizes should be at least 12px to ensure readability across most font families. This requirement should also be verified when using dynamic units like REM or percentages.

Yes

Pass

100

Element

Relevant

Successes

Failures

Score

Letter spacing should not be set below -1px to maintain readability across most font families. This should also be verified when using dynamic units like REM or percentages.

Yes

Pass

100

Element

Relevant

Successes

Failures

Score

Text elements should meet a minimum contrast ratio of 4.5:1 between the foreground (text color) and the background.

Yes

302

100

Code snapshots of successful elements


        1
                    <div class="menu-text " style=";background-color:#ffffff!important;color:#000000!important;">Experts by Topic</div>


        2
                    <div class="menu-text " style=";background-color:#ffffff!important;color:#000000!important;">Experts by Type</div>


        3
                    <div class="menu-text " style=";background-color:#ffffff!important;color:#000000!important;">Workshops</div>


        4
                    <div class="menu-text " style=";background-color:#ffffff!important;color:#000000!important;">Blog</div>


        5
                    <i style="animation-delay: 0.3s;" data-acsb-original-style="animation-delay: 0.3s;" >world's</i>


        6
                    <i style="animation-delay: 0.4s;" data-acsb-original-style="animation-delay: 0.4s;" >smartest</i>


        7
                    <i style="animation-delay: 0.5s;" data-acsb-original-style="animation-delay: 0.5s;" >experts</i>


        8
                    <span class="word ">Access</span>


        9
                    <span class="word ">our</span>


        10
                    <span class="word ">network</span>

Element

Relevant

Successes

Failures

Score

Carousels should include an "aria-label" attribute (e.g., carousel or slider) to indicate their functionality. They should also be marked as a landmark for screen-readers with a role="contentinfo" attribute.

Element

Relevant

Successes

Failures

Score

Control elements such as next and previous icons should include an "aria-label" attribute or a screen-reader only text that explains the functionality to screen-readers.

Element

Relevant

Successes

Failures

Score

A common accessibility mistake is treating carousels as live regions using the "aria-live attribute" with "polite" or "assertive" values. This can cause screen readers to cut off or skip important announcements.

Element

Relevant

Successes

Failures

Score

Carousel pagination items (usually used as small dots at the bottom of the carousel) should indicate their functionality and slide number they control using an "aria-label" and a screen-reader only text.

Element

Relevant

Successes

Failures

Score

Tables used for layout purposes should include a role="presentation" attribute to indicate to screen-readers that it is not a data table.

Element

Relevant

Successes

Failures

Score

If nested tables are used (a table element within a table cell), set the nested tables "role" attribute to "presentation".

Element

Relevant

Successes

Failures

Score

Tables without a thead row containing th elements should use the role="rowheader" attribute on td elements in the tr that visually represent the table headings.

Element

Relevant

Successes

Failures

Score

Visually deleted texts (e.g., a previous price on sale items) should include an "aria-label" attribute or a screen-reader only text to indicate that it is deleted.

Element

Relevant

Successes

Failures

Score

The main element of breadcrumbs should include a role="navigation" attribute and an "aria-label" to describe its functionality.

Element

Relevant

Successes

Failures

Score

Ratings/scores that are represented visually using stars, meters or other indicators should either have an "aria-label" attribute or a screen-reader only texts conveying the score/rate.

Element

Relevant

Successes

Failures

Score

An accessibility interface allows visually-impaired users to adjust UI elements like font size, colors, and spacing to suit their needs. While not a compliance requirement, it can help improve accessibility compliance.

Yes

Pass

100

Element

Relevant

Successes

Failures

Score

Iframe elements should include a "title" or "aria-label" attribute that explains their purpose, functionality, or destination. If irrelevant, they should be hidden from screen readers.

Yes

100

Code snapshots of successful elements


        1
                    <iframe id="_hjSafeContext_97607161" tabindex="-1" aria-hidden="true" src="about:blank" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;" data-lf-yt-playback-inspe...


        2
                    <iframe style="" class="ecal-widget-frame" id="FpiTz8DX3Tdiq58Of9EoCwNQyhPeAxaW8G0yeiXEg65ddb6b18" scrolling="no" frameborder="0" allowtransparency="true" src="//sync.ecal.com/button/v1/ecal.html?_=1717258110759&amp;widgetRef=FpiTz8DX3Tdiq58Of9EoCwNQ...