josdejong/svelte-jsoneditor

How to add associated label to textarea

Closed

#451 opened on Jun 14, 2024

 (9 comments) (0 reactions) (0 assignees)TypeScript (147 forks)github user discovery
enhancementhelp wanted

Repository metrics

Stars
 (1,263 stars)
PR merge metrics
 (Avg merge 9h 26m) (5 merged PRs in 30d)

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