Scan results for cianic.com

Non-compliant

Your scan indicates that your webpage has some serious accessibility issues. Make your website accessible and mitigate legal risk now.

It's seems like your website isn't inclusive or accessible to people with disabilities.
Fix issues now >
We found 152 issues on your page
152

Issue severity

  • 11 Moderate
  • 35 Mild
  • 106 Severe

Issues detected by category

    85
    Readability
    20
    Clickables
    17
    Graphics
    13
    Forms
    12
    Orientation
    4
    Titles
    1
    Document
    0
    Menus
    0
    Carousels
    0
    Tables
    0
    General
#
Element
Relevant
Successes
Failures
Score
1
Elements that act as buttons but use non-button tags (e.g., span, div, a) should include a role="button" attribute.
Yes
17
12
59

Code snapshots of successful elements

  • 1
                <a href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjQ1MzMiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D" class="elementor-button-link elementor-button elementor-size-sm" role="button" > <span class="elementor-button-content-wrapper"> <span class...
            
  • 2
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1" ></span>
            
  • 3
                <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" ></span>
            
  • 4
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3" ></span>
            
  • 5
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4" ></span>
            
  • 6
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5" ></span>
            
  • 7
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6" ></span>
            
  • 8
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7" ></span>
            
  • 9
                <button type="submit" class="elementor-button elementor-size-sm" > <span> <span class=" elementor-button-icon"> </span> <span class="elementor-button-text">Send Request</span> </span> </button>
            
  • 10
                <button type="submit" class="elementor-animation-shrink elementor-button bdt-button bdt-button-primary" name="submit" > <span>Submit</span> </button>
            

Code snapshots of failed elements

  • 1
                <a href="#" class="elementor-item elementor-item-anchor menu-link has-submenu" id="sm-1673052891877425-1" aria-haspopup="true" aria-controls="sm-1673052891877425-2" aria-expanded="false" >Services<span class="sub-arrow"><i class="fas fa-caret-down"><...
            
  • 2
                <div class="elementor-search-form__toggle" > <i aria-hidden="true" class="fas fa-search"></i> <span class="elementor-screen-only">Search</span></div>
            
  • 3
                <div class="elementor-element elementor-element-5948995 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="5948995" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 4
                <div class="elementor-star-rating__wrapper" ><div class="elementor-star-rating" title="5/5" itemtype="http://schema.org/Rating" itemscope="" itemprop="reviewRating"><i class="elementor-star-full">★</i><i class="elementor-star-full">★</i><i class="ele...
            
  • 5
                <div class="elementor-element elementor-element-f5545a2 elementor-widget-divider--view-line exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-divider" data-id="f5545a2" data-element_type="widget" data-widget_type="divider....
            
  • 6
                <div class="elementor-element elementor-element-639bec2 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="639bec2" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 7
                <div class="elementor-element elementor-element-acba385 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="acba385" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 8
                <div class="elementor-element elementor-element-358d7d7 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="358d7d7" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 9
                <div class="elementor-element elementor-element-e952274 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="e952274" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 10
                <div class="elementor-element elementor-element-cc51068 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="cc51068" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
#
Element
Relevant
Successes
Failures
Score
2
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
28
1
97

Code snapshots of successful elements

  • 1
                <a href="#" class="elementor-item elementor-item-anchor menu-link has-submenu" id="sm-1673052891877425-1" aria-haspopup="true" aria-controls="sm-1673052891877425-2" aria-expanded="false" >Services<span class="sub-arrow"><i class="fas fa-caret-down"><...
            
  • 2
                <a href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjQ1MzMiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D" class="elementor-button-link elementor-button elementor-size-sm" role="button" > <span class="elementor-button-content-wrapper"> <span class...
            
  • 3
                <div class="elementor-search-form__toggle" > <i aria-hidden="true" class="fas fa-search"></i> <span class="elementor-screen-only">Search</span></div>
            
  • 4
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1" ></span>
            
  • 5
                <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" ></span>
            
  • 6
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3" ></span>
            
  • 7
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4" ></span>
            
  • 8
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5" ></span>
            
  • 9
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6" ></span>
            
  • 10
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7" ></span>
            

Code snapshots of failed elements

  • 1
                <div class="elementor-element elementor-element-f5545a2 elementor-widget-divider--view-line exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-divider" data-id="f5545a2" data-element_type="widget" data-widget_type="divider....
            
#
Element
Relevant
Successes
Failures
Score
3
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
41
7
85

Code snapshots of successful elements

  • 1
                <a href="https://cianic.com/" > <img width="1024" height="190" src="https://cianic.com/wp-content/uploads/2021/07/NEW-Slim-Logo-Black-01-230x43.png" class="attachment-large size-large wp-image-679" alt="Cianic website design and development logo" src...
            
  • 2
                <a href="https://cianic.com/portfolio/" class="elementor-item menu-link" >Portfolio</a>
            
  • 3
                <a href="https://cianic.com/the-pod-blog/" class="elementor-item menu-link" >Pod Blog</a>
            
  • 4
                <a href="https://cianic.com/contact/" class="elementor-item menu-link" >Contact</a>
            
  • 5
                <a href="tel:+18183344987" >818-334-4987</a>
            
  • 6
                <a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="ea301b0" data-elementor-lightbox-title="GoodNews_Website_Design_Cianic_Flower_Shop" e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDU5MSwidXJsIjoiaHR...
            
  • 7
                <a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="ea301b0" data-elementor-lightbox-title="LADB_Cianic_Website_Design" data-elementor-lightbox-description="Full Service Media Company Website Redesign " e-action-hash="#elementor-...
            
  • 8
                <a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="ea301b0" data-elementor-lightbox-title="Tacos_Manzano_Cianic_Website_Design" data-elementor-lightbox-description="Restaurant WebsiteDesign by Cianic" e-action-hash="#elementor-a...
            
  • 9
                <a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="ea301b0" data-elementor-lightbox-title="Flowers_El_Ranchiro_Website_Design_Cianic_Flower_Shop" data-elementor-lightbox-description="Website Design for Small Flower Shop Business...
            
  • 10
                <a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="ea301b0" data-elementor-lightbox-title="Circle_G_Movie_Ranch_Cianic_Website_Design" data-elementor-lightbox-description="Western Town Event Location Website Design" e-action-has...
            

Code snapshots of failed elements

  • 1
                <a class="elementor-icon" href="tel:+18183344987" > <i aria-hidden="true" class="icon icon-phone"></i> </a>
            
  • 2
                <a class="elementor-icon elementor-animation-grow" href="https://cianic.com/website-design-development/" > <i aria-hidden="true" class="icon icon-design"></i> </a>
            
  • 3
                <a class="elementor-icon elementor-animation-grow" href="https://cianic.com/e-commerce/" > <i aria-hidden="true" class="icon icon-shopping-cart-1"></i> </a>
            
  • 4
                <a class="elementor-icon elementor-animation-grow" href="https://cianic.com/hosting-maintenance-security-speed/" > <i aria-hidden="true" class="icon icon-server-2"></i> </a>
            
  • 5
                <a class="elementor-icon elementor-animation-grow" href="https://cianic.com/website-fixes-tweaks/" > <i aria-hidden="true" class="icon icon-cogwheel"></i> </a>
            
  • 6
                <a class="elementor-icon elementor-animation-grow" href="https://cianic.com/website-design-development/#gbp" > <i aria-hidden="true" class="icon icon-store"></i> </a>
            
  • 7
                <a class="elementor-icon elementor-animation-grow" href="https://cianic.com/graphic-design/" > <i aria-hidden="true" class="icon icon-pen_shape"></i> </a>
            
#
Element
Relevant
Successes
Failures
Score
4
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
3
0
100

Code snapshots of successful elements

  • 1
                <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-cdc84e5" href="https://www.youtube.com/channel/UCj14Rzrc4zmLbiL8g-TOENw" target="_blank" > <span class="elementor-screen-only">Youtube</span> <i clas...
            
  • 2
                <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-77d27da" href="https://www.facebook.com/thisiscianic/?notif_id=1654451104180430&amp;notif_t=page_user_activity&amp;ref=notif" target="_blank" > <spa...
            
  • 3
                <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-95f7b1e" href="https://www.instagram.com/thisiscianic/?hl=en" target="_blank" > <span class="elementor-screen-only">Instagram</span> <i class="fab ...
            
#
Element
Relevant
Successes
Failures
Score
5
An H1 heading provides information to screen-reader users about the main topic of the page. Each page should have exactly one H1 heading.
Yes
Pass
-
100

Code snapshots of successful elements

  • 1
                <h1 class="elementor-heading-title elementor-size-default">Build Your WordPress Business Website With Cianic</h1>
            
#
Element
Relevant
Successes
Failures
Score
6
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
20
0
100
#
Element
Relevant
Successes
Failures
Score
7
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
0
4
0

Code snapshots of failed elements

  • 1
                <p class="elementor-heading-title elementor-size-default">No <i>Flukes</i> Here.....</p>
            
  • 2
                <p class="elementor-heading-title elementor-size-default">We <i>whale</i> always</p>
            
  • 3
                <p class="elementor-heading-title elementor-size-default">Be here for you</p>
            
  • 4
                <p class="elementor-heading-title elementor-size-default">Become a part of our Pod!</p>
            
#
Element
Relevant
Successes
Failures
Score
8
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.
Yes
Pass
-
100
#
Element
Relevant
Successes
Failures
Score
9
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
13
11
54

Code snapshots of successful elements

  • 1
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1" ></span>
            
  • 2
                <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" ></span>
            
  • 3
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3" ></span>
            
  • 4
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4" ></span>
            
  • 5
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5" ></span>
            
  • 6
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6" ></span>
            
  • 7
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7" ></span>
            

Code snapshots of failed elements

  • 1
                <div class="elementor-search-form__toggle" > <i aria-hidden="true" class="fas fa-search"></i> <span class="elementor-screen-only">Search</span></div>
            
  • 2
                <div class="elementor-element elementor-element-5948995 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="5948995" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 3
                <div class="elementor-star-rating__wrapper" ><div class="elementor-star-rating" title="5/5" itemtype="http://schema.org/Rating" itemscope="" itemprop="reviewRating"><i class="elementor-star-full">★</i><i class="elementor-star-full">★</i><i class="ele...
            
  • 4
                <div class="elementor-element elementor-element-f5545a2 elementor-widget-divider--view-line exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-divider" data-id="f5545a2" data-element_type="widget" data-widget_type="divider....
            
  • 5
                <div class="elementor-element elementor-element-639bec2 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="639bec2" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 6
                <div class="elementor-element elementor-element-acba385 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="acba385" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 7
                <div class="elementor-element elementor-element-358d7d7 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="358d7d7" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 8
                <div class="elementor-element elementor-element-e952274 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="e952274" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 9
                <div class="elementor-element elementor-element-cc51068 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="cc51068" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
  • 10
                <div class="elementor-element elementor-element-d522e0b exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading" data-id="d522e0b" data-element_type="widget" data-widget_type="heading.default" ><div class="elementor-widg...
            
#
Element
Relevant
Successes
Failures
Score
10
Interactive elements that can be navigated using the keyboard should be surrounded by a visual outline whenever they are focused.
Yes
-
Fail
0
#
Element
Relevant
Successes
Failures
Score
11
Active popups should include aria-modal="true" and role="dialog" attributes to help screen-reader users navigate them effectively.
No
0
0
#
Element
Relevant
Successes
Failures
Score
12
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

Code snapshots of successful elements

  • 1
                <a class="skip-link screen-reader-text" href="#content" role="link" title="Skip to content"  > Skip to content</a>
            
#
Element
Relevant
Successes
Failures
Score
13
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
14
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
15
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
                <nav migration_allowed="1" migrated="0" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"><ul id="menu-1-fe39480" class="elementor-nav-menu" data-smartmenus-id="1673052891877425" ><li...
            
#
Element
Relevant
Successes
Failures
Score
16
Menu items that have a dropdown should include an aria-haspopup="true" attribute.
Yes
Pass
-
100

Code snapshots of successful elements

  • 1
                <a href="#" class="elementor-item elementor-item-anchor menu-link has-submenu" id="sm-1673052891877425-1" aria-haspopup="true" aria-controls="sm-1673052891877425-2" aria-expanded="false" >Services<span class="sub-arrow"><i class="fas fa-caret-down"><...
            
#
Element
Relevant
Successes
Failures
Score
17
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
Pass
-
100

Code snapshots of successful elements

  • 1
                <a href="#" class="elementor-item elementor-item-anchor menu-link has-submenu" id="sm-1673052891877425-1" aria-haspopup="true" aria-controls="sm-1673052891877425-2" aria-expanded="false" >Services<span class="sub-arrow"><i class="fas fa-caret-down"><...
            
#
Element
Relevant
Successes
Failures
Score
18
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
17
6
74

Code snapshots of successful elements

  • 1
                <img width="1024" height="190" src="https://cianic.com/wp-content/uploads/2021/07/NEW-Slim-Logo-Black-01-230x43.png" class="attachment-large size-large wp-image-679" alt="Cianic website design and development logo" srcset="https://cianic.com/wp-conte...
            
  • 2
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Website_Design.png" alt="Cianic Website...
            
  • 3
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-8-black-02-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-8-black-02-300x160.png" alt="Cianic, Website Design...
            
  • 4
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-9-black-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-9-black-01-300x160.png" alt="Cianic, Website Design...
            
  • 5
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-7-black-02-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-7-black-02-300x160.png" alt="Cianic, Website Design...
            
  • 6
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-6-dark-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-6-dark-01-300x160.png" alt="Cianic, Website Design a...
            
  • 7
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-18-black1-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-18-black1-01-300x160.png" alt="Cianic, Website De...
            
  • 8
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-19-black-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-19-black-01-300x160.png" alt="Cianic, Website Desi...
            
  • 9
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-12-black-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-12-black-01-300x160.png" alt="Cianic, Website Desi...
            
  • 10
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-4-dark-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-4-dark-01-300x160.png" alt="Cianic, Website Design a...
            

Code snapshots of failed elements

  • 1
                <img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2022/06/Tacos_Manzano_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/Tacos_Manzano_Cianic_Website_Design.png" a...
            
  • 2
                <img decoding="async" width="1024" height="346" src="https://cianic.com/wp-content/uploads/2022/06/googletransparent-1024x346.png" data-src="https://cianic.com/wp-content/uploads/2022/06/googletransparent-1024x346.png" class="attachment-large size-la...
            
  • 3
                <img decoding="async" src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_Flower_Shop.png" data-src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_Flower_Shop.png" data-lazy-src="https://ci...
            
  • 4
                <img decoding="async" src="https://cianic.com/wp-content/uploads/2022/06/Tacos_Manzano_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/Tacos_Manzano_Cianic_Website_Design.png" data-lazy-src="https://cianic.com/wp-co...
            
  • 5
                <img decoding="async" src="https://cianic.com/wp-content/uploads/2022/06/Circle_G_Movie_Ranch_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/Circle_G_Movie_Ranch_Cianic_Website_Design.png" data-lazy-src="https://ci...
            
  • 6
                <img width="300" height="169" src="https://cianic.com/wp-content/uploads/2022/02/Do-I-need-a-websit--300x169.png" class="attachment-medium size-medium wp-image-2802" alt="">
            
#
Element
Relevant
Successes
Failures
Score
19
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
20
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
64
11
85

Code snapshots of successful elements

  • 1
                <span class="sub-arrow" ><i class="fas fa-caret-down" ></i></span>
            
  • 2
                <i class="fas fa-caret-down" ></i>
            
  • 3
                <i aria-hidden="true" class="icon icon-phone"></i>
            
  • 4
                <i aria-hidden="true" class="fas fa-search"></i>
            
  • 5
                <i aria-hidden="true" class="eicon-close" ></i>
            
  • 6
                <i aria-hidden="true" class="icon icon-phone" ></i>
            
  • 7
                <i aria-hidden="true" class="fas fa-search" ></i>
            
  • 8
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true" ></span>
            
  • 9
                <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check"></i> </span>
            
  • 10
                <i aria-hidden="true" class="fas fa-check"></i>
            

Code snapshots of failed elements

  • 1
                <span class="sub-arrow"><i class="fas fa-caret-down"></i></span>
            
  • 2
                <i class="fas fa-caret-down"></i>
            
  • 3
                <span class="elementor-divider-separator"> </span>
            
  • 4
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" > <path class="elementor-shape-fill" opacity="0.33" d="M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,...
            
  • 5
                <i class="fab fa-youtube"></i>
            
  • 6
                <i class="fab fa-facebook"></i>
            
  • 7
                <i class="fab fa-instagram"></i>
            
  • 8
                <span id="elementor-device-mode" class="elementor-screen-only" ></span>
            
  • 9
                <svg style="display: none;" class="e-font-icon-svg-symbols" ></svg>
            
#
Element
Relevant
Successes
Failures
Score
21
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
14
0
100

Code snapshots of successful elements

  • 1
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Webs...
            
  • 2
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2022/06/Tacos_Manzano_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/Tacos_M...
            
  • 3
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyload" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://cianic.com/wp-content/uploads/2022/06/Flowers_El_Ranch...
            
  • 4
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-8-black-02-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-8-black-02-300x1...
            
  • 5
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-9-black-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-9-black-01-300x1...
            
  • 6
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-7-black-02-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-7-black-02-300x1...
            
  • 7
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-6-dark-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-6-dark-01-300x160...
            
  • 8
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-18-black1-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-18-black1-01-3...
            
  • 9
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-19-black-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-19-black-01-300...
            
  • 10
                <figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image lazyloaded" src="https://cianic.com/wp-content/uploads/2021/07/WEB-12-black-01-300x160.png" data-src="https://cianic.com/wp-content/uploads/2021/07/WEB-12-black-01-300...
            
#
Element
Relevant
Successes
Failures
Score
22
Each "area" element within a map tag should have an "alt" attribute that provides an alternative text description, similar to standard images.
No
0
0
#
Element
Relevant
Successes
Failures
Score
23
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
24
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
7
3
70

Code snapshots of successful elements

  • 1
                <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Your Name" required="required" aria-required="true">
            
  • 2
                <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email" required="required" aria-required="true">
            
  • 3
                <input size="1" type="tel" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Phone Number" required="required" aria-required="true" pattern="[0-9()#&amp;+*-=.]+" title=...
            
  • 4
                <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Name" required="required" aria-required="true">
            
  • 5
                <input size="1" type="tel" name="form_fields[field_69bf9a8]" id="form-field-field_69bf9a8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Phone Number" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone chara...
            
  • 6
                <textarea class="elementor-field-textual elementor-field  elementor-size-sm" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Message"></textarea>
            

Code snapshots of failed elements

  • 1
                <input placeholder="SEARCH" class="elementor-search-form__input" type="search" name="s" title="Search" value="">
            
  • 2
                <input type="text" name="name" id="user_namebd09f81" placeholder="Your Name" class="bdt-input bdt-form-small" required="required">
            
  • 3
                <input type="email" name="email" id="emailbd09f81" placeholder="example@email.com" class="bdt-input bdt-form-small" required="required">
            
#
Element
Relevant
Successes
Failures
Score
25
Form elements must have unique IDs to ensure that their corresponding labels provide accurate information.
Yes
0
6
0

Code snapshots of failed elements

  • 1
                <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Name" required="required" aria-required="true">
            
  • 2
                <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email" required="required" aria-required="true">
            
  • 3
                <textarea class="elementor-field-textual elementor-field  elementor-size-sm" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Message"></textarea>
            
  • 4
                <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Your Name" required="required" aria-required="true">
            
  • 5
                <input size="1" type="tel" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Phone Number" required="required" aria-required="true" pattern="[0-9()#&amp;+*-=.]+" title=...
            
#
Element
Relevant
Successes
Failures
Score
26
Required form fields should include aria-required="true" to inform screen-reader users of the field's validation.
Yes
0
3
0

Code snapshots of failed elements

  • 1
                <input type="text" name="name" id="user_namebd09f81" placeholder="Your Name" class="bdt-input bdt-form-small" required="required">
            
  • 2
                <input type="email" name="email" id="emailbd09f81" placeholder="example@email.com" class="bdt-input bdt-form-small" required="required">
            
  • 3
                <input size="1" type="tel" name="form_fields[field_69bf9a8]" id="form-field-field_69bf9a8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Phone Number" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone chara...
            
#
Element
Relevant
Successes
Failures
Score
27
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
28
aria-describedby and aria-labelledby attributes should reference the ID of an element that either has a text description or an "aria-label" attribute.
Yes
4
0
100

Code snapshots of successful elements

  • 1
                <ul class="sub-menu elementor-nav-menu--dropdown" id="sm-1673052891877425-2" role="group" aria-hidden="true" aria-labelledby="sm-1673052891877425-1" aria-expanded="false" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-...
            
  • 2
                <ul class="sub-menu elementor-nav-menu--dropdown" id="sm-16730528918813792-2" role="group" aria-hidden="true" aria-labelledby="sm-16730528918813792-1" aria-expanded="false" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-ite...
            
  • 3
                <ul class="sub-menu elementor-nav-menu--dropdown" id="sm-1673052891912452-2" role="group" aria-hidden="true" aria-labelledby="sm-1673052891912452-1" aria-expanded="false" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-...
            
  • 4
                <ul class="sub-menu elementor-nav-menu--dropdown" id="sm-16730528919152476-2" role="group" aria-hidden="true" aria-labelledby="sm-16730528919152476-1" aria-expanded="false" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-ite...
            
#
Element
Relevant
Successes
Failures
Score
29
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.
Yes
3
1
75

Code snapshots of successful elements

  • 1
                <form class="elementor-form" method="post" name="New Form"> <input type="hidden" name="post_id" value="540" > <input type="hidden" name="form_id" value="5fa2f8b" > <input type="hidden" name="referer_title" value="CIANIC | WordPress Web Design and Dev...
            
  • 2
                <form class="bdt-contact-form-form bdt-form-stacked bdt-grid bdt-grid-small without-recaptcha" data-bdt-grid="" action="https://cianic.com/wp-admin/admin-ajax.php" method="post"><div class="bdt-field-group elementor-field-required bdt-width-1-1 bdt-f...
            
  • 3
                <form class="elementor-form" method="post" name="Footer Contact Form"> <input type="hidden" name="post_id" value="1141" > <input type="hidden" name="form_id" value="ddf06a5" > <input type="hidden" name="referer_title" value="CIANIC | WordPress Web De...
            

Code snapshots of failed elements

  • 1
                <form class="elementor-search-form" role="search" action="https://cianic.com" method="get"><div class="elementor-search-form__toggle" > <i aria-hidden="true" class="fas fa-search"></i> <span class="elementor-screen-only" >Search</span></div><div clas...
            
#
Element
Relevant
Successes
Failures
Score
30
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.
Yes
Pass
-
100

Code snapshots of successful elements

  • 1
                <form class="elementor-search-form" role="search" action="https://cianic.com" method="get"><div class="elementor-search-form__toggle" > <i aria-hidden="true" class="fas fa-search"></i> <span class="elementor-screen-only" >Search</span></div><div clas...
            
#
Element
Relevant
Successes
Failures
Score
31
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>CIANIC | WordPress Web Design and Development</title>
            
#
Element
Relevant
Successes
Failures
Score
32
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 lang="en-US" data-uw-w-loader=""><head><base href="https://cianic.com"><meta name="aceWebsite" content="cianic.com"><meta name="aceClient" content="false"><meta name="aceEmbedder" content="https://acsbace.com"><meta name="acsbAceBase" content="...
            
#
Element
Relevant
Successes
Failures
Score
33
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 name="viewport" content="width=device-width, initial-scale=1">
            
#
Element
Relevant
Successes
Failures
Score
34
Landmarks like main content and footer should use their corresponding HTML5 elements (&lt;main&gt;, &lt;footer&gt;) or include an "aria-label" and "role" attribute (e.g., role="main" or role="contentinfo"). Landmarks like search and navigation are covered elsewhere.
Yes
2
1
67

Code snapshots of successful elements

  • 1
                <main id="main" class="site-main"><article class="post-540 page type-page status-publish has-post-thumbnail ast-article-single" id="post-540" itemtype="https://schema.org/CreativeWork" itemscope="itemscope"><header class="entry-header ast-header-with...
            

Code snapshots of failed elements

  • 1
                <div data-elementor-type="footer" data-elementor-id="1141" class="elementor elementor-1141 elementor-location-footer"><section class="elementor-section elementor-top-section elementor-element elementor-element-c13abc4 elementor-section-boxed elemento...
            
#
Element
Relevant
Successes
Failures
Score
35
Font sizes should be at least 11px to ensure readability across most font families. This requirement should also be verified when using dynamic units like REM or percentages.
Yes
0
35
0

Code snapshots of successful elements

  • 1
                <div class="elementor-testimonial__icon elementor-icon elementor-icon-google"><i aria-hidden="true" class="fab fa-google"></i><span class="elementor-screen-only" >Read More</span></div>
            
  • 2
                <i aria-hidden="true" class="fab fa-google"></i>
            
  • 3
                <div class="eael-filter-gallery-container eael-filter-gallery-grid" data-images-per-page="" data-total-gallery-items="16" data-nomore-item-text="" data-settings="{&quot;grid_style&quot;:&quot;grid&quot;,&quot;popup&quot;:&quot;buttons&quot;,&quot;dur...
            
  • 4
                <div class="eael-filterable-gallery-item-wrap eael-cf-websites" style="position: absolute; left: 0%; top: 0px;"><div class="eael-gallery-grid-item" ><div class="gallery-item-thumbnail-wrap"><img decoding="async" src="https://cianic.com/wp-content/upl...
            
  • 5
                <div class="eael-gallery-grid-item" ><div class="gallery-item-thumbnail-wrap"><img decoding="async" src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_Flower_Shop.png" data-src="https://cianic.com/wp-content/uploads/202...
            
  • 6
                <div class="gallery-item-thumbnail-wrap"><img decoding="async" src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_Flower_Shop.png" data-src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_F...
            
  • 7
                <img decoding="async" src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_Flower_Shop.png" data-src="https://cianic.com/wp-content/uploads/2022/08/GoodNews_Website_Design_Cianic_Flower_Shop.png" data-lazy-src="https://ci...
            
  • 8
                <div class="eael-filterable-gallery-item-wrap eael-cf-websites" style="position: absolute; left: 50%; top: 0px;"><div class="eael-gallery-grid-item" ><div class="gallery-item-thumbnail-wrap"><img decoding="async" src="https://cianic.com/wp-content/up...
            
  • 9
                <div class="eael-gallery-grid-item" ><div class="gallery-item-thumbnail-wrap"><img decoding="async" src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic...
            
  • 10
                <div class="gallery-item-thumbnail-wrap"><img decoding="async" src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Website_Design.png" data-src="https://cianic.com/wp-content/uploads/2022/06/LADB_Cianic_Website_Design.png" data-lazy-src="h...
            
#
Element
Relevant
Successes
Failures
Score
36
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
37
Text elements should meet a minimum contrast ratio of 4.5:1 between the foreground (text color) and the background.
Yes
64
50
56

Code snapshots of successful elements

  • 1
                <a href="#" class="elementor-item elementor-item-anchor menu-link has-submenu" id="sm-1673052891877425-1" aria-haspopup="true" aria-controls="sm-1673052891877425-2" aria-expanded="false" >Services<span class="sub-arrow"><i class="fas fa-caret-down"><...
            
  • 2
                <a href="https://cianic.com/portfolio/" class="elementor-item menu-link" >Portfolio</a>
            
  • 3
                <a href="https://cianic.com/the-pod-blog/" class="elementor-item menu-link" >Pod Blog</a>
            
  • 4
                <a href="https://cianic.com/contact/" class="elementor-item menu-link" >Contact</a>
            
  • 5
                <a href="tel:+18183344987" >818-334-4987</a>
            
  • 6
                <h3 class="elementor-heading-title elementor-size-default">Websites that convert visitors into leads</h3>
            
  • 7
                <h1 class="elementor-heading-title elementor-size-default">Build Your WordPress Business Website With Cianic</h1>
            
  • 8
                <p>Every business wants to be online, small or large, start up or idea. Stand out from the competition and make your business look it’s best with a stunning professional WordPress website design. With Cianic website design services, you’ll get effect...
            
  • 9
                <span class="elementor-icon-list-text">Honesty, Integrity, Transparency, Trust</span>
            
  • 10
                <span class="elementor-icon-list-text">Simple, Beautiful, Effective Website Design</span>
            

Code snapshots of failed elements

  • 1
                <span class="elementor-button-text">Get A Proposal</span>
            
  • 2
                <span class="elementor-button-text">Learn More</span>
            
  • 3
                <h2 class="elementor-heading-title elementor-size-default">Top-Rated San Fernando Valley Website Designer</h2>
            
  • 4
                <h3 class="elementor-heading-title elementor-size-default">Honesty, Integrity, Transparency, &amp; Trust</h3>
            
  • 5
                <p>Providing you with a High Quality Business Website is just the beginning. We know in todays business world and specifically in the digital space that honesty, integrity, transparency, and trust are extremely hard to come by or non-existent. Like a...
            
  • 6
                <em>loyalty</em>
            
  • 7
                <em>commitment</em>
            
  • 8
                <em>transparency</em>
            
  • 9
                <p>– Ryan J. Gonzalez (<em>founder)</em></p>
            
  • 10
                <em>founder)</em>
            
#
Element
Relevant
Successes
Failures
Score
38
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
39
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
40
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
41
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.
Yes
13
0
100

Code snapshots of successful elements

  • 1
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1" ></span>
            
  • 2
                <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" ></span>
            
  • 3
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3" ></span>
            
  • 4
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4" ></span>
            
  • 5
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5" ></span>
            
  • 6
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6" ></span>
            
  • 7
                <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7" ></span>
            
#
Element
Relevant
Successes
Failures
Score
42
Tables used for layout purposes should include a role="presentation" attribute to indicate to screen-readers that it is not a data table.
No
0
0
#
Element
Relevant
Successes
Failures
Score
43
If nested tables are used (a table element within a table cell), set the nested tables "role" attribute to "presentation".
No
0
0
#
Element
Relevant
Successes
Failures
Score
44
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
45
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
46
The main element of breadcrumbs should include a role="navigation" attribute and an "aria-label" to describe its functionality.
No
0
0
#
Element
Relevant
Successes
Failures
Score
47
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
48
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.
No
0
0
#
Element
Relevant
Successes
Failures
Score
49
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
2
0
100

Code snapshots of successful elements

  • 1
                <iframe title="reCAPTCHA" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LdFqcMhAAAAAMSAjJHc499M5f1QZifaAWzYozCX&amp;co=aHR0cHM6Ly9hY3NiYWNlLmNvbTo0NDM.&amp;hl=en&amp;type=v3&amp;v=5qcenVbrhOy8zihcc2aHOWD4&amp;size=invisible&amp;badge=...
            
  • 2
                <iframe title="Scanning alert" style="width:100%!important;height:100%!important;position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:999999" src="https://cdn.userway.org/widgetapp/scan_error.html" ><...