Você conhece a tag noscript?

Comecei a preparar uma aula para o curso de UI Development que estou ministrando e acabei achando por acaso a tag noscript no w3schools. Você sabe como ela funciona?

Basicamente a tag noscript será executada caso o usuário desabilite o javascript do navegador ou o mesmo não suporte script.

Vejamos um exemplo simples:

<!DOCTYPE html>
<html>

<body>
    <script>
        document.write("<h1>Olá JavaScript :)</h1>")
    </script>

    <noscript>
        <h1>Olá NoScript :)</h1>
    </noscript>
</body>
</html>

Caso o usuário desabilite o javascript ou o navegador não suporte, a mensagem “Olá NoScript” será apresentada.

Mas para que isso seria útil?

É obrigação de nós desenvolvedores atender o maior número de usuários ou pelo menos informá-los que para o funcionamento correto do site/sistema é necessário o uso de javascript. Vejamos como alguns grandes produtos se comportam com o javascript desabilitado:

Gmail – 😊

gmail-no-script

Facebook – 😊

face-no-script

StackOverFlow – 😊

stackoverflow-no-script

O gmail e o facebook disponibilizam uma versão funcional sem a necessidade do javascript. Preciso fazer isso a onde eu trabalho?

Acho pouco provável. Mas creio que devemos utilizar essa tag para pelo menos avisar o usuário final.

Mas será que tudo são flores e todos os “grandes” fazem isso?

G1 ☹

g1-no-script

  • O footer quebrou;
  • Os vídeos não funcionam;
  • As imagens não aparecem.

Considerações Finais

É muito simples a utilização da tag e creio que nós desenvolvedores devemos utiliza-lá. Não conhecia esse pequeno detalhe até semana passada e irei me atentar para isso a partir de agora.

Bora ser DEVs melhores? Até a próxima 😛

Deixe uma resposta