josdejong/svelte-jsoneditor

How to add associated label to textarea

Open

#451 opened on 2024年6月14日

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)

説明

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>

コントリビューターガイド