lighthouseで「Form elements do not have associated labels」の修正方法

事象

修正方法

修正前

<input type="text">

修正後

<input type="text" ariaLabel="lable">

or

<label htmlFor="promo">label</label>
<input id="promo" type="text">

参考URL

https://web.dev/label/?utm_source=lighthouse&utm_medium=devtools