https://katablog.it
Accessibility
· 24 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.SCORE
76
GRADE
C
FIX
5
REVIEW
9
PASS
10
INFO
0
Checks
2410 PASS 9 REVIEW 5 FIX
DAlt Text QualityAction2 of 27 images have issuesFIX
Alt Text Quality
Action2 of 27 images have issues
2 of 27 images have issues
Critical::
2 image(s) missing alt attribute
Images without alt text are invisible to screen readers.
Critical::
2 image-in-link without alt text
An image inside a link with no alt creates an empty link.
Info::
25 decorative image(s) correctly marked
27 images 25 decorative 2 missing
| Issue | Count |
|---|---|
| missing | 2 image(s) |
Images without alt text are invisible to screen readers.
Why this matters
Each image without alt text is a WCAG 1.1.1 failure — invisible to screen-reader users, lost from Google Image Search.
Learn more ▾ ▴
WCAG 2.1 Level A requires text alternatives for non-decorative images. Empty alt='' is fine for decorative; meaningful images need descriptive text. Common fixes: CMS audit + bulk add, build-time linter (alt-text-required ESLint rule), CI gate on Lighthouse a11y score.
Source: WCAG 2.1 SC 1.1.1 / WebAIM Million Report
An image inside a link with no alt creates an empty link.
Why this matters
Image-only links with no alt create empty links — screen-reader users hear 'link' with no destination context.
Learn more ▾ ▴
An <a><img></a> with no img alt is the worst-case for accessibility: AT announces the link but can't describe where it goes. Either add alt to the image OR add aria-label to the link.
Source: WCAG 2.1 SC 2.4.4
DIframe AccessibilityAction5/6 iframe(s) missing title; 0 placeholder(s)FIX
Iframe Accessibility
Action5/6 iframe(s) missing title; 0 placeholder(s)
5/6 iframe(s) missing title; 0 placeholder(s)
Warning::
<iframe> missing title attribute (src="")
WCAG 4.1.2: iframes need a title attribute so screen readers can announce what's embedded. Without one, the announcement is just "iframe" -- the user has no way to decide whether to enter or skip.
Warning::
<iframe> missing title attribute (src="about:blank")
WCAG 4.1.2: iframes need a title attribute so screen readers can announce what's embedded. Without one, the announcement is just "iframe" -- the user has no way to decide whether to enter or skip.
Warning::
<iframe> missing title attribute (src="about:blank")
WCAG 4.1.2: iframes need a title attribute so screen readers can announce what's embedded. Without one, the announcement is just "iframe" -- the user has no way to decide whether to enter or skip.
Warning::
<iframe> missing title attribute (src="about:blank")
WCAG 4.1.2: iframes need a title attribute so screen readers can announce what's embedded. Without one, the announcement is just "iframe" -- the user has no way to decide whether to enter or skip.
Warning::
<iframe> missing title attribute (src="https://googleads.g.doubleclick.net/pagead/html/r20260812/r20190131/zrt_lookup.…")
WCAG 4.1.2: iframes need a title attribute so screen readers can announce what's embedded. Without one, the announcement is just "iframe" -- the user has no way to decide whether to enter or skip.
DDark Mode SupportActionTheme color onlyFIX
Dark Mode Support
ActionTheme color only
Theme color only
Info::
Theme-color present but no dark variant
A theme-color is set but no dark-specific variant was found. The browser toolbar may not adapt for dark mode users.
Got: #ffffff
Info::
No dark mode signals detected
Consider adding CSS with @media (prefers-color-scheme: dark) and <meta name='color-scheme' content='light dark'>.
Info::
Detection limited to meta tags and inline styles
External CSS files may contain prefers-color-scheme rules not visible to this scan.
Dark ModePartial Dark Mode
color-scheme meta Not set ✗Dark theme-color Not set ✗CSS indicators Not detected ✗
Detection limited to meta tags and inline styles.
DPrint StylesheetActionNo print stylesFIX
Print Stylesheet
ActionNo print styles
No print styles
Info::
No print-specific styles detected
When users print this page, they get the screen layout including navigation and non-essential elements. Add @media print rules to hide navigation and optimize layout for paper.
Print Stylesheet No Print Styles
Print stylesheet Not found ✗Inline @media print Not detected ✗
CLandmark StructureAction3 landmarksREVIEW
Landmark Structure
Action3 landmarks
3 landmarks
Critical::
No <main> landmark found
Screen reader users cannot quickly navigate to the primary content. Wrap your main content in <main>.
Info::
1 <nav> landmark(s) found
Warning::
Skip navigation link is missing (WCAG 2.4.1)
Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.
Page Structure — as a screen reader sees it
Screen reader users cannot quickly navigate to the primary content. Wrap your main content in <main>.
Why this matters
Without a <main> landmark, screen-reader users can't skip past the navigation to the page content — every page starts with re-reading the menu.
Learn more ▾ ▴
The <main> element marks the page's primary content area. Assistive tech offers a 'jump to main' shortcut — but only if <main> exists. Without it, every page navigation forces re-reading the header. Wrap your primary content in a single <main>.
Source: WAI-ARIA / WCAG 2.4.1
Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.
Why this matters
Without a skip-nav link, keyboard users tab through every nav item before reaching content — every page, every visit.
Learn more ▾ ▴
WCAG 2.4.1 (Bypass Blocks) requires a mechanism to skip past repeated content. The standard implementation is a 'Skip to main content' link that's the first focusable element, visually hidden until focused. Three lines of HTML + four of CSS.
Source: WCAG 2.1 SC 2.4.1
BHeading Hierarchy25 headingsREVIEW
Heading Hierarchy
25 headings
25 headings
Critical::
No H1 heading found
Every page should have one H1 that describes the page content.
- H4 Agenzie di stampa
- H4 Agenzie di distribuzione cinematografica: elenco delle migliori agenzie in Italia
- H4 Giornata internazionale della donna (festa della donna)
- H4 “Credo in un solo padre”: il film di denuncia per celebrare l’8 marzo
- H4 Regno Unito e politica estera: nuovi accordi commerciali dopo la Brexit
- H4 Organo Gold: dal successo al declino alle nuove opportunità 2021
- H4 Meryl Streep: le 5 migliori interpretazioni
- H4 Quando estate fa rima con Natale: Babbi Natale di tutto il mondo, unitevi!
- H4 I maglioni di Natale (e non) nei film e serie tv
- H4 Chiude il Teatro Sala Uno: addio a 20 anni di storia e cultura
- H4 Marketing: offline e online. Strategie e costi
- H4 TNT Village a rischio chiusura. Info e Alternative
- H4 Ora esatta
- H4 WatchApp: TV su Android e PC gratis | Download APK
- H4 Migliori Serie TV Netflix da vedere nel 2019
- H4 Il Corsaro Nero: Torrent
- H4 Film da vedere in uscita al cinema nel 2018: i più belli
- H4 Calendario Serie A 2018-2019
- H4 Stasera in TV: guida ai programmi
- H4 Realtà virtuale: cos’è e come funziona, dai giochi 3D ai visori VR
- H4 Telepass: dal Family al Pay. Servizi, costi, assistenza
- H4 Enzo Cannavale: vita e film dell’attore napoletano da De Filippo a Totò a Bombolo
- H4 Disegni e modelli 3D pronti da scaricare: i migliori siti e marketplace
- H4 Nocerina calcio: la storia della squadra dei molossi di Nocera
- H4 Film in Streaming – I migliori siti per guardare film e serie tv gratis
Every page should have one H1 that describes the page content.
Why this matters
No H1 means screen-reader users can't identify the page's primary topic, and Google's content-extraction degrades.
Learn more ▾ ▴
The H1 is the document title for assistive tech and a strong signal to search engines about page topic. Pages without one force screen readers to fall back to the <title> attribute or page chrome. Add a single H1 that names the page's primary subject.
Source: WCAG 2.4.6 / Google Search Central
BLink & Button Quality38 issue(s) across 104 links and 4 buttonsREVIEW
Link & Button Quality
38 issue(s) across 104 links and 4 buttons
38 issue(s) across 104 links and 4 buttons
Critical::
38 link(s) with no accessible text
Links without text are announced as raw URLs by screen readers.
Got: https://www.katablog.it; https://www.katablog.it/agenzie-di-stampa/; https://www.katablog.it/agenzie-distribuzione-cinematografica/; https://www.katablog.it/giornata-internazionale-della-donna/; https://www.katablog.it/credo-in-un-solo-padre-8-marzo/; https://www.katablog.it/regno-unito-politica-estera-accordi-commerciali-dopo-…; https://www.katablog.it/organo-gold-dal-successo-al-declino-alle-nuove-opport…; https://www.katablog.it/meryl-streep-migliori-interpretazioni/; https://www.katablog.it/world-santa-claus-congress-festa-babbi-natale/; https://www.katablog.it/maglioni-di-natale-nei-film-serie-tv/ (+28 more)
Info::
66 link(s) with descriptive text
104 links
38 empty
0 generic text
0 new tab
0 empty buttons
| Element | Text | Issue | Suggested Fix |
|---|---|---|---|
| https://www.katablog.it | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/agenzie-di-stamp… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/agenzie-distribu… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/giornata-interna… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/credo-in-un-solo… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/regno-unito-poli… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/organo-gold-dal-… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/meryl-streep-mig… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/world-santa-clau… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/maglioni-di-nata… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/sala-uno-teatro/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/marketing/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/tnt-village/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/ora-esatta/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/watchapp/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/migliori-serie-t… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/il-corsaro-nero/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/film-da-vedere-2… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/calendario-serie… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/stasera-in-tv-gu… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/realta-virtuale-… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/telepass/ | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/enzo-cannavale-v… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/disegni-e-modell… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/nocerina-calcio-… | (empty) | empty | Add link text or aria-label |
| https://www.katablog.it/migliori-siti-fi… | (empty) | empty | Add link text or aria-label |
| (empty) | empty | Add link text or aria-label | |
| # | (empty) | empty | Add link text or aria-label |
| https://www.facebook.com/sharer/sharer.p… | (empty) | empty | Add link text or aria-label |
| https://twitter.com/intent/tweet?text=Bl… | (empty) | empty | Add link text or aria-label |
| whatsapp://send?text=Blog+di+informazion… | (empty) | empty | Add link text or aria-label |
| https://plus.google.com/share?url=https%… | (empty) | empty | Add link text or aria-label |
| https://pinterest.com/pin/create/button/… | (empty) | empty | Add link text or aria-label |
| https://share.flipboard.com/bookmarklet/… | (empty) | empty | Add link text or aria-label |
| https://www.linkedin.com/shareArticle?mi… | (empty) | empty | Add link text or aria-label |
| https://www.xing.com/app/user?op=share&u… | (empty) | empty | Add link text or aria-label |
| http://www.reddit.com/submit?url={https%… | (empty) | empty | Add link text or aria-label |
| http://www.stumbleupon.com/submit?url={h… | (empty) | empty | Add link text or aria-label |
70 links and buttons have descriptive text
Links without text are announced as raw URLs by screen readers.
https://www.katablog.it; https://www.katablog.it/agenzie-di-stampa/; https://www.katablog.it/agenzie-distribuzione-cinematografica/; https://www.katablog.it/giornata-internazionale-della-donna/; https://www.katablog.it/credo-in-un-solo-padre-8-marzo/; https://www.katablog.it/regno-unito-politica-estera-accordi-commerciali-dopo-…; https://www.katablog.it/organo-gold-dal-successo-al-declino-alle-nuove-opport…; https://www.katablog.it/meryl-streep-migliori-interpretazioni/; https://www.katablog.it/world-santa-claus-congress-festa-babbi-natale/; https://www.katablog.it/maglioni-di-natale-nei-film-serie-tv/ (+28 more)
Why this matters
Links with no accessible text (empty <a></a>, image-only no alt, icon-only no aria-label) are unidentifiable to screen readers.
Source: WCAG 2.1 SC 2.4.4
BTap Target Adequacy1 tap target(s) too small or too close togetherREVIEW
Tap Target Adequacy
1 tap target(s) too small or too close together
1 tap target(s) too small or too close together
Info::
1 tap target(s) too small or too close to neighbors
WCAG 2.5.5 (Level AAA) requires interactive targets to be at least 44x44 CSS pixels; WCAG 2.5.8 (Level AA, added in 2.2) requires 24x24 minimum. Failing targets cause mis-taps for users with motor impairments, large fingers, or shaky hands -- and are a major bounce-rate driver on mobile commerce flows. Lighthouse measures rendered rects + adjacent-element spacing; the failing list is in the Lighthouse 'tap-targets' audit detail panel.
BMobile-Readable Font Sizes98% of visible text renders at >= 12 CSS px (1 below threshold)REVIEW
Mobile-Readable Font Sizes
98% of visible text renders at >= 12 CSS px (1 below threshold)
98% of visible text renders at >= 12 CSS px (1 below threshold)
Info::
1 text node(s) render below 12 CSS pixels on mobile
Mobile browsers default the root font-size to 16 px; text below ~ 12 px (75% of root) is hard to read without zooming. WCAG 1.4.4 (Resize Text) requires the page to support 200% zoom without loss of functionality -- which most layouts handle, but small base text still costs readability and conversion. Audit which selectors set sizes below 12 px (often footers, fine print, table cells) and bump them to 14-16 px or use rem units that scale with user preferences. Examples: <li> 11.0px ("SHARE").
C404 Error PageActionCould not testREVIEW
404 Error Page
ActionCould not test
Could not test
Info::
404 page could not be tested
The 404 page check encountered an error. This may be due to a timeout or network issue.
404 page quality check not available.
BFavicon & Branding22 icon(s) detectedREVIEW
Favicon & Branding
22 icon(s) detected
22 icon(s) detected
Info::
favicon.ico present at site root
Info::
HTML icon links detected
Info::
Apple touch icon present
Info::
Multiple icon sizes detected
✓ favicon.ico Present
✓ PNG Icons Present
✓ Apple Touch Present
✗ SVG Favicon Missing
✓ Manifest Icons Present
✓ Multiple Sizes Present
BWeb ManifestValid manifestREVIEW
Web Manifest
Valid manifest
Valid manifest
Info::
Name present: KataBlog
Info::
192x192 icon present
Info::
Display mode: standalone
PWA Install Criteria Not Installable
Name KataBlog ✓192×192 icon ✓512×512 icon ✗Start URL ✗Display Mode standalone ✓
Name KataBlog Display Mode standalone Theme Color #ffffff Background Color #ffffff Icons 7 icon(s)
BLighthouse Accessibility AuditsScore 82/100 — 6 failing, 21 passedREVIEW
Lighthouse Accessibility Audits
Score 82/100 — 6 failing, 21 passed
82
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Contrast
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
MENU body#page-top > nav#mainNav > div.container > button.navbar-toggler |
Agenzie di stampa div.row > div.col-xl-4 > h4.box-home-title-1 > a |
Agenzie di distribuzione cinematografica: elenco delle migliori agenzie in Ital… div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Giornata internazionale della donna (festa della donna) div.row > div.col-xl-4 > h4.box-home-title-2 > a |
“Credo in un solo padre”: il film di denuncia per celebrare l’8 marzo div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Regno Unito e politica estera: nuovi accordi commerciali dopo la Brexit div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Organo Gold: dal successo al declino alle nuove opportunità 2021 div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Meryl Streep: le 5 migliori interpretazioni div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Quando estate fa rima con Natale: Babbi Natale di tutto il mondo, unitevi! div.row > div.col-xl-4 > h4.box-home-title-2 > a |
I maglioni di Natale (e non) nei film e serie tv div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Chiude il Teatro Sala Uno: addio a 20 anni di storia e cultura div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Marketing: offline e online. Strategie e costi div.row > div.col-xl-4 > h4.box-home-title-2 > a |
TNT Village a rischio chiusura. Info e Alternative div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Ora esatta div.row > div.col-xl-4 > h4.box-home-title-2 > a |
WatchApp: TV su Android e PC gratis | Download APK div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Migliori Serie TV Netflix da vedere nel 2019 div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Il Corsaro Nero: Torrent div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Film da vedere in uscita al cinema nel 2018: i più belli div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Calendario Serie A 2018-2019 div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Stasera in TV: guida ai programmi div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Realtà virtuale: cos’è e come funziona, dai giochi 3D ai visori VR div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Telepass: dal Family al Pay. Servizi, costi, assistenza div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Enzo Cannavale: vita e film dell’attore napoletano da De Filippo a Totò a Bombo… div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Disegni e modelli 3D pronti da scaricare: i migliori siti e marketplace div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Nocerina calcio: la storia della squadra dei molossi di Nocera div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Film in Streaming – I migliori siti per guardare film e serie tv gratis div.row > div.col-xl-4 > h4.box-home-title-2 > a |
Business & Startup div.col-md-4 > ul.list-inline > li > a |
Tech div.col-md-4 > ul.list-inline > li > a |
Internet div.col-md-4 > ul.list-inline > li > a |
Casa div.col-md-4 > ul.list-inline > li > a |
Shopping div.col-md-4 > ul.list-inline > li > a |
Musica div.col-md-4 > ul.list-inline > li > a |
Motori div.col-md-4 > ul.list-inline > li > a |
Cinema div.col-md-4 > ul.list-inline > li > a |
Calcio div.col-md-4 > ul.list-inline > li > a |
Vuoi far parte della redazione? div.row > div.col-md-4 > a > p |
Privacy div.row > div.col-md-4 > a > p |
These are opportunities to improve the legibility of your content.
Names and labels
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
nav#mainNav > div.container > a.navbar-brand > img nav#mainNav > div.container > a.navbar-brand > img |
div.row > div.col-md-4 > a.navbar-brand > img div.row > div.col-md-4 > a.navbar-brand > img |
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Katablog logo body#page-top > nav#mainNav > div.container > a.navbar-brand |
div.col-xl-8 > div > div.img-box-full > a div.col-xl-8 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.col-xl-4 > div > div.img-box-full > a div.col-xl-4 > div > div.img-box-full > a |
div.block-top-header > div.icon-block > span.icon-element > a.tooltip-left div.block-top-header > div.icon-block > span.icon-element > a.tooltip-left |
div.sidebar-add > ul.share_menu > li.facebook > a.zd-social-facebook div.sidebar-add > ul.share_menu > li.facebook > a.zd-social-facebook |
div.sidebar-add > ul.share_menu > li.twitter > a.zd-social-twitter div.sidebar-add > ul.share_menu > li.twitter > a.zd-social-twitter |
div.sidebar-add > ul.share_menu > li.whatsapp > a.zd-social-whatsapp div.sidebar-add > ul.share_menu > li.whatsapp > a.zd-social-whatsapp |
div.sidebar-add > ul.share_menu > li.googleplus > a.zd-social-googleplus div.sidebar-add > ul.share_menu > li.googleplus > a.zd-social-googleplus |
div.sidebar-add > ul.share_menu > li.pinterest > a.zd-social-pinterest div.sidebar-add > ul.share_menu > li.pinterest > a.zd-social-pinterest |
div.sidebar-add > ul.share_menu > li.flipboard > a.zd-social-flipboard div.sidebar-add > ul.share_menu > li.flipboard > a.zd-social-flipboard |
div.sidebar-add > ul.share_menu > li.linkedin > a.zd-social-pinterest div.sidebar-add > ul.share_menu > li.linkedin > a.zd-social-pinterest |
div.sidebar-add > ul.share_menu > li.xing > a.zd-social-pinterest div.sidebar-add > ul.share_menu > li.xing > a.zd-social-pinterest |
div.sidebar-add > ul.share_menu > li.reddit > a.zd-social-pinterest div.sidebar-add > ul.share_menu > li.reddit > a.zd-social-pinterest |
div.sidebar-add > ul.share_menu > li.stumbleupon > a.zd-social-pinterest div.sidebar-add > ul.share_menu > li.stumbleupon > a.zd-social-pinterest |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Best practices
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.sidebar-add > ul.share_menu > li.stumbleupon > a.zd-social-pinterest div.sidebar-add > ul.share_menu > li.stumbleupon > a.zd-social-pinterest |
One main landmark helps screen reader users navigate a web page. Learn more about landmarks.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
html html |
These items highlight common accessibility best practices.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
Why this matters
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
MENU body#page-top > nav#mainNav > div.container > button.navbar-toggler |
○Interactive controls are keyboard focusable
○Interactive elements indicate their purpose and state
○The page has a logical tab order
○Visual order on the page follows DOM order
○User focus is not accidentally trapped in a region
○The user's focus is directed to new content added to the page
○HTML5 landmark elements are used to improve navigation
○Offscreen content is hidden from assistive technology
○Custom controls have associated labels
○Custom controls have ARIA roles
●`[aria-*]` attributes match their roles
●`[aria-hidden="true"]` is not present on the document `<body>`
●`[role]`s have all required `[aria-*]` attributes
●`[role]` values are valid
●`[aria-*]` attributes have valid values
●`[aria-*]` attributes are valid and not misspelled
●Buttons have an accessible name
●`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.
●`button`, `link`, and `menuitem` elements have accessible names
●ARIA attributes are used as specified for the element's role
●`[aria-hidden="true"]` elements do not contain focusable descendents
●Elements use only permitted ARIA attributes
●Document has a `<title>` element
●`<html>` element has a `[lang]` attribute
●`<html>` element has a valid value for its `[lang]` attribute
●Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).
●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements
●No element has a `[tabindex]` value greater than 0
●Heading elements appear in a sequentially-descending order
●Deprecated ARIA roles were not used
●Identical links have the same purpose.
○`[accesskey]` values are unique
○Elements with `role="dialog"` or `role="alertdialog"` have accessible names.
○ARIA input fields have accessible names
○ARIA `meter` elements have accessible names
○ARIA `progressbar` elements have accessible names
○Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.
○`[role]`s are contained by their required parent element
○Elements with the `role=text` attribute do not have focusable descendents.
○ARIA toggle fields have accessible names
○ARIA `tooltip` elements have accessible names
○ARIA `treeitem` elements have accessible names
○The page contains a heading, skip link, or landmark region
○`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.
○Definition list items are wrapped in `<dl>` elements
○ARIA IDs are unique
○No form fields have multiple labels
○`<frame>` or `<iframe>` elements have a title
○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.
○Input buttons have discernible text.
○`<input type="image">` elements have `[alt]` text
○Form elements have associated labels
○Links are distinguishable without relying on color.
○The document does not use `<meta http-equiv="refresh">`
○`<object>` elements have alternate text
○Select elements have associated label elements.
○Skip links are focusable.
○Cells in a `<table>` element that use the `[headers]` attribute refer to table cells within the same table.
○`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have data cells they describe.
○`[lang]` attributes have a valid value
○`<video>` elements contain a `<track>` element with `[kind="captions"]`
○Tables have different content in the summary attribute and `<caption>`.
○All heading elements contain content.
○Uses ARIA roles only on compatible elements
○Image elements do not have `[alt]` attributes that are redundant text.
○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.
○`<td>` elements in a large `<table>` have one or more table headers.
A+Heading Text QualityAll 25 heading(s) have substantive, well-formed textPASS
Heading Text Quality
All 25 heading(s) have substantive, well-formed text
All 25 heading(s) have substantive, well-formed text
Info::
Heading text quality is clean -- no placeholder, length, or styling issues
A+Form AccessibilityNo form controlsPASS
Form Accessibility
No form controls
No form controls
Info::
No form controls on this page
No form controls found.
A+Form Input TypesNo form controls on this pagePASS
Form Input Types
No form controls on this page
No form controls on this page
Info::
No form controls on this page
A+Form Input QualityNo form controls on this pagePASS
Form Input Quality
No form controls on this page
No form controls on this page
Info::
No form controls on this page
A+Mobile Keyboard & AutofillNo form controls -- mobile keyboard check is N/APASS
Mobile Keyboard & Autofill
No form controls -- mobile keyboard check is N/A
No form controls -- mobile keyboard check is N/A
Info::
No form controls on this page
A+Document LanguageLang attribute set to "it-IT"PASS
Document Language
Lang attribute set to "it-IT"
Lang attribute set to "it-IT"
Info::
<html lang="it-IT"> is set and valid
Got: it-IT
A+Tabindex Anti-Patterns1 explicit tabindex attribute(s) checked, no anti-patternsPASS
Tabindex Anti-Patterns
1 explicit tabindex attribute(s) checked, no anti-patterns
1 explicit tabindex attribute(s) checked, no anti-patterns
Info::
No tabindex anti-patterns detected
A+PWA Depth1 PWA signal(s) surfacedPASS
PWA Depth
1 PWA signal(s) surfaced
1 PWA signal(s) surfaced
Info::
Manifest has no maskable icon
Android 12+ Adaptive Icons crop non-maskable icons to a circle or squircle -- frequently hiding important parts of the logo. Add at least one icon entry with `"purpose": "maskable"` (or `"any maskable"`) and a maskable-aware design (16% safe-zone padding around the inner mark).
A+Mobile UX Depth1 mobile-depth signal(s) detectedPASS
Mobile UX Depth
1 mobile-depth signal(s) detected
1 mobile-depth signal(s) detected
Info::
Browser-chrome `theme-color` meta tag present
The page sets `<meta name="theme-color" content="...">`, which Android Chrome uses to tint the status bar and iOS Safari uses for the toolbar background. Brand polish that costs nothing and Just Works.
A+Color Contrast (Screenshot)20 text elements analyzed, 0 fail WCAG AAPASS
Color Contrast (Screenshot)
20 text elements analyzed, 0 fail WCAG AA
Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.
20 pass
Show all checked elements (20)
| Element | Ratio | Required | FG | BG | Result |
|---|---|---|---|---|---|
| title Blog di Informazione… | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
| title Blog di Informazione… | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
| p Raccogliamo ed elabo… | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
| strong navigazione, analisi… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| button Accetta | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| button Rifiuta | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| button Opzioni | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| button Menu | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Business & Startup | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Tech | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Internet | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Musica | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Cinema | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Calcio | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| p Più recente | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Agenzie di stampa | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| div Cosa sono le agenzie… | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Cinema | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Agenzie di distribuz… | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
| a Donna | 19.95:1 | 4.5:1 | #000000 | #F9F9F9 | Pass |
Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.
All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.