Skip to content

ListBox component accessibility issues #16152

@andrey-post

Description

@andrey-post

Describe the bug

ListBox component accessibility violations:

  1. Scrollable region must have keyboard access
  2. ARIA hidden element must not be focusable or contain focusable elements

image
image

Environment

Latest Chrome on Windows 10, Angular CLI project with Angular@17.3.12 and PrimeNG@17.18.6

Reproducer

No response

Angular version

17.3.12

PrimeNG version

17.18.6

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.20.2

Browser(s)

No response

Steps to reproduce the behavior

  1. Open https://primeng.org/listbox
  2. Scan with Axe Dev Tools accessibility scanner

Expected behavior

No critical or serious accessibility issues coming from the inside of the component.

Metadata

Metadata

Labels

Component: AccessibilityIssue or pull request is related to WCAG or ARIAPRO SupportIssue was reported by PRO User

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions