Afin de rendre Hypnoweb accessible au plus grand nombre, n'oublie pas de suivre quelques petites règles ! Merci d'avance ! - Inscris-toi gratuitement et surfe sans pub !
Aujourd’hui, l’utilisation des écrans est quotidienne dans notre société et par tout le monde. Il est donc important que chaque visiteur puisse profiter de la meilleure expérience possible sur internet et donc sur Hypnoweb également.
Voici quelques éléments qui pourront vous aider à rendre vos pages et vos news accessibles à tous.
Les pages doivent présenter un titre qui décrit leur sujet de façon claire.
Les paragraphes doivent être majoritairement alignés à gauche. Ils ne doivent pas être positionnés en justifié, car ce mode d’affichage rend le texte plus compliqué à lire pour un grand nombre de personnes, en changeant l’espacement entre les mots sur les différentes lignes.
Les liens doivent être placés sur un texte parlant afin de savoir où ils vont renvoyer l’utilisateur.
En cas de lien qui pourrait être ambigu, il est recommandé d’utiliser la partie 'Titre du lien' pour clarifier le but du lien positionné.
Exemple de ce qu'il ne faut pas faire :
Pour plus d’informations, cliquez ici.
(le lien sur le mot “ici” n'est pas assez parlant)
Exemples de ce qu'il est préférable de faire :
Découvrez-en plus sur notre animation Hyp9.
(le lien est positionné sur le texte correspondant à la page sur laquelle il envoie)
Commenter l'animation dans le forum.
(le lien est placé sur le mot clé et dans la rubrique 'Titre du lien', on retrouve la description "Forum de l'animation Hyp9")
Il est nécessaire de ne pas abuser des titres et sous-titres sur les pages et de les réserver pour indiquer des titres de section.
Attention, un sous-titre devrait toujours être précédé d’un titre sur cette page pour avoir une arborescence complète. Pensez cela comme une table des matières.
Exemple :
La page Astrid Nielsen (Astrid & Raphaëlle)
Il est primordial d’ajouter une description alternative parlante à vos images.
Voici quelques exemples non exhaustifs :
Logo de la série Astrid & Raphaëlle
Photo d'Astrid Nielsen jouée par Sara Mortensen
Daenerys (Emilia Clarke) et ses dragons arrivent à la rescousse !
Si vous utilisez une image contenant du texte ou un logo, ce texte doit être reporté dans la description alternative de l’image.
Exemple :
Description de l'image : “Logo de la chaîne NBC”
Les pages comme celle de l'exemple ci-dessous sont à proscrire. Il faut toujours indiquer en texte, le nom du personnage ou de l'acteur, l’image seule ne suffit pas pour rendre le site navigable pour tous.
En cas de changement de design, il est important de vérifier que les logos ou images donnant des informations importantes sur un quartier sont toujours bien visibles. Des images blanches seront bien visibles sur un fond plus foncé, mais ne seront que très peu visibles sur un fond clair.
Les contrastes des couleurs des designs sont déjà prévus pour répondre aux critères d’accessibilité.
Si vous souhaitez en savoir plus sur l'accessibilité, vous pouvez consulter cette page :
