Kilotest: Diagnoses of focusable element hidden violation by HTML element 126 on Portland Community College page

Basics

About the Portland Community College page

• URL: https://www.pcc.edu/
• Tested 38 days ago by job ico on 2026-04-24 at 19:44

About HTML element 126

• Tag name: SECTION
• Text: Start your academic journey here. … Pause animation
• Start tag: <section id="photo-collage" aria-label="Photo collage and apply to PCC" style="height: 229.391px;">
• XPath: /html/body/main[1]/section[1]
• Bounding box: x = 0, y = 100, width = 1920, height = 400

About the focusable element hidden issue

• Why it matters: Keyboard-only user cannot navigate properly to the operable items
• Priority: highest
• Related WCAG standard: 4.1.2

Diagnoses

Here is how tools diagnose the focusable element hidden issue for HTML element 126 of the Portland Community College page.

1. The element is either tabbable or has tabbable descendants

   Tool: Alfa (Siteimprove)

   Rule: r17

2. Using <code><code>aria-hidden="true"</code></code> on a visible focusable element will result in some users focusing on 'nothing'

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: misused_aria_on_focusable_element