Scanned URL: https://logitech.com

Final Accessibility Score: 95 / 100


❌ Accessibility Violations

Heading levels should only increase by one (Impact: moderate)

Ensures the order of headings is semantically correct

Failing Elements (1):
<h5 class="text-12 uppercase font-bold mb-4">Legal Trademark Statement</h5>
Alternative text of images should not be repeated as text (Impact: minor)

Ensure image alternative is not repeated as text

Failing Elements (8):
<img src="https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-mice.png" alt="Mice" style="transition: transform 0.3s ease" class="group-hover:scale-1125 bg-gray-950 " srcset="https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-mice.png, https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_2.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-mice.png 2x" loading="lazy" width="180" height="180" onload="this.__e=event" onerror="this.__e=event"><img src="https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-keyboard.png" alt="Keyboards" style="transition: transform 0.3s ease" class="group-hover:scale-1125 bg-gray-950 " srcset="https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-keyboard.png, https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_2.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-keyboard.png 2x" loading="lazy" width="180" height="180" onload="this.__e=event" onerror="this.__e=event"><img src="https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-webcams.png" alt="Webcams" style="transition: transform 0.3s ease" class="group-hover:scale-1125 bg-gray-950 " srcset="https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-webcams.png, https://resource.logitech.com/w_180,h_180,ar_1,c_fill,q_auto,f_auto,dpr_2.0/d_transparent.gif/content/dam/logitech/en/homepage/delorean-hp/quick-links/quick-link-webcams.png 2x" loading="lazy" width="180" height="180" onload="this.__e=event" onerror="this.__e=event">...and 5 more.

✅ Passed Audits

Elements must only use supported ARIA attributes

Ensures an element's role supports its ARIA attributes

ARIA attributes must be used as specified for the element's role

Ensures ARIA attributes are used as described in the specification of the element's role

aria-hidden="true" must not be present on the document body

Ensures aria-hidden="true" is not present on the document body.

ARIA hidden element must not be focusable or contain focusable elements

Ensures aria-hidden elements are not focusable nor contain focusable elements

Elements must only use permitted ARIA attributes

Ensures ARIA attributes are not prohibited for an element's role

ARIA attributes must conform to valid values

Ensures all ARIA attributes have valid values

ARIA attributes must conform to valid names

Ensures attributes that begin with aria- are valid ARIA attributes

Inline text spacing must be adjustable with custom stylesheets

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets

Buttons must have discernible text

Ensures buttons have discernible text

Page must have means to bypass repeated blocks

Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content

Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Documents must have element to aid in navigation</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures each HTML document contains a non-empty <title> element</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>IDs used in ARIA and labels must be unique</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures every id attribute value used in ARIA and in labels is unique</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Headings should not be empty</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures headings have discernible text</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Form field must not have multiple label elements</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures form field does not have multiple label elements</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Heading levels should only increase by one</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the order of headings is semantically correct</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong><html> element must have a lang attribute</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures every HTML document has a lang attribute</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong><html> element must have a valid value for the lang attribute</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the lang attribute of the <html> element has a valid value</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Images must have alternate text</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures <img> elements have alternate text or a role of none or presentation</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Alternative text of images should not be repeated as text</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensure image alternative is not repeated as text</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Form elements should have a visible label</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Form elements must have labels</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures every form element has a label</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Banner landmark should not be contained in another landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the banner landmark is at top level</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Contentinfo landmark should not be contained in another landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the contentinfo landmark is at top level</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Main landmark should not be contained in another landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the main landmark is at top level</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Document should not have more than one banner landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the document has at most one banner landmark</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Document should not have more than one contentinfo landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the document has at most one contentinfo landmark</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Document should not have more than one main landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the document has at most one main landmark</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Document should have one main landmark</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures the document has a main landmark</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Ensures landmarks are unique</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Landmarks should have a unique role or role/label/title (i.e. accessible name) combination</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Links must be distinguishable without relying on color</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensure links are distinguished from surrounding text in a way that does not rely on color</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Links must have discernible text</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures links have discernible text</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Users should be able to zoom and scale the text up to 500%</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures <meta name="viewport"> can scale a significant amount</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Zooming and scaling must not be disabled</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures <meta name="viewport"> does not disable text scaling and zooming</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Interactive controls must not be nested</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Page should contain a level-one heading</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensure that the page, or at least one of its frames contains a level-one heading</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Ensure elements marked as presentational are consistently ignored</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>All page content should be contained by landmarks</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures all page content is contained by landmarks</p> </div><div style="padding:15px; margin-bottom:15px; border:1px solid #ddd; border-left:5px solid #2e7d32; background:#f1f8e9;"> <strong>Elements should not have tabindex greater than zero</strong> <p style="margin: 4px 0 0 0; font-size: 0.85em; color: #555;">Ensures tabindex attribute values are not greater than 0</p> </div></div>

Recent Domain Checks

Latest A11y Audits

Latest Page Audits

  • G HUB Gaming Software| Logitech GGrade: B | Score: 70/100 | Scanned on March 5, 2026
    View Report →
  • Logi Options+ Software | LogitechGrade: B | Score: 70/100 | Scanned on March 4, 2026
    View Report →
  • Download Logitech Options Customization SoftwareGrade: A | Score: 80/100 | Scanned on March 4, 2026
    View Report →
  • The Latest News from the UK and Around the World | Sky NewsGrade: B | Score: 75/100 | Scanned on March 2, 2026
    View Report →
  • Ayatollah Ali Khamenei, Iran’s supreme leader, is dead, Trump says – ABC NewsGrade: F | Score: 55/100 | Scanned on March 1, 2026
    View Report →