3 replies

How to make an editable table accessible? Group of inputs and labels

🗣️discussion

front-end

I have multiple rows that are key-value pair. They can be edited and once submitted, sent to the server.
I am wondering about the accessibility aspect of this. Is ther some mega-label tag that I can use for it? Can I just use one label tag for the entire input set instead of inidvidual ones (pretty sure that's not allowed)?

<row>
   <label htmlFor="">Key</label>
   <input id="" type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
<row>
   <label>Key</label>
   <input type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
...

<row>
   <label htmlFor="">Key</label>
   <input id="" type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
<row>
   <label>Key</label>
   <input type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
...

Currently wrapping the entire thing inside a

<fieldset>

<fieldset>

KP-C

Kevin Powell - Community•4mo ago•

3 replies

soma-foreever

How to make an editable table accessible? Group of inputs and labels

🗣️discussion

front-end

<row>
   <label htmlFor="">Key</label>
   <input id="" type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
<row>
   <label>Key</label>
   <input type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
...

<row>
   <label htmlFor="">Key</label>
   <input id="" type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
<row>
   <label>Key</label>
   <input type="text"/>

   <label >Value</label>
   <input type="text"/>
</row>
...

Currently wrapping the entire thing inside a

<fieldset>

<fieldset>

How to make an editable table accessible? Group of inputs and labels

Similar Threads

How to make an editable table accessible? Group of inputs and labels

Similar Threads

Similar Threads

Similar Threads