Accessibility for screen readers

Created on 19 March 2021, over 3 years ago
Updated 8 March 2024, 4 months ago

Hello,

I use the dareboost service : Website testing and analysis service: speed, SEO, security and quality

It says:

3 empty elements can confuse screen readers
The < p >, < li >, < button >, < legend >, < caption >, < figcaption > and < quote > elements must not be empty
because if they are, some screen readers will have difficulty interpreting their presence.
Remove these empty elements from your code or decorate them with the aria-hidden attribute for screen readers to use.
ignore.

Exemple:<p aria-hidden="true"></p>

The following elements are empty:

<button type="button" id="cboxPrevious">
<button type="button" id="cboxNext">
<button type="button" id="cboxSlideshow">

It is possible to correct it to pass accessibility test ?

Best regards

πŸ“Œ Task
Status

Active

Version

2.0

Component

Code

Created by

πŸ‡«πŸ‡·France selinav

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024