estou criando uma página de um ecommerce fictício para treino, dentro desse site fiz uma espécie de monte o seu prato com um formulário, aqui tem um exemplo
<fieldset class="escolha-complementos">
<legend>complementos desejados:</legend>
<label>Cebolinha
<input class="complementos" name="complemento" value="Cebolinha" type="checkbox">
</label><br>
<label>Shitake (cogumelo)
<input class="complementos" name="complemento" value="Shitake" type="checkbox">
</label><br>
<label>Batata doce
<input class="complementos" name="complemento" value="Batata doce" type="checkbox">
</label><br>
<label>Kombu (alga)
<input class="complementos" name="complemento" value="Kombu" type="checkbox">
</label><br>
<label>Gergelim
<input class="complementos" name="complemento" value="Gergelim" type="checkbox">
</label><br>
<label>Cebola crispy
<input class="complementos" name="complemento" value="Cebola" type="checkbox">
</label><br>
<label>Menma (brotos de bambu)
<input class="complementos" name="complemento" value="Menma" type="checkbox">
</label><br>
<label>Nori
<input class="complementos" name="complemento" value="nori" type="checkbox">
</label><br>
</fieldset>
tive a ideia de adicionar algumas imagens apenas para fins de design, como o próprio label já descreve do que se tratam os campos acredito que ter também imagens com alt poderia ficar muito redundante então adicionei as imagens com um content before, mas não tenho plena certeza se esse é mesmo o melhor caminho, estou aceitando qualquer dica de possíveis melhoras, agradeço desde já.