Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Quill input / textarea data-placeholder text is not read back for screen readers #4495

Open
bBaxta opened this issue Nov 18, 2024 · 0 comments

Comments

@bBaxta
Copy link

bBaxta commented Nov 18, 2024

When testing the Quill editor with the NVDA screen reader and keyboard, when I set focus to the input / textarea, the screen reader announces:

section multi line editable blank

There are 2 related issues here.

  1. Related to Add role='textbox' to Quill input / textarea to stop "touch to search" behaviour #4434 - a "div" element is used in place of a native input control by using the global attribute "contenteditable=true". This "div" should contain a role="textbox", as this would help identify the purpose of this focusable element with assistive technologies. image

  2. The data-placeholder text is not being read back. I've addressed this on my own end by adding an aria-labelledby attribute referencing a hidden span containing the text to read out as the placeholder. In my example snippet above, the text that should be read out is "Compose an epic..." per the attribute value.

Steps for Reproduction

  1. Visit https://quilljs.com/playground/snow
  2. Start NVDA screen reader.
  3. Tab into the Quill editor on the right hand side using your keyboard and set focus to the editable content area.
    image
  4. Note what is read out from the screen reader.

Expected behavior:
The place holder text should be read out.

Actual behavior:
The place holder text is not read out.

Platforms:
Windows 11, Chrome Version 131.0.6778.70 (Official Build) (64-bit)

Version:
*, playground is version 2.0.2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant