Accessibility audit report for www.calzitaly.com

#

Element

Relevant

Successes

Failures

Score

1

The main landmark represents the primary content of a page. It should include only content unique to that page and must remain separate from repeated elements, such as navigation, header, or footer.

Yes

-

Fail

0

Code snapshots of failed elements


        1
                    <div id="page" class="hfeed"> <header id="masthead" class="site-header fixed xl:fixed pt-0 pb-0 bg-white w-full border-b-0" style=""> <!-- TODO: @alessio - Switch lingua da configurare. Ho usato gli ID per stilare --> <div id="langSwitch" class="bg-b...

#

Element

Relevant

Successes

Failures

Score

2

Incorrectly tagging the main landmark may cause screen reader users to misunderstand where the primary content begins or ends, leading to confusion and inefficient navigation.

Yes

-

Fail

0

Code snapshots of failed elements


        1
                    <main id="main"> <div id="blankspace-desktop" class="hidden xl:block -z-10" aria-hidden="true" style="height: 110px;"></div> <div id="blankspace-mobile" class="xl:hidden block -z-10" aria-hidden="true" style="height: 56px;"></div> <div id="content" c...

#

Element

Relevant

Successes

Failures

Score

3

A sticky header remains anchored to the top of the screen while the rest of the page content can be scrolled. If it is not offset from interactive elements, it can overlap and obscure the item in focus.

Yes

-

Fail

0

Code snapshots of failed elements


        1
                    <header id="masthead" class="site-header fixed xl:fixed pt-0 pb-0 bg-white w-full border-b-0" style=""> <!-- TODO: @alessio - Switch lingua da configurare. Ho usato gli ID per stilare --> <div id="langSwitch" class="bg-black text-white px-4 py-3 flex...

#

Element

Relevant

Successes

Failures

Score

4

Interacting with form controls shouldn't automatically submit a form or cause any other change in context without notifying the user in advance. Form controls that cause a context change on input can disorient a user, since the behavior is not expected.

Yes

5

2

71

Code snapshots of successful elements


        1
                    <form action="/#wpcf7-f235-o5" method="post" class="wpcf7-form init" aria-label="Modulo di contatto" novalidate="novalidate" data-status="init"> <fieldset class="hidden-fields-container"> <input type="hidden" name="_wpcf7" value="235"><input type="hi...


        2
                    <form action="/#wpcf7-f22388-o1" method="post" class="wpcf7-form init" aria-label="Modulo di contatto" novalidate="novalidate" data-status="init"> <fieldset class="hidden-fields-container"> <input type="hidden" name="_wpcf7" value="22388"><input type...


        3
                    <form action="/#wpcf7-f22389-o2" method="post" class="wpcf7-form init" aria-label="Modulo di contatto" novalidate="novalidate" data-status="init"> <fieldset class="hidden-fields-container"> <input type="hidden" name="_wpcf7" value="22389"><input type...


        4
                    <form action="/#wpcf7-f22387-o3" method="post" class="wpcf7-form init" aria-label="Modulo di contatto" novalidate="novalidate" data-status="init"> <fieldset class="hidden-fields-container"> <input type="hidden" name="_wpcf7" value="22387"><input type...


        5
                    <form action="/#wpcf7-f22391-o4" method="post" class="wpcf7-form init" aria-label="Modulo di contatto" novalidate="novalidate" data-status="init"> <fieldset class="hidden-fields-container"> <input type="hidden" name="_wpcf7" value="22391"><input type...

Code snapshots of failed elements


        1
                    <form role="search" method="get" class=" search-form" action="https://www.calzitaly.com/"> <label> <span class="screen-reader-text" data-asw-orgfontsize="14" style="font-size: 14px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 2...


        2
                    <form role="search" method="get" class=" search-form" action="https://www.calzitaly.com/"> <label> <span class="screen-reader-text" data-asw-orgfontsize="14" style="font-size: 14px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 2...

#

Element

Relevant

Successes

Failures

Score

5

When elements are visually hidden but still exposed to assistive technology, screen reader users may encounter content that should not be available in the current interface. This can obscure the current state of the page and lead to confusion about what information or controls are available.

Yes

566

70

89

Code snapshots of successful elements


        1
                    <div class="ml-4 md:hidden cursor-pointer"> <svg id="js--langSwitch_closeMobile" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-gray-600"> <path stroke-linecap="round" s...


        2
                    <svg id="js--langSwitch_closeMobile" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-gray-600"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 ...


        3
                    <div class="megaMenu" role="region" aria-label="Sottomenu"><div class="megaMenuInner"> <div class="grid grid-cols-6 gap-8"> <!-- Men&#249; --><div class="col-span-6 grid grid-cols-5 gap-4"> <div><div class="menuItem"> <ul class="sub-menu"> <li role="...


        4
                    <div class="megaMenuInner"> <div class="grid grid-cols-6 gap-8"> <!-- Men&#249; --><div class="col-span-6 grid grid-cols-5 gap-4"> <div><div class="menuItem"> <ul class="sub-menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a...


        5
                    <div class="grid grid-cols-6 gap-8"> <!-- Men&#249; --><div class="col-span-6 grid grid-cols-5 gap-4"> <div><div class="menuItem"> <ul class="sub-menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a class=" menuTitle menu-item...


        6
                    <div class="col-span-6 grid grid-cols-5 gap-4"> <div><div class="menuItem"> <ul class="sub-menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a class=" menuTitle menu-item menu-item-type-taxonomy menu-item-object-product_cat "...


        7
                    <div><div class="menuItem"> <ul class="sub-menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a class=" menuTitle menu-item menu-item-type-taxonomy menu-item-object-product_cat " href="https://www.calzitaly.com/category/women/...


        8
                    <div class="menuItem"> <ul class="sub-menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a class=" menuTitle menu-item menu-item-type-taxonomy menu-item-object-product_cat " href="https://www.calzitaly.com/category/women/women...


        9
                    <ul class="sub-menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a class=" menuTitle menu-item menu-item-type-taxonomy menu-item-object-product_cat " href="https://www.calzitaly.com/category/women/women-tights/" data-asw-orgf...


        10
                    <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"><a class=" menuTitle menu-item menu-item-type-taxonomy menu-item-object-product_cat " href="https://www.calzitaly.com/category/women/women-tights/" data-asw-orgfontsize="15" style="fo...

Code snapshots of failed elements


        1
                    <div class="be-search-results absolute bottom-0 w-full translate-y-full hide"> </div>


        2
                    <div> <div class="menu-btn text-right block"> <a title="" class="text-right btn-open flex items-center justify-end" href="javascript:void(0)" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <span class="uppercase text-sm text-black ...


        3
                    <input type="search" class="js--be-search-trigger" placeholder="Search products..." value="" name="s" title="Search for:" aria-haspopup="dialog" aria-controls="be-search-container" aria-expanded="false" readonly="">


        4
                    <div class="be-search-results absolute bottom-0 w-full translate-y-full hide"> </div>


        5
                    <div class="level-one mb-4"> <div class="nav"> <div class="mb-2 text-base tracking-widest uppercase">Menu</div> <div id="mobile-nav" class="h-full"> <div class="menu-header-main-container"><ul id="menu-header-main-1" class="menu"> <li class="flex jus...


        6
                    <div class="fadeOutElem level-two pb-4"> <div class="mb-2 text-base tracking-widest uppercase">Discover more</div> <ul id="menu-mobile-additional-en" class="menu"> <li class="mt-2" data-asw-orgfontsize="15" style="font-size: 15px;"><a href="https://w...


        7
                    <a id="switcher" class="cursor-pointer py-4 justify-center px-3 bg-black text-white rounded items-center flex hover:bg-primary-500 hover:text-white transition-all duration-300" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xm...


        8
                    <div class="swiper-slide w-full overflow-hidden relative min-h-[70vh] md:min-h-[45vh] lg:min-h-[480px] bg-cover bg-center bg-no-repeat xl:min-h-[700px] xl:p-16 p-6 flex xl:items-center items-end pb-16 swiper-slide-duplicate swiper-slide-next swiper-s...


        9
                    <div class="swiper-slide w-full overflow-hidden relative min-h-[70vh] md:min-h-[45vh] lg:min-h-[480px] bg-cover bg-center bg-no-repeat xl:min-h-[700px] xl:p-16 p-6 flex xl:items-center items-end pb-16 swiper-slide-duplicate-active" style="backface-vi...


        10
                    <div class="swiper-slide w-full overflow-hidden relative min-h-[70vh] md:min-h-[45vh] lg:min-h-[480px] bg-cover bg-center bg-no-repeat xl:min-h-[700px] xl:p-16 p-6 flex xl:items-center items-end pb-16" style="backface-visibility: hidden; transform: t...

#

Element

Relevant

Successes

Failures

Score

6

Activating navigation links enables users to navigate to a different page within the site. Links that do not contain visible text or labeled images should be assigned labels that inform screen reader users of their destination.

Yes

204

21

91

Code snapshots of successful elements


        1
                    <a href="https://www.calzitaly.com" role="link" data-asw-orgfontsize="15" style="font-size: 15px;"> <img class="w-auto xl:h-7 h-6" src="https://www.calzitaly.com/wp-content/uploads/2023/01/logo-calzitaly.png" alt="Calzitaly"> </a>


        2
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/women/" data-asw-orgfontsize="15" style="font-size: 15px;">Women</a>


        3
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/graduated-compression/" data-asw-orgfontsize="15" style="font-size: 15px;">Graduated Compression</a>


        4
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/sport/" data-asw-orgfontsize="15" style="font-size: 15px;">Sport</a>


        5
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/kids/" data-asw-orgfontsize="15" style="font-size: 15px;">Kids</a>


        6
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/men/" data-asw-orgfontsize="15" style="font-size: 15px;">Men</a>


        7
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/body-beauty/" data-asw-orgfontsize="15" style="font-size: 15px;">Body &amp; Beauty</a>


        8
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat " href="https://www.calzitaly.com/category/smart-basics/" data-asw-orgfontsize="15" style="font-size: 15px;">Smart Basics</a>


        9
                    <a class=" link-primary orange menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/outlet/" data-asw-orgfontsize="15" style="font-size: 15px;">Outlet</a>


        10
                    <a title="" href="https://www.calzitaly.com/login/" aria-label="Login" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6...

Code snapshots of failed elements


        1
                    <a href="https://www.calzitaly.com/product/fishnet-tights-rose-pattern/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize="15" style="font...


        2
                    <a href="https://www.calzitaly.com/product/sheer-tights-with-side-line-and-heart-20-den/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize...


        3
                    <a href="https://www.calzitaly.com/product/nude-tights-20-den/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize="15" style="font-size: 15...


        4
                    <a href="https://www.calzitaly.com/product/circular-pattern-fishnet-tights-recycled-yarn/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsiz...


        5
                    <a href="https://www.calzitaly.com/product/fishnet-tights-fairy-leaves-pattern/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize="15" sty...


        6
                    <a href="https://www.calzitaly.com/product/sheer-seamless-tights-15-den/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize="15" style="fon...


        7
                    <a href="https://www.calzitaly.com/product/pack-2-sheer-knee-high-socks-with-3d-band-20-den/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfont...


        8
                    <a href="https://www.calzitaly.com/product/nude-tights-20-den/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize="15" style="font-size: 15...


        9
                    <a href="https://www.calzitaly.com/product/fishnet-tights-rose-pattern/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transition-all" data-asw-orgfontsize="15" style="font...


        10
                    <a href="https://www.calzitaly.com/product/pack-3-pairs-sheer-knee-high-sock-polka-dots-stripes-and-checked-pattern/" class="rounded-full md:block hidden bg-black text-white h-fit group-hover:translate-x-1 group-hover:text-white duration-300 transiti...

#

Element

Relevant

Successes

Failures

Score

7

Images require a text alternative when the image conveys meaningful content or serves a functional purpose. If the image is decorative, it must be hidden from assistive technology.

Yes

35

3

92

Code snapshots of successful elements


        1
                    <img class="w-auto xl:h-7 h-6" src="https://www.calzitaly.com/wp-content/uploads/2023/01/logo-calzitaly.png" alt="Calzitaly">


        2
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/...


        3
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="SHEER TIGHTS WITH SIDE LINE AND HEART - 20 DEN" data-lazy-src="/product_images/origina...


        4
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-g...


        5
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="CIRCULAR PATTERN FISHNET TIGHTS - RECYCLED YARN" data-lazy-src="/product_images/origin...


        6
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - FAIRY LEAVES PATTERN" data-lazy-src="/product_images/originals/AE7044...


        7
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/0122/aqua-green/aqua-green_1.2.jpg" alt="SHEER SEAMLESS TIGHTS - 15 DEN" data-lazy-src="/product_images/originals/0122/aqua-green/aqua-green_1.2.jpg"...


        8
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/11276X2/black/black_1.jpg" alt="PACK 2 SHEER KNEE-HIGH SOCKS WITH 3D BAND - 20 DEN" data-lazy-src="/product_images/originals/11276X2/black/black_1.jp...


        9
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/01364/aqua-green/aqua-green_1.jpg" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-green_1.jpg" data-ll-sta...


        10
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/AE7044M/black/black_1.jpg" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/black_1.jpg" data-ll-status="lo...

Code snapshots of failed elements


        1
                    <img class="rounded entered lazyloaded" src="https://www.calzitaly.com/wp-content/uploads/2025/09/Categories-home-bodybeauty.jpg" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2025/09/Categories-home-bodybeauty.jpg" data-ll-status="load...


        2
                    <img class="rounded entered lazyloaded" src="https://www.calzitaly.com/wp-content/uploads/2025/09/Categories-home-sport.jpg" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2025/09/Categories-home-sport.jpg" data-ll-status="loaded">


        3
                    <img class="rounded entered lazyloaded" src="https://www.calzitaly.com/wp-content/uploads/2025/09/Categories-home-compressione-graduata.jpg" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2025/09/Categories-home-compressione-graduata.jpg...

#

Element

Relevant

Successes

Failures

Score

8

If interactive elements cannot be identified as buttons, screen reader users may not realize the element is actionable, which can stop them from submitting forms, opening dialogs, or performing other intended actions.

Yes

25

2

93

Code snapshots of successful elements


        1
                    <a id="js--langSwitch_confirm" class="cursor-pointer" role="button" data-asw-orgfontsize="15" style="font-size: 15px;">Apply</a>


        2
                    <a id="switcher" class="cursor-pointer ml-4 p-2 px-3 bg-gray-100 rounded xl:flex items-center hidden hover:bg-primary-500 hover:text-white transition-all duration-300 group" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xmlns...


        3
                    <a title="" class="text-right btn-open flex items-center justify-end" href="javascript:void(0)" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <span class="uppercase text-sm text-black mr-1" data-asw-orgfontsize="14" style="font-si...


        4
                    <a class="pr-4 " data-menuid="8667" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Women</a>


        5
                    <a class="pr-4 " data-menuid="8662" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Graduated Compression</a>


        6
                    <a class="pr-4 " data-menuid="8666" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Sport</a>


        7
                    <a class="pr-4 " data-menuid="8663" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Kids</a>


        8
                    <a class="pr-4 " data-menuid="8664" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Men</a>


        9
                    <a class="pr-4 " data-menuid="8661" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Body &amp; Beauty</a>


        10
                    <a class="pr-4 link-primary orange" data-menuid="91920" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Outlet</a>

Code snapshots of failed elements


        1
                    <a id="help-popup-btn" class=" cursor-pointer fixed md:bottom-[15vh] bottom-[10vh] z-50 right-0 p-3 aspect-square bg-primary-500 text-white hover:text-white hover:bg-black transition-all duration-150 rounded-l-sm" data-asw-orgfontsize="15" style="fon...


        2
                    <a data-asw-orgfontsize="15" style="font-size: 15px;">Preferences</a>

#

Element

Relevant

Successes

Failures

Score

9

Buttons that do not contain visible text should be assigned labels that inform screen reader users of their purpose.

Yes

26

1

96

Code snapshots of successful elements


        1
                    <a id="js--langSwitch_confirm" class="cursor-pointer" role="button" data-asw-orgfontsize="15" style="font-size: 15px;">Apply</a>


        2
                    <a id="switcher" class="cursor-pointer ml-4 p-2 px-3 bg-gray-100 rounded xl:flex items-center hidden hover:bg-primary-500 hover:text-white transition-all duration-300 group" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xmlns...


        3
                    <a title="" class="text-right btn-open flex items-center justify-end" href="javascript:void(0)" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <span class="uppercase text-sm text-black mr-1" data-asw-orgfontsize="14" style="font-si...


        4
                    <a class="pr-4 " data-menuid="8667" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Women</a>


        5
                    <a class="pr-4 " data-menuid="8662" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Graduated Compression</a>


        6
                    <a class="pr-4 " data-menuid="8666" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Sport</a>


        7
                    <a class="pr-4 " data-menuid="8663" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Kids</a>


        8
                    <a class="pr-4 " data-menuid="8664" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Men</a>


        9
                    <a class="pr-4 " data-menuid="8661" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Body &amp; Beauty</a>


        10
                    <a class="pr-4 link-primary orange" data-menuid="91920" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Outlet</a>

Code snapshots of failed elements


        1
                    <span id="open-accessibility" class="fixed z-50 material-symbols-outlined cursor-pointer border-2 border-solid border-gray-200 bg-white rounded-md p-2" aria-expanded="false" role="button" onclick="openAccessibilityMenu(); this.setAttribute('aria-expa...

#

Element

Relevant

Successes

Failures

Score

10

Smaller graphics used as decorative or complementary elements, such as icons, and that do not provide additional information will often add unnecessary clutter to a screen reader user's browsing experience.

Yes

26

1

96

Code snapshots of successful elements


        1
                    <svg id="js--langSwitch_closeDesktop" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-gray-600" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d...


        2
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.1...


        3
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017...


        4
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1...


        5
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 ...


        6
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 p-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></pat...


        7
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 p-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></pat...


        8
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 p-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></pat...


        9
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="fill-black w-8 h-8 group-hover:fill-white"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.01...


        10
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01...

Code snapshots of failed elements


        1
                    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none" role="presentation"></path><path d="M20.5 6c-2.61.7-5.67 1-8.5 1s-5.89-.3-8.5-1L3 8c1.86.5 4 .83 6 1v13h2v-6h2v6h2V9c2-.17 4.14-.5 ...

#

Element

Relevant

Successes

Failures

Score

11

Screen reader users may find it difficult to distinguish between links when the purpose of each link cannot be determined from its text alone or together with its immediate context.

Yes

198

6

97

Code snapshots of successful elements


        1
                    <a href="https://www.calzitaly.com" role="link" data-asw-orgfontsize="15" style="font-size: 15px;"> <img class="w-auto xl:h-7 h-6" src="https://www.calzitaly.com/wp-content/uploads/2023/01/logo-calzitaly.png" alt="Calzitaly"> </a>


        2
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/women/" data-asw-orgfontsize="15" style="font-size: 15px;">Women</a>


        3
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/graduated-compression/" data-asw-orgfontsize="15" style="font-size: 15px;">Graduated Compression</a>


        4
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/sport/" data-asw-orgfontsize="15" style="font-size: 15px;">Sport</a>


        5
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/kids/" data-asw-orgfontsize="15" style="font-size: 15px;">Kids</a>


        6
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/men/" data-asw-orgfontsize="15" style="font-size: 15px;">Men</a>


        7
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/body-beauty/" data-asw-orgfontsize="15" style="font-size: 15px;">Body &amp; Beauty</a>


        8
                    <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat " href="https://www.calzitaly.com/category/smart-basics/" data-asw-orgfontsize="15" style="font-size: 15px;">Smart Basics</a>


        9
                    <a class=" link-primary orange menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/outlet/" data-asw-orgfontsize="15" style="font-size: 15px;">Outlet</a>


        10
                    <a title="" href="https://www.calzitaly.com/login/" aria-label="Login" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6...

Code snapshots of failed elements


        1
                    <a href="https://www.calzitaly.com/cart/" class="flex items-center relative text-black" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColo...


        2
                    <a target="_blank" href="https://www.calzitaly.com/product/nude-tights-20-den/" class="hover:opacity-80 transition-all duration-300" aria-label="View Instagram post" data-asw-orgfontsize="15" style="font-size: 15px;"> <img src="https://www.calzitaly....


        3
                    <a target="_blank" href="https://www.calzitaly.com/product/opaque-seamless-tights-50-den/" class="hover:opacity-80 transition-all duration-300" aria-label="View Instagram post" data-asw-orgfontsize="15" style="font-size: 15px;"> <img src="https://www...


        4
                    <a target="_blank" href="https://www.calzitaly.com/product/wool-cashmere-tights-150-den/" class="hover:opacity-80 transition-all duration-300" aria-label="View Instagram post" data-asw-orgfontsize="15" style="font-size: 15px;"> <img src="https://www....


        5
                    <a target="_blank" href="https://www.calzitaly.com/product/sheer-seamless-tights-15-den/" class="hover:opacity-80 transition-all duration-300" aria-label="View Instagram post" data-asw-orgfontsize="15" style="font-size: 15px;"> <img src="https://www....


        6
                    <a target="_blank" href="https://www.calzitaly.com/product/sheer-seamless-tights-15-den/" class="hover:opacity-80 transition-all duration-300" aria-label="View Instagram post" data-asw-orgfontsize="15" style="font-size: 15px;"> <img alt="" data-lazy-...

#

Element

Relevant

Successes

Failures

Score

12

If content remains visible on the screen but assigned aria-hidden="true", it will be excluded from the accessibility tree. As a result, screen reader users will not have access to the same information as sighted users.

Yes

463

8

98

Code snapshots of successful elements


        1
                    <div id="page" class="hfeed"> <header id="masthead" class="site-header fixed xl:fixed pt-0 pb-0 bg-white w-full border-b-0" style=""> <!-- TODO: @alessio - Switch lingua da configurare. Ho usato gli ID per stilare --> <div id="langSwitch" class="bg-b...


        2
                    <header id="masthead" class="site-header fixed xl:fixed pt-0 pb-0 bg-white w-full border-b-0" style=""> <!-- TODO: @alessio - Switch lingua da configurare. Ho usato gli ID per stilare --> <div id="langSwitch" class="bg-black text-white px-4 py-3 flex...


        3
                    <div id="langSwitch" class="bg-black text-white px-4 py-3 flex flex-col md:flex-row space-y-2 md:space-y-0 md:space-x-6 justify-center items-center"> <div class="flex"> <div class="text-xs text-white/70"> Choose the the language in which you want to ...


        4
                    <div class="flex"> <div class="text-xs text-white/70"> Choose the the language in which you want to browse the site. </div> <div class="ml-4 md:hidden cursor-pointer"> <svg id="js--langSwitch_closeMobile" xmlns="http://www.w3.org/2000/svg" fill="none...


        5
                    <div class="text-xs text-white/70"> Choose the the language in which you want to browse the site. </div>


        6
                    <div class="flex items-center space-x-2 w-full md:w-auto"> <!-- <div class="flex-1 md:flex-none"> <select id="js--langSwitch_country"> <option selected value="it">Italia</option> <option value="at">Austria</option> <option value="de">Germania</option...


        7
                    <div class="flex-1 md:flex-none"> <select id="js--langSwitch_lang"> <option value="https://www.calzitaly.com/it/">Italiano</option> <option value="https://www.calzitaly.com/fr/">Français</option> <option value="https://www.calzitaly.com/" selected=""...


        8
                    <select id="js--langSwitch_lang"> <option value="https://www.calzitaly.com/it/">Italiano</option> <option value="https://www.calzitaly.com/fr/">Français</option> <option value="https://www.calzitaly.com/" selected="">English</option> <option value="h...


        9
                    <div> <a id="js--langSwitch_confirm" class="cursor-pointer" role="button" data-asw-orgfontsize="15" style="font-size: 15px;">Apply</a> </div>


        10
                    <a id="js--langSwitch_confirm" class="cursor-pointer" role="button" data-asw-orgfontsize="15" style="font-size: 15px;">Apply</a>

Code snapshots of failed elements


        1
                    <svg id="js--langSwitch_closeDesktop" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-gray-600" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d...


        2
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.1...


        3
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 ...


        4
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 p-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></pat...


        5
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 p-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></pat...


        6
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 p-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></pat...


        7
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="fill-black w-8 h-8 group-hover:fill-white"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.01...


        8
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01...

#

Element

Relevant

Successes

Failures

Score

13

Screen readers rely on accurate tagging and labeling to provide necessary context. If an element that does not contain navigation links is tagged as a navigation landmark, screen reader users may lose orientation and find the page's structure difficult to understand.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <nav class="menu-header-main-container" aria-label="Main navigation"><ul id="menu-header-main" class="menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"> <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat...

#

Element

Relevant

Successes

Failures

Score

14

Screen reader users rely on landmarks to quickly access important regions of a page. Defining a form as a search landmark ensures that users can quickly recognize and navigate to the search form.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <label> <span class="screen-reader-text" data-asw-orgfontsize="14" style="font-size: 14px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4" aria-hidden="true"> <path st...

#

Element

Relevant

Successes

Failures

Score

15

An empty list will still be announced by screen readers, which may confuse users, leaving them unsure if the list is empty or an issue prevents the screen reader from announcing the list items.

Yes

12

0

100

Code snapshots of successful elements


        1
                    <ul id="menu-header-main" class="menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"> <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children " href="https://www.calzitaly.com/category/wo...


        2
                    <ul id="menu-header-main-1" class="menu"> <li class="flex justify-between" role="none" data-asw-orgfontsize="15" style="font-size: 15px;"> <a class="pr-4 " data-menuid="8667" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsi...


        3
                    <ul id="menu-mobile-additional-en" class="menu"> <li class="mt-2" data-asw-orgfontsize="15" style="font-size: 15px;"><a href="https://www.calzitaly.com/login/" data-asw-orgfontsize="15" style="font-size: 15px;">Login / Register</a></li> <li class="mt...

4 <ul><li></li></ul>


        5
                    <ul id="menu-footer-2-en" class="menu"> <li id="menu-item-7856" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7856" data-asw-orgfontsize="15" style="font-size: 15px;"><a href="https://www.calzitaly.com/about-us/" data-asw-...


        6
                    <ul id="menu-footer-3-en" class="menu"> <li id="menu-item-21723" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21723" data-asw-orgfontsize="15" style="font-size: 15px;"><a href="https://www.calzitaly.com/contacts/" data-as...


        7
                    <ul id="menu-footer-4-en" class="menu"> <li id="menu-item-7990" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-7990" data-asw-orgfontsize="15" style="font-size: 15px;"><a rel="privacy-policy" href="...


        8
                    <ul id="menu-footer-5-en" class="menu"> <li id="menu-item-8749" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-8749" data-asw-orgfontsize="15" style="font-size: 15px;"><a href="https://www.calzitaly.com/category/women...

9 <ul><li></li></ul>
10 <ul><li></li></ul>

#

Element

Relevant

Successes

Failures

Score

16

Screen readers rely on properly coded and associated labels to announce the purpose of a form field. A checkbox control without an identifiable label may prevent screen reader users from completing the form.

Yes

5

0

100

Code snapshots of successful elements


        1
                    <input type="checkbox" name="acceptance-443" value="1" checked="" aria-invalid="false">


        2
                    <input type="checkbox" name="acceptance-443" value="1" checked="" aria-invalid="false">


        3
                    <input type="checkbox" name="acceptance-443" value="1" checked="" aria-invalid="false">


        4
                    <input type="checkbox" name="acceptance-443" value="1" checked="" aria-invalid="false">


        5
                    <input type="checkbox" name="acceptance-443" value="1" checked="" aria-invalid="false">

#

Element

Relevant

Successes

Failures

Score

17

Adding type="submit" to a control that submits a form ensures that screen readers users expect a change of context when they activate the control.

Yes

5

0

100

Code snapshots of successful elements


        1
                    <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Subscribe">


        2
                    <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Email me the coupon">


        3
                    <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="INVIAMI IL CODICE SCONTO">


        4
                    <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="SENDE MIR DEN COUPON">


        5
                    <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="M’ENVOYER LE CODE PROMO">

#

Element

Relevant

Successes

Failures

Score

18

Main navigation elements should have role navigation to ensure that screen readers can identify them as navigation regions.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <nav class="menu-header-main-container" aria-label="Main navigation"><ul id="menu-header-main" class="menu"> <li role="none" data-asw-orgfontsize="15" style="font-size: 15px;"> <a class=" menu-item menu-item-type-taxonomy menu-item-object-product_cat...

#

Element

Relevant

Successes

Failures

Score

19

If a field is marked as required only through visual cues, but lacks the required attribute or aria-required="true", screen readers will not announce it as mandatory. As a result, users may experience unnecessary delays or confusion when trying to submit the form.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Your email address" value="" type="email" name="your-email"...

#

Element

Relevant

Successes

Failures

Score

20

Interactive elements that trigger additional content should only have relationship and state ARIA attributes, such as aria-expanded and aria-controls, if they have interactive roles, such as button, tab, combobox and in rarer cases, link.

Yes

7

0

100

Code snapshots of successful elements


        1
                    <a class="pr-4 " data-menuid="8667" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Women</a>


        2
                    <a class="pr-4 " data-menuid="8662" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Graduated Compression</a>


        3
                    <a class="pr-4 " data-menuid="8666" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Sport</a>


        4
                    <a class="pr-4 " data-menuid="8663" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Kids</a>


        5
                    <a class="pr-4 " data-menuid="8664" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Men</a>


        6
                    <a class="pr-4 " data-menuid="8661" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Body &amp; Beauty</a>


        7
                    <a class="pr-4 link-primary orange" data-menuid="91920" role="button" aria-haspopup="true" aria-expanded="false" data-asw-orgfontsize="15" style="font-size: 15px;">Outlet</a>

#

Element

Relevant

Successes

Failures

Score

21

The alt attribute is used to provide a text alternative for images. It is not meant to be used on elements other than images and therefore will not be read using screen-readers.

Yes

65

0

100

Code snapshots of successful elements


        1
                    <img class="w-auto xl:h-7 h-6" src="https://www.calzitaly.com/wp-content/uploads/2023/01/logo-calzitaly.png" alt="Calzitaly">


        2
                    <img class="transition-all duration-300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2026/04/STL-9.jpg">


        3
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/...


        4
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="SHEER TIGHTS WITH SIDE LINE AND HEART - 20 DEN" data-lazy-src="/product_images/origina...


        5
                    <img class="transition-all duration-300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2026/04/STL-11.jpg">


        6
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-g...


        7
                    <img class="transition-all duration-300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2026/04/STL-12.jpg">


        8
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="CIRCULAR PATTERN FISHNET TIGHTS - RECYCLED YARN" data-lazy-src="/product_images/origin...


        9
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - FAIRY LEAVES PATTERN" data-lazy-src="/product_images/originals/AE7044...


        10
                    <img class="transition-all duration-300 entered lazyloaded" src="https://www.calzitaly.com/wp-content/uploads/2026/04/STL-2.jpg" alt="" data-lazy-src="https://www.calzitaly.com/wp-content/uploads/2026/04/STL-2.jpg" data-ll-status="loaded">

#

Element

Relevant

Successes

Failures

Score

22

An iframe needs a label that describes its purpose to screen reader users.

Yes

5

0

100

Code snapshots of successful elements


        1
                    <iframe title="Customer reviews powered by Trustpilot" loading="auto" src="https://widget.trustpilot.com/trustboxes/5419b732fbfb950b10de65e5/index.html?templateId=5419b732fbfb950b10de65e5&amp;businessunitId=634fdeed4dc5d9b5c06de79d#locale=en&amp;styl...


        2
                    <iframe title="Customer reviews powered by Trustpilot" loading="auto" src="https://widget.trustpilot.com/trustboxes/577258fb31f02306e4e3aaf9/index.html?templateId=577258fb31f02306e4e3aaf9&amp;businessunitId=634fdeed4dc5d9b5c06de79d#locale=en&amp;styl...


        3
                    <iframe title="Customer reviews powered by Trustpilot" loading="auto" src="https://widget.trustpilot.com/trustboxes/577258fb31f02306e4e3aaf9/index.html?templateId=577258fb31f02306e4e3aaf9&amp;businessunitId=634fdeed4dc5d9b5c06de79d#locale=en&amp;styl...


        4
                    <iframe title="Customer reviews powered by Trustpilot" loading="auto" src="https://widget.trustpilot.com/trustboxes/577258fb31f02306e4e3aaf9/index.html?templateId=577258fb31f02306e4e3aaf9&amp;businessunitId=634fdeed4dc5d9b5c06de79d#locale=en&amp;styl...


        5
                    <iframe title="Customer reviews powered by Trustpilot" loading="auto" src="https://widget.trustpilot.com/trustboxes/577258fb31f02306e4e3aaf9/index.html?templateId=577258fb31f02306e4e3aaf9&amp;businessunitId=634fdeed4dc5d9b5c06de79d#locale=en&amp;styl...

#

Element

Relevant

Successes

Failures

Score

23

Elements with strong importance should have the strong role. If not, screen reader users may not understand the importance of the text.

Yes

4

0

100

Code snapshots of successful elements


        1
                    <strong>ENTHUSIASM</strong>


        2
                    <strong> PASSION</strong>


        3
                    <strong>DYNAMISM</strong>


        4
                    <strong data-iub-role="purposes_emphasis">experience, measurement and “marketing (personalised ads)”</strong>

#

Element

Relevant

Successes

Failures

Score

24

Text alternatives must provide accurate descriptions of the image. Incorrect text alternatives, such as filenames or other placeholder values, may cause screen reader users to either miss essential information or hear unnecessary content that disrupts navigation.

Yes

35

0

100

Code snapshots of successful elements


        1
                    <img class="w-auto xl:h-7 h-6" src="https://www.calzitaly.com/wp-content/uploads/2023/01/logo-calzitaly.png" alt="Calzitaly">


        2
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/...


        3
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="SHEER TIGHTS WITH SIDE LINE AND HEART - 20 DEN" data-lazy-src="/product_images/origina...


        4
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-g...


        5
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="CIRCULAR PATTERN FISHNET TIGHTS - RECYCLED YARN" data-lazy-src="/product_images/origin...


        6
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - FAIRY LEAVES PATTERN" data-lazy-src="/product_images/originals/AE7044...


        7
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/0122/aqua-green/aqua-green_1.2.jpg" alt="SHEER SEAMLESS TIGHTS - 15 DEN" data-lazy-src="/product_images/originals/0122/aqua-green/aqua-green_1.2.jpg"...


        8
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/11276X2/black/black_1.jpg" alt="PACK 2 SHEER KNEE-HIGH SOCKS WITH 3D BAND - 20 DEN" data-lazy-src="/product_images/originals/11276X2/black/black_1.jp...


        9
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/01364/aqua-green/aqua-green_1.jpg" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-green_1.jpg" data-ll-sta...


        10
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/AE7044M/black/black_1.jpg" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/black_1.jpg" data-ll-status="lo...

#

Element

Relevant

Successes

Failures

Score

25

When non-graphical elements are marked up as images, screen reader users may misunderstand the intended purpose of the content.

Yes

42

0

100

Code snapshots of successful elements


        1
                    <img class="w-auto xl:h-7 h-6" src="https://www.calzitaly.com/wp-content/uploads/2023/01/logo-calzitaly.png" alt="Calzitaly">


        2
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/...


        3
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="SHEER TIGHTS WITH SIDE LINE AND HEART - 20 DEN" data-lazy-src="/product_images/origina...


        4
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-g...


        5
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="CIRCULAR PATTERN FISHNET TIGHTS - RECYCLED YARN" data-lazy-src="/product_images/origin...


        6
                    <img class="object-cover w-full h-auto rounded-sm" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="FISHNET TIGHTS - FAIRY LEAVES PATTERN" data-lazy-src="/product_images/originals/AE7044...


        7
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/0122/aqua-green/aqua-green_1.2.jpg" alt="SHEER SEAMLESS TIGHTS - 15 DEN" data-lazy-src="/product_images/originals/0122/aqua-green/aqua-green_1.2.jpg"...


        8
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/11276X2/black/black_1.jpg" alt="PACK 2 SHEER KNEE-HIGH SOCKS WITH 3D BAND - 20 DEN" data-lazy-src="/product_images/originals/11276X2/black/black_1.jp...


        9
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/01364/aqua-green/aqua-green_1.jpg" alt="NUDE TIGHTS - 20 DEN" data-lazy-src="/product_images/originals/01364/aqua-green/aqua-green_1.jpg" data-ll-sta...


        10
                    <img class="object-cover w-full h-auto rounded-sm entered lazyloaded" src="/product_images/originals/AE7044M/black/black_1.jpg" alt="FISHNET TIGHTS - ROSE PATTERN" data-lazy-src="/product_images/originals/AE7044M/black/black_1.jpg" data-ll-status="lo...

#

Element

Relevant

Successes

Failures

Score

26

Aria labels should describe elements that don't have proper text, like icons and field labels. It should not be used to override element texts. Screen reader users need to receive the exact text as visually on the screen, with more context if it is ambiguous. An exception applies to landmarks such as nav or other landmarks: here, ARIA labels can provide additional context or clarification.

Yes

3

0

100

Code snapshots of successful elements


        1
                    <a target="_blank" class="group relative hover:opacity-80 cursor-pointer transition-all duration-300" href="https://www.calzitaly.com/product/nude-tights-20-den/" aria-label="@calzitaly" data-asw-orgfontsize="15" style="font-size: 15px;"> <video clas...


        2
                    <a target="_blank" class="group relative hover:opacity-80 cursor-pointer transition-all duration-300" href="https://www.calzitaly.com/product/fishnet-tights-rose-pattern/" aria-label="@calzitaly" data-asw-orgfontsize="15" style="font-size: 15px;"> <i...


        3
                    <a target="_blank" class="group relative hover:opacity-80 cursor-pointer transition-all duration-300" href="https://www.calzitaly.com/product/pack-3-pairs-sheer-knee-high-sock-polka-dots-stripes-and-checked-pattern/" aria-label="@calzitaly" data-asw-...

#

Element

Relevant

Successes

Failures

Score

27

Specifying a default page language ensures screen readers apply the correct pronunciation rules, voices, and braille output. Without it, screen readers may guess the language incorrectly, causing mispronunciations, confusion, and reduced comprehension for users.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <html lang="en-US" prefix="og: https://ogp.me/ns#"><head><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1...

#

Element

Relevant

Successes

Failures

Score

28

The meta viewport should allow scalability, typically with width=device-width, initial-scale=1, so text can be resized up to 200% without loss of functionality. Using user-scalable=no or maximum-scale=1 prevents users from enlarging content, making it difficult for people with low vision to read or interact.

Yes

Pass

-

100

Code snapshots of successful elements


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

#

Element

Relevant

Successes

Failures

Score

29

A missing page title makes it difficult for screen reader users and sighted users with multiple tabs open to identify the page, reducing orientation and usability.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <title>Homepage - Calzitaly</title>

#

Element

Relevant

Successes

Failures

Score

30

Screen readers rely heavily on page titles to announce the purpose of a page. If titles aren’t descriptive, users with low or no vision may not understand the context until they start navigating the page.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <title>Homepage - Calzitaly</title>

#

Element

Relevant

Successes

Failures

Score

31

A tablist without role="tablist" is not announced as a group of related tabs, which prevents screen reader users from recognizing the structure and purpose of the component. This makes it harder to navigate between tabs and understand that the controls belong to a single set.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <div class="iubenda-cs-opt-group" style="color:#0C0C0C!important;" role="tablist"><div class="iubenda-cs-opt-group-custom"><button class="iubenda-cs-customize-btn" tabindex="0" role="tab">Learn more and customise</button></div><div class="iubenda-cs-...

#

Element

Relevant

Successes

Failures

Score

32

Applying role="tablist" to an element without tabs misleads screen reader users by suggesting a group of tabs that does not exist.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <div class="iubenda-cs-opt-group" style="color:#0C0C0C!important;" role="tablist"><div class="iubenda-cs-opt-group-custom"><button class="iubenda-cs-customize-btn" tabindex="0" role="tab">Learn more and customise</button></div><div class="iubenda-cs-...

#

Element

Relevant

Successes

Failures

Score

33

Custom tabs must be explicitly defined for screen readers since there are no native HTML tab elements. Without assigning role="tab" to the interactive elements, assistive technology will not identify them as tabs, preventing users from understanding their function or navigating them as part of a tab interface.

Yes

3

0

100

Code snapshots of successful elements


        1
                    <button class="iubenda-cs-customize-btn" tabindex="0" role="tab">Learn more and customise</button>


        2
                    <button class="iubenda-cs-reject-btn iubenda-cs-btn-primary" tabindex="0" role="tab">Reject</button>


        3
                    <button class="iubenda-cs-accept-btn iubenda-cs-btn-primary" tabindex="0" role="tab">Accept</button>

#

Element

Relevant

Successes

Failures

Score

34

Applying role="tab" to an element that is not part of a functioning tab interface misleads screen reader users by presenting it as a tab without a corresponding panel.

Yes

3

0

100

Code snapshots of successful elements


        1
                    <button class="iubenda-cs-customize-btn" tabindex="0" role="tab">Learn more and customise</button>


        2
                    <button class="iubenda-cs-reject-btn iubenda-cs-btn-primary" tabindex="0" role="tab">Reject</button>


        3
                    <button class="iubenda-cs-accept-btn iubenda-cs-btn-primary" tabindex="0" role="tab">Accept</button>

#

Element

Relevant

Successes

Failures

Score

35

Using an <article> tag on content that is not self-contained and that cannot stand on its own outside the context of the page, such as a blog post, news story, or forum entry, causes screen readers to announce misleading information about the purpose the content in relation to the main subject of the page.

No

0

#

Element

Relevant

Successes

Failures

Score

36

A breadcrumb region presents a trail of links showing the user’s current page in relation to higher-level pages on a site. Without a label, it may be announced by screen reades simply as "navigation", making it hard to distinguish from other navigation regions on the page.

No

0

#

Element

Relevant

Successes

Failures

Score

37

A page typically presents one central subject, so a single main landmark establishes the boundaries of the primary content for screen reader users. Multiple main landmarks create uncertainty about the scope, leading to confusion and difficulty navigating the page.

No

0

#

Element

Relevant

Successes

Failures

Score

38

Screen readers rely on properly coded and associated labels to announce the purpose of a form field. A radio control without an identifiable label may prevent screen reader users from completing the form.

No

0

#

Element

Relevant

Successes

Failures

Score

39

A sticky footer remains anchored to the bottom of the screen while the rest of the page content can be scrolled. If it is not offset from interactive elements, it can overlap and obscure the item in focus.

No

0

#

Element

Relevant

Successes

Failures

Score

40

Activating anchor links enables users to navigate to a different section within the same page by scrolling and moving keyboard focus. Anchor links that do not contain visible text or labeled images should be assigned labels that inform screen reader users of their destination.

No

0

#

Element

Relevant

Successes

Failures

Score

41

Visual cues are often used by sighted users to indicate which link represents the current page within a set of links. This information should be made available to screen reader users by assigning aria-current='page' to the link.

No

0

#

Element

Relevant

Successes

Failures

Score

42

In most cases, using role=menu on navigation elements within a web page can negatively impact screen reader users, especially those using JAWS. The attribute should be used for menu types that function like those found in desktop applications.

No

0

#

Element

Relevant

Successes

Failures

Score

43

In most cases, using role=menubar on navigation elements within a web page can negatively impact screen reader users, especially those using JAWS. The attribute should be used for menu types that function like those found in desktop applications.

No

0

#

Element

Relevant

Successes

Failures

Score

44

In most cases, using ARIA menu roles within a web page can negatively impact screen reader users, especially those using JAWS. role="menuitem" should be used for menu items in menu types that function like those found in desktop applications.

No

0

#

Element

Relevant

Successes

Failures

Score

45

Make sure that no element has an autofocus attribute.

No

0

#

Element

Relevant

Successes

Failures

Score

46

Breadcrumb navigation regions are essential for user orientation. If not appropriately tagged, screen reader users will not know that such an option exists on the page and will face more difficulties browsing around.

No

0

#

Element

Relevant

Successes

Failures

Score

47

Elements with emphasis importance should have the emphasis role. If not, screen reader users may not understand the emphasis of the text.

No

0

#

Element

Relevant

Successes

Failures

Score

48

Ambiguous links like "Learn More", "Shop Now" and "Start Here" are often used as a call to action. However, screen-reader users, while using link navigation, do not interact with content above or below the link and therefore don't have the same context as to what they will learn more about.

No

0

#

Element

Relevant

Successes

Failures

Score

49

Using role="application" is generally discouraged because it disables standard screen reader modes and forces users into an application mode. This removes familiar navigation shortcuts, such as heading or landmark navigation, and requires them to interact in ways they may not expect.

No

0

#

Element

Relevant

Successes

Failures

Score

50

Discounted prices often appear next to the original and distinguished with visual cues like strikethroughs or color changes. Both prices must also be conveyed by screen readers in a way that enables users to differentiate between the values, ensuring they can understand when a discount is applied.

No

0

#

Element

Relevant

Successes

Failures

Score

51

Functional images presented using CSS background or background-image properties should be marked up using role="img" so that they can be identified as images by screen reader users.

No

0

#

Element

Relevant

Successes

Failures

Score

52

A <meta> element with http-equiv="refresh" is sometimes used to automatically redirect users after a time delay. These timed changes can interrupt and disorient users who rely on assistive technology

No

0

#

Element

Relevant

Successes

Failures

Score

53

The role="tabpanel" identifies an element as the content region of a tab interface. Without this role, panels are exposed only by their native role (such as a generic div or a named section) and screen reader users may not perceive them as part of the tab structure.

No

0

#

Element

Relevant

Successes

Failures

Score

54

Applying role="tabpanel" to an element without a corresponding tab misleads screen reader users by announcing it as tab content, even though no controlling tab exists.

No

0

#

Element

Relevant

Successes

Failures

Score

55

A slider should be operable with a single pointer

No

0

#

Element

Relevant

Successes

Failures

Score

56

If a column header is not marked up with the correct role or scope, screen reader users cannot determine which header applies to each cell.

No

0

#

Element

Relevant

Successes

Failures

Score

57

If a table header cell is empty, screen reader users may only hear a generic label such as “column 3” or nothing at all. This makes it harder to understand what each column or row represents.

No

0

#

Element

Relevant

Successes

Failures

Score

58

When a layout table is marked up with HTML elements like <table> or <tr>, or assigned table ARIA roles, screen readers announce a data table structure with rows, columns, and headers, even though the table is only used for page layout.

No

0

#

Element

Relevant

Successes

Failures

Score

59

Nested tables are often misinterpreted by screen readers, making it hard for users to follow the intended structure and meaning of the data.

No

0

#

Element

Relevant

Successes

Failures

Score

60

If a table row header is not marked up with the correct role or scope, screen reader users cannot determine which header applies to each cell.

No

0

WCAG Best Practices (Not included in score)

#

Element

Relevant

Successes

Failures

Score

1

It's good practice to warn users about the expected behavior when activating a link triggers a mail application.

Yes

-

Fail

0

Code snapshots of failed elements


        1
                    <a href="mailto:service@calzitaly.it" title="Opens mail application" data-asw-orgfontsize="15" style="font-size: 15px;">service@calzitaly.it</a>

#

Element

Relevant

Successes

Failures

Score

2

The contentinfo region, typically represented by the <footer> element, is found at the end of each page and provides screen reader users with information about the website, such as copyright, contact details, legal information, and navigation links.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <footer data-wpr-lazyrender="1" class="bg-gray-100 pt-14 pb-0 px-6 xl:px-16 border-t border-solid border-gray-200"> <div class="upperFooter pb-14"> <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5"> <div class="text-center xl:text-left mb-8...

#

Element

Relevant

Successes

Failures

Score

3

When a region without global site information is tagged as a contentinfo landmark, screen reader users may be misled about its purpose and expect website-level details, such as copyright or contact information.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <footer data-wpr-lazyrender="1" class="bg-gray-100 pt-14 pb-0 px-6 xl:px-16 border-t border-solid border-gray-200"> <div class="upperFooter pb-14"> <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5"> <div class="text-center xl:text-left mb-8...

#

Element

Relevant

Successes

Failures

Score

4

The element’s aria-controls points to an id that does not exist, or is not valid, breaking the link between the controlling element and the content it manages.

Yes

4

0

100

Code snapshots of successful elements


        1
                    <input type="search" class="js--be-search-trigger" placeholder="Search products..." value="" name="s" title="Search for:" aria-haspopup="dialog" aria-controls="be-search-container" aria-expanded="false" readonly="">


        2
                    <input type="search" class="js--be-search-trigger" placeholder="Search products..." value="" name="s" title="Search for:" aria-haspopup="dialog" aria-controls="be-search-container" aria-expanded="false" readonly="">


        3
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-902dd2120839a0a7" aria-disabled="false"></div>


        4
                    <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-902dd2120839a0a7" aria-disabled="true"></div>

#

Element

Relevant

Successes

Failures

Score

5

If an element’s aria-describedby attribute points to an id that does not exist or is not valid, assistive technologies will not convey the intended description, causing users to miss important context.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <div class="iubenda-cs-container" role="alertdialog" aria-describedby="iubenda-cs-paragraph" aria-labelledby="iubenda-cs-title"><div class="iubenda-cs-content" style="background-color: #0C0C0C !important;color: #fff !important;font-size: 12px !import...

#

Element

Relevant

Successes

Failures

Score

6

Since aria-labelledby relies on valid id references, screen readers can only announce the label if the target exists. If the id is missing or invalid, the label will not be conveyed, causing users to miss important context.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <div class="iubenda-cs-container" role="alertdialog" aria-describedby="iubenda-cs-paragraph" aria-labelledby="iubenda-cs-title"><div class="iubenda-cs-content" style="background-color: #0C0C0C !important;color: #fff !important;font-size: 12px !import...

#

Element

Relevant

Successes

Failures

Score

7

The title attribute is announced inconsistently across screen readers and browsers, making it unreliable for labeling interactive controls. Because many users may never hear the content, reliance on the attribute risks loss of information. Instead, it should be used to provide extra help text in addition to a valid label.

Yes

31

0

100

Code snapshots of successful elements


        1
                    <input type="search" class="js--be-search-trigger" placeholder="Search products..." value="" name="s" title="Search for:" aria-haspopup="dialog" aria-controls="be-search-container" aria-expanded="false" readonly="">


        2
                    <a title="" href="https://www.calzitaly.com/login/" aria-label="Login" data-asw-orgfontsize="15" style="font-size: 15px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6...


        3
                    <a title="" class="text-right btn-open flex items-center justify-end" href="javascript:void(0)" role="button" data-asw-orgfontsize="15" style="font-size: 15px;"> <span class="uppercase text-sm text-black mr-1" data-asw-orgfontsize="14" style="font-si...


        4
                    <input type="search" class="js--be-search-trigger" placeholder="Search products..." value="" name="s" title="Search for:" aria-haspopup="dialog" aria-controls="be-search-container" aria-expanded="false" readonly="">


        5
                    <a title="" href="https://www.calzitaly.com/category/women/women-socks/" class="primaryButton" data-asw-orgfontsize="14" style="font-size: 14px;">DISCOVER</a>


        6
                    <a title="" href="https://www.calzitaly.com/category/women/women-tights/women-tights-fashion-tights/" class="primaryButton" data-asw-orgfontsize="14" style="font-size: 14px;">DISCOVER</a>


        7
                    <a title="" href="https://www.calzitaly.com/category/women/women-tights/women-tights-seamless-tights/" class="primaryButton" data-asw-orgfontsize="14" style="font-size: 14px;">DISCOVER</a>


        8
                    <a title="" href="https://www.calzitaly.com/category/women/women-socks/" class="primaryButton" data-asw-orgfontsize="14" style="font-size: 14px;">DISCOVER</a>


        9
                    <a title="" href="https://www.calzitaly.com/category/women/women-tights/women-tights-fashion-tights/" class="primaryButton" data-asw-orgfontsize="14" style="font-size: 14px;">DISCOVER</a>


        10
                    <iframe title="Customer reviews powered by Trustpilot" loading="auto" src="https://widget.trustpilot.com/trustboxes/5419b732fbfb950b10de65e5/index.html?templateId=5419b732fbfb950b10de65e5&amp;businessunitId=634fdeed4dc5d9b5c06de79d#locale=en&amp;styl...

#

Element

Relevant

Successes

Failures

Score

8

Assigning a valid ISO language value to the <html> lang attribute ensures that screen readers use the correct pronunciation rules, browsers apply proper spell-checking and translation, and search engines index the content in the appropriate language.

Yes

Pass

-

100

Code snapshots of successful elements


        1
                    <html lang="en-US" prefix="og: https://ogp.me/ns#"><head><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1...

#

Element

Relevant

Successes

Failures

Score

9

Providing a meta viewport to control layout and scaling on mobile devices

Yes

Pass

-

100

Code snapshots of successful elements


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

#

Element

Relevant

Successes

Failures

Score

10

Each page should normally include only one contentinfo landmark (usually the site footer) to keep landmark navigation simple and predictable. Additional contentinfo landmarks are permitted when clearly justified, but they must each have a unique accessible label.

No

0

#

Element

Relevant

Successes

Failures

Score

11

It's good practice to warn users about the expected behavior when activating a link triggers an image to appear.

No

0

#

Element

Relevant

Successes

Failures

Score

12

It's good practice to warn users about the expected behavior when activating a link triggers a PDF reader.

No

0

#

Element

Relevant

Successes

Failures

Score

13

Figure elements are often incorrectly used to display images on the screen. Incorrectly using the figure tag, without providing a proper figcaption, adds unnecessary clutter to the screen reader user's experience.

No

0

Accessible

Code snapshots of failed elements

Code snapshots of failed elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of failed elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements

Code snapshots of successful elements