DouglasCountyCO / Accessibility-PowerBI-Reports-Public

This repository represents accessibility results from testing power bi reports. The initial report addressed in this fashion is the Foreclosure Search "AppOwnsData" embedded , but the expectation is that
2 stars 0 forks source link

WCAG 4.1.2: Ensures aria-hidden elements are not focusable nor contain focusable elements (.cdk-focus-trap-anchor.cdk-visually-hidden[aria-hidden="true"]:nth-child(3)) #2

Closed KTottenDC closed 3 months ago

KTottenDC commented 3 months ago

Issue

Ensures aria-hidden elements are not focusable nor contain focusable elements (aria-hidden-focus)

Target application

Foreclosure Search - Power BI

Element path

mat-sidenav-container > .cdk-focus-trap-anchor.cdk-visually-hidden[aria-hidden="true"]:nth-child(3)

Snippet

<div tabindex="0" class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div>

How to fix

Fix all of the following:
  Focusable content should have tabindex="-1" or be removed from the DOM

Environment

Microsoft Edge version 125.0.0.0 This accessibility issue was found using Accessibility Insights for Web 2.42.0 (axe-core 4.8.4), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.