✅Gabarito(D)
Os utilizadores devem conseguir distinguir claramente os campos em que o preenchimento é obrigatório dos restantes campos. Hoje em dia, a maior parte dos websites usa um asterisco à frente do nome do campo para os identificar como obrigatórios; outros websites usam a palavra "obrigatório" em vez do asterisco.
Ambas as soluções são válidas, mas o uso de um asterisco obriga a ter uma legenda no topo do formulário para indicar que os campos marcados com * são de preenchimento obrigatório.
Qualquer que seja a opção escolhida, a informação de obrigatoriedade de preenchimento deve estar incluída na label do campo e não após o campo em si.eve ainda ser usado o atributo required para que o browsers que fazem a validação inline do preenchimento dos formulários possam dar uma mensagem de aviso se o utilizador não preencher os campos obrigatórios.
Exemplo 1:
<div>
<label for="nome">Nome <em>(obrigatório)</em></label>
<input id="nome" type="text" required name="nome" placeholder="O seu nome" value="" />
</div>
Exemplo 2:
<div>
<label for="nome">Nome <abbr title="campo obrigatório">*</abbr></label>
<input id="nome" type="text" required name="nome" placeholder="O seu nome" value="" />
</div>
Isto permite que, em termos de acessibilidade, os conteúdos sejam lidos de uma forma coerente pelos screen-readers; ou seja, o utilizador ouve o nome do campo, depois a informação de que o campo é de preenchimento obrigatório e finalmente tem acesso ao campo para o poder preencher.
Fonte: https://ux.sapo.pt/usabilidade/web/formularios/