josdejong/svelte-jsoneditor

How to add associated label to textarea

Open

#451 aperta il 14 giu 2024

Vedi su GitHub
 (9 commenti) (0 reazioni) (0 assegnatari)TypeScript (149 fork)github user discovery
enhancementhelp wanted

Metriche repository

Star
 (1237 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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>

Guida contributor