Kilotest: Diagnoses of ID not unique violation by HTML element 863 on Sage Mages page

Basics

About the Sage Mages page

• URL: https://www.thesagemages.com/
• Tested 13 days ago by job 0lq on 2026-07-07 at 17:44

About HTML element 863

• Tag name: DIV
• Text: Inclusive Stock Silhouettes: Business Pack 1Brand Accessibility Cheat SheetIntroductory Inclusive Brand Guide Audit: On-Demand Walkthrough & Worksheets
• Start tag: <div style="--container-background:initial;--container-box-shadow:initial;--container-border-left:initial;--container-border-right:initial;--container-border-top:initial;--container-border-bottom:initial;--container-border-radius:initial;--item-background:initial;--item-hover-background:initial;--item-selected-background:initial;--item-font:initial;--item-color:initial;--item-hover-color:initial;--item-selected-color:initial;--item-text-decoration:initial;--item-hover-text-decoration:initial;--item-selected-text-decoration:initial;--item-text-transform:initial;--item-text-outline:initial;--item-hover-text-outline:initial;--item-selected-text-outline:initial;--item-text-highlight:initial;--item-hover-text-highlight:initial;--item-selected-text-highlight:initial;--item-letter-spacing:initial;--item-line-height:initial;--item-text-shadow:initial;--item-hover-text-shadow:initial;--item-selected-text-shadow:initial;--item-border-left:initial;--item-hover-border-left:initial;--item-selected-border-left:initial;--item-border-right:initial;--item-hover-border-right:initial;--item-selected-border-right:initial;--item-border-top:initial;--item-hover-border-top:initial;--item-selected-border-top:initial;--item-border-bottom:initial;--item-hover-border-bottom:initial;--item-selected-border-bottom:initial;--item-border-radius:initial;--item-hover-border-radius:initial;--item-selected-border-radius:initial;--item-box-shadow:initial;--item-hover-box-shadow:initial;--item-selected-box-shadow:initial;--sub-item-background:initial;--sub-item-hover-background:initial;--sub-item-selected-background:initial;--sub-item-font:initial;--sub-item-color:initial;--sub-item-hover-color:initial;--sub-item-selected-color:initial;--sub-item-text-decoration:initial;--sub-item-hover-text-decoration:initial;--sub-item-selected-text-decoration:initial;--sub-item-text-transform:initial;--sub-item-text-outline:initial;--sub-item-hover-text-outline:initial;--sub-item-selected-text-outline:initial;--sub-item-text-highlight:initial;--sub-item-hover-text-highlight:initial;--sub-item-selected-text-highlight:initial;--sub-item-letter-spacing:initial;--sub-item-line-height:initial;--sub-item-text-shadow:initial;--sub-item-hover-text-shadow:initial;--sub-item-selected-text-shadow:initial;--sub-item-border-left:initial;--sub-item-hover-border-left:initial;--sub-item-selected-border-left:initial;--sub-item-border-right:initial;--sub-item-hover-border-right:initial;--sub-item-selected-border-right:initial;--sub-item-border-top:initial;--sub-item-hover-border-top:initial;--sub-item-selected-border-top:initial;--sub-item-border-bottom:initial;--sub-item-hover-border-bottom:initial;--sub-item-selected-border-bottom:initial;--sub-item-border-radius:initial;--sub-item-hover-border-radius:initial;--sub-item-selected-border-radius:initial;--sub-item-box-shadow:initial;--sub-item-hover-box-shadow:initial;--sub-item-selected-box-shadow:initial;--item-hover-font:initial;--item-selected-font:initial;--item-hover-text-transform:initial;--item-selected-text-transform:initial;--item-hover-letter-spacing:initial;--item-selected-letter-spacing:initial;--item-hover-line-height:initial;--item-selected-line-height:initial;--sub-item-hover-font:initial;--sub-item-selected-font:initial;--sub-item-hover-text-transform:initial;--sub-item-selected-text-transform:initial;--sub-item-hover-letter-spacing:initial;--sub-item-selected-letter-spacing:initial;--sub-item-hover-line-height:initial;--sub-item-selected-line-height:initial;--item-vertical-padding:initial;--item-horizontal-padding:initial;--item-padding-top:initial;--item-padding-right:initial;--item-padding-bottom:initial;--item-padding-left:initial;--container-vertical-padding:initial;--container-horizontal-padding:initial;--container-padding-top:initial;--container-padding-right:initial;--container-padding-bottom:initial;--container-padding-left:initial;--item-vertical-spacing:initial;--item-horizontal-spacing:initial;--sub-items-vertical-spacing-before:initial;--sub-items-vertical-spacing-between:initial;--sub-item-vertical-padding:initial;--sub-item-horizontal-padding:initial;--sub-item-padding-top:initial;--sub-item-padding-right:initial;--sub-item-padding-bottom:initial;--sub-item-padding-left:initial;--columns-number:initial;--align:initial;--item-align:initial;--sub-item-align:initial;--submenu-direction:initial;--submenu-item-direction:initial;--submenu-sub-item-direction:initial">
• XPath: [not obtained]
• Bounding box: x = 0, y = 0, width = 0, height = 0

About the ID not unique issue

• Why it matters: User may be pointed to the wrong item
• Priority: highest
• Related WCAG standard: 4.1.1

Diagnoses

Here is how rule engines diagnose the ID not unique issue for HTML element 863 of the Sage Mages page.

1. Attribute <code>id="dataItem-moa4omwm-dropdown"</code> should be unique. It has been defined 2 times.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: duplicated_id_attribute