Peut on faire un site web sans javascript ?

Version imprimable

22/03/2023, 14h00
totodev33

Peut on faire un site web sans javascript ?

Bonjour,
je me posais la question, Peut on faire un site web sans javascript en 2023?
En effet je développe un site simple en html / css / javascript. J'utilise un peu de javascript dans mon menu.
Mais un utilisateur peut désactiver le code javascript => et mon menu ne fonctionnera plus comme avant. J'utilise la balise html noscript pour dire à l'utilisateur qu'il faut l'activer.
Et je crois qu'on ne peut pas vérifier si l'user à son JS d'activer ou non.

Et c'est comme pour des framework JS comme react si l'user ne veut pas activer son JS alors le site tout entier ne fonctionne pas.

Est-ce que il y a une solution alternative pour ce problème ou on doit faire avec ?
Et selon vous beaucoup d'user désactive leur JS ? Et faut il prévoir une version sans JS du site ?

Merci de vos réponses !
22/03/2023, 14h55
CosmoKnacki

Si un utilisateur désactive le Javascript, c'est lui que ça regarde!

Maintenant, rien ne t'empêche de faire un site qui soit déjà pleinement fonctionnel sans le moindre Javascript (ce qui implique que si tu dois effectuer un quelconque traitement ou calcul celui-ci devra être effectué coté serveur en rechargeant la page), puis d'ajouter ensuite une couche javascript qui court-circuitera les comportements par défaut pour offrir une meilleure expérience utilisateur. C'est un peu le principe de la "dégradation gracieuse".

À noter que les 3/4 des sites actuels se fichent de savoir si Javascript a été désactivé.

Dans le même ordre d'idée, même le CSS est superflu, la seule chose indispensable c'est le html, car après tout un site c'est quoi: du contenu structuré avec des liens hypertext pour naviguer et des traitements coté serveur (si nécessaire).
22/03/2023, 15h05
totodev33

okok je n'effectue pas de traitement de calcul, j'utilise seulement JS pour des eventListener comme au hover ou au click de l'utilisateur (exemple l'user passe la souris sur un lien alors une div apparaît et devient display block et si l'user enlève la souris du lien alors la div disparaît ). C'est peut être possible de faire ça avec du css non ?
j'entend que 3/4 des sites actuel s'en fichent mais c'était pour toucher le plus de personne possible mais je crois que ça va être trop compliqué

Après un site que en html c'est très moche le css et JS ont été créé pour améliorer l'expérience utilisateur
22/03/2023, 15h11
CosmoKnacki

Citation:

C'est peut être possible de faire ça avec du css non ?

Oui, c'est possible en CSS avec la pseudo classe :hover et en jouant avec les sélecteurs.
22/03/2023, 15h14
totodev33

même pour le click ?
22/03/2023, 15h17
CosmoKnacki

Oui avec :active.
22/03/2023, 15h20
totodev33

ok je vais voir ça alors mais tu me conseille de remplacer mon JS par le css à cause de ma problèmatique ou ce n'est pas nécessaire car la plupart des utilisateurs ont JS d'activé ?
22/03/2023, 15h34
CosmoKnacki

Je ne te conseille rien du tout concernant ta problèmatique. Pour ma part voici comment je trancherais la question: le faire en CSS ou en Javacript?
Si ce dont tu parles n'a pour but qu'un effet visuel, décoratif, je me cantonnerais au CSS, si par contre c'est une fonctionnalité, je pencherais plutôt sur un eventlistener.
22/03/2023, 15h37
totodev33

ok merci pour ta réponse !
22/03/2023, 15h40
CosmoKnacki

Je t'invite à lire cette page pour éclairer tes choix: https://developer.mozilla.org/fr/doc...and_JavaScript
22/03/2023, 17h05
Stellar7

Bonjour,

Je rajoute un avis concernant l'AN (Accessibilité Numérique), ie la prise en compte du handicap.

Il y a un certain nombre d'années, on disait qu'il fallait qu'un site puisse être utilisable avec JS désactivé.

Depuis, ça a bien changé, et on utilise le JS pour faciliter la prise en compte du handicap dans tout ce qui est dynamique.
Juste pour information : le référentiel français pour l'AN est le RGAA, et la standardisation des comportements attendus, avec l'aide du JS, est visible via les "pratiques ARIA", regarde en particulier les patterns (une trentaine de cas : menu déroulant, menu hamburger, carrousel, élément caché/déplié, etc).

Bonnes explorations !
22/03/2023, 18h15
mathieu

Citation:

Envoyé par totodev33

la plupart des utilisateurs

ce point là est important à définir dans le cahier des charges du site : quels sont les utilisateurs ?
les fonctionnalités ne seront pas les mêmes entre un site pour les employés d'une entreprise où tout le monde utilise edge 16 et un site grand public qui devra avoir des effets responsifs pour les utilisateurs qui regardent le site sur leur téléphone.