1
resposta

Dúvida sobre um alt ser ou não necessário nesse caso

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á.

1 resposta

Olá, Priscila.

De acordo com a w3schools, o atributo alt fornece informações alternativas para uma imagem se um usuário, por algum motivo, não puder visualizá-la (devido a uma conexão lenta, um erro no atributo src ou se o usuário usar um leitor de tela). Ou seja, o texto desse atributo só será exibido caso aconteça algum deste casos, sendo assim, é importante ter sim o atributo alt em todas as imagens do site. Além do mais, esse atributo também ajuda os mecanismos de busca do navegador encontrar as imagens.

Esse artigo aqui pode te ajudar melhor sobre o atributo alt: https://www.webpeak.com.br/blogs/saiba-a-importancia-da-tag-alt-em-imagem, bons estudos!