josdejong/svelte-jsoneditor

How to add associated label to textarea

Open

#451 opened on Jun 14, 2024

View on GitHub
 (9 comments) (0 reactions) (0 assignees)TypeScript (149 forks)github user discovery
enhancementhelp wanted

Repository metrics

Stars
 (1,237 stars)
PR merge metrics
 (PR metrics pending)

Description

Hey! i am wondering if there is anyway to add additional attributes to editor and menus. Most importantly, I would like to add a label element for the rendered editor (the div with the role of textbox) for accessibility reasons. I would be able to do so if this element had a unique id but i do not see one on the rendered element. Is there a way to add a label that is bound to this textbox, or a way to add additional attributes (like id or even aria attributes) to the rendered elements?

<div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content cm-lineWrapping" role="textbox" aria-multiline="true" data-language="json" aria-autocomplete="list"><div class="cm-activeLine cm-line" style="padding-left: calc(2ch + 6px); text-indent: calc(-2ch + 0px);">{}</div></div>

Contributor guide