Solucionado
Em relação ao uso do <input aria-label="">. Simplesmente definir o tipo apropriado do input não seria o suficiente para as questões de acessibilidade?
por exemplo: <input type="email" name="email" id="email" placeholder="Insira seu e-mail aqui">.
Ou realmente é preciso usar o aria-label, mesmo ja tendo definido o tipo "correto" do input? Um substitui o outro? podem ser usados em conjunto? Ou o aria-label é para casos específicos ?
Oi Nathan, tudo bem?
Você precisa usar o aria-label para que pessoas que fazem o uso de leitores de tela saiba exatamente o que tem ali.
Se essa informação deve ser exibida somente para usuários de tecnologia assistiva e invisíveis na tela, devemos usar o aria-label.
O atributo aria-label é uma ótima forma de ampliar a descrição de um elemento, pois ele permite transmitir informações sem que essas estejam visíveis para todos os usuários, mas são acessíveis para usuários de leitores de tela. Seu uso deve ser feito em elementos interativos, como âncoras,** botões** e **campos de formulário.
Respondendo sua pergunta: um não substitui o outro.
Vou deixar aqui essa documentação para você dar uma lida.
Bons estudos!