p5.js-website icon indicating copy to clipboard operation
p5.js-website copied to clipboard

[Button] No feedback on action activation or completion for screen reader

Open coseeian opened this issue 6 months ago • 0 comments

Title

[Button] No feedback on action activation or completion for screen reader

Description

Assistive-technology(screen reader) users do not receive any perceivable feedback when the button activation and action completion. When the button is activated by a keyboard or screen reader user, there is no focus change, nor is any feedback announced through a live region. As a result, assistive technology users cannot perceive whether the action was successful or not.

Steps to Reproduce

page 1

  1. go to /reference/p5/arc/
  2. Locate to the following element:
  • Run sketch、Stop sketch、Copy code to clipboard、Reset code to initial value button (This issue is since to be a global issue)

page 2

  1. go to /tutorials/setting-up-your-environment/
  2. Locate to the following element:
  • Copy code to clipboard button(readonly textarea for code) (This issue is since to be a global issue)

Actual Behavior

  1. Focus remains on the button with no change after the action completes.
  2. No aria-live feedback or status message is announced after the action completes.

Expected Behavior

moving focus to an appropriate element after the action completes. 2. An aria-live region should announce a concise status message after the action completes.

Environments

No response

Suggested Fix

No response

Reference

WCAG:Success Criterion 4.1.3 Status Messages WCAG-T:ARIA22:Using role=status to present status messages ARIA live regions

What is your operating system?

None

Web browser and version

No response

coseeian avatar Jun 17 '25 01:06 coseeian