Rendre le site accessible

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 titres de page

Les pages doivent présenter un titre qui décrit leur sujet de façon claire.

 

Les paragraphes

Les textes

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

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")

Capture de la pop-up de création de lien


Les titres

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.

  • Niveau 1 : Titre de la page
    • Niveau 2 : Titre de rubrique ou Titre (via l’éditeur)
      • Niveau 3 : Sous-titre (via l’éditeur)

Exemple :
La page Astrid Nielsen (Astrid & Raphaëlle)

  • Niveau 1 : Astrid Nielsen : personnage de la série
    • Niveau 2 : Astrid Nielsen
      • Niveau 3 : Informations diverses
      • Niveau 3 : Les dossiers relatifs à Astrid
      • Niveau 3 : Les relations
      • Niveau 3 : L'évolution d'Astrid
    • Niveau 2 : Les photos d'Astrid


Les images

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 :

Logo de la chaîne NBC

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.

Capture d'une page montrant des images sans texte

Les couleurs

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 :

Guidelines d'accessibilité (WCAG) 2.1

Ecrit par serieserie 

Bannière de l'animation HypnoAwards 2024

Ces femmes de pouvoir.

  1. Piper Halliwell
  2. Regina Mills
  3. Wanda Maximoff

Nouvelle catégorie en vote :
Ces séries ayant eu une suite en film.

Ne manque pas...

Le nouveau quartier consacré à la série TV Sullivan's Crossing est ouvert sur Hypnoweb !
Nouveau quartier ! | Sullivan's Crossing

Activité récente
Dernières audiences
Logo de la chaîne France 3

Hudson & Rex, S06E04
Dimanche 16 mars à 23:10
1.00m / 12.9% (Part)

Logo de la chaîne France 3

Hudson & Rex, S06E03
Dimanche 16 mars à 22:30
1.32m / 9.3% (Part)

Logo de la chaîne France 3

Hudson & Rex, S06E02
Dimanche 16 mars à 21:50
1.80m / 9.6% (Part)

Logo de la chaîne France 3

Hudson & Rex, S06E01
Dimanche 16 mars à 21:05
1.94m / 9.5% (Part)

Logo de la chaîne France 2

Tropiques criminels, S06E01
Vendredi 14 mars à 21:10
4.33m / 22.7% (Part)

Logo de la chaîne France 3

Un si grand Soleil, S07E135
Vendredi 14 mars à 20:40
2.18m / 11.6% (Part)

Logo de la chaîne TF1

Demain nous appartient, S08E140
Vendredi 14 mars à 19:15
2.09m / 13.6% (Part)

Logo de la chaîne TF1

Ici tout commence, S05E140
Vendredi 14 mars à 18:35
2.03m / 15.5% (Part)

Toutes les audiences

Actualités
Au programme de ce lundi

Au programme de ce lundi
Le programme est un peu léger aujourd'hui, le lundi 17 mars, mais il y a tout de même des séries de...

Percy Jackson et les Olympiens victorieuse lors des Children's and Family Emmy Awards

Percy Jackson et les Olympiens victorieuse lors des Children's and Family Emmy Awards
Cette nuit avait lieu la troisième cérémonie des Children's and Family Emmy Awards. Celle-ci a été...

Percy Jackson et les Olympiens renouvelée pour une troisième saison par Disney+ !

Percy Jackson et les Olympiens renouvelée pour une troisième saison par Disney+ !
Une excellente nouvelle nous est parvenue aujourd'hui de Disney+ : Percy Jackson et les Olympiens...

Audiences US - Bilan du 3 au 9 mars

Audiences US - Bilan du 3 au 9 mars
Le lundi, sans être véritablement dans une situation catastrophique, Poppa's House connaît tout de...

Au programme de ce week end

Au programme de ce week end
Pour ce week-end de mars, une bonne variété de séries, de quoi convenir à tous les genres. Ce...

HypnoRooms

Locksley, 13.03.2025 à 19:26

Bon séjour dans le premier camping de la citadelle et bonne inauguration à sabby !

ShanInXYZ, 15.03.2025 à 01:17

Manche 3 PDM Nos Acteurs en héros de romans lancée sur le quartier Doctor Who, venez voter

langedu74, 15.03.2025 à 21:26

Hello ! Le nouveau design d'HypnoClap est en place, n'hésitez à passer nous dire ce que vous en pensez

sabby, Avant-hier à 16:10

La famille Dutton vous attend sur le quartier Yellowstone pour commenter la saison 2 de 1923, mais attention au Blizzard

SofianeD, Hier à 11:12

Coucou à tous ! N'hésitez pas à voter pour la nouvelle bannière du quartier Plus belle la vie ! Merci d'avance.

Viens chatter !

Newsletter

Les nouveautés des séries et de notre site une fois par mois dans ta boîte mail ?

Inscris-toi maintenant

Sondage