Kilotest: Diagnoses of element focusability and operability conflict
violation by HTML element 540 on Sage Mages page
Basics
About the Sage Mages page
- URL: https://www.thesagemages.com/
- Tested 13 days ago by job
0lqon 2026-07-07 at 17:44
About HTML element 540
- Tag name:
DIV - Text:
Stone Harbor Custom Homes … Thoughtful brand refinement can elevate trust, clarity, and the feeling of home.
- Start tag:
<div class="gallery-item-container item-container-regular has-custom-focus visible clickable shrink-on-hover" id="pgi44b4eaef74484cc1b5db1f1ef3480268_2" data-hash="44b4eaef-7448-4cc1-b5db-1f1ef3480268" data-id="44b4eaef-7448-4cc1-b5db-1f1ef3480268" data-idx="2" data-hook="item-container" style="overflow-y:hidden;position:absolute;bottom:auto;margin:0;top:806.6px;left:0;right:auto;width:715px;height:883.6px;transition:opacity .2s ease;opacity:0;display:none" aria-hidden="true"> - XPath:
[not obtained] - Bounding box: x = 194, y = 5817, width = 739, height = 908
About the element focusability and operability conflict
issue
- Why it matters: Keyboard-only user cannot operate an item
- Priority: high
- Related WCAG standard: 2.1.1
Diagnoses
Here is how rule engines diagnose the element focusability and operability conflict
issue for HTML element 540 of the Sage Mages page.
- Element is operable (pointer cursor) but not Tab-focusable
Tool: Testaro (CVS Health)
Rule:
focAndOp