# "Hyperlink invoegen" dialoogvenster - geen labels voor invoervelden

**URL:** https://meta.discourse.org/t/insert-hyperlink-modal-no-labels-for-inputs/287281
**Category:** UX
**Created:** [2 december 2023 om 14:05 UTC](https://meta.discourse.org/t/insert-hyperlink-modal-no-labels-for-inputs/287281 "2023-12-02T14:05:07Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![kuba-orlik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuba-orlik/32/318490_2.png) [@kuba-orlik](https://meta.discourse.org/u/kuba-orlik)
#### Post date: [2 december 2023 om 14:05 UTC](https://meta.discourse.org/t/insert-hyperlink-modal-no-labels-for-inputs/287281/1 "2023-12-02T14:05:07Z")

</div>

The “Insert Hyperlink” modal inputs lack labels:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/5/4/f542405b9dcfe61cc62a31cb29ebe8e780ca7794.png)

Once you fill it out, you can no longer see which input is what:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/7/0/070a58b33b4e97c96a6563782f0f2c4c9daefcd9.png)

In the above example, it’s hard to at a glance check if the inputs are filled in correctly, or if the user entered the values out of order.

The labels are kept in the `placeholder` property, which is not ideal:

> Effective placeholder text includes a word or short phrase that hints at the expected data type, not an explanation or prompt. The placeholder must not be used instead of a `<label>`  
> [placeholder HTML attribute - HTML | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder)

My proposition is to add labels to each input:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/e/f/6eff2789b8cb1ef6542d7d3c32b905f996f17650.png)