Carnaval de Nice 2016 : quels enjeux pour le roi des médias ?

C’est bientôt le Carnaval de Nice ! Du 13 au 28 février 2016, le thème sera le « roi des médias ». Avant d’y aller faire un tour, nos Ludonomes ont visité le site de l’événement nouvel onglet. Pendant les festivités, nous vous proposons de jouer avec ce site internet pour découvrir un enjeu majeur des médias numériques : l’accessibilité !

Au royaume des aveugles, le Web est roi ?

Le carnaval s’adresse à tous types de publics et notamment à des personnes en situation de handicap. A Nice, les titulaires d’une carte d’invalidité (d’un taux supérieur ou égal à 80 %) et leur accompagnant peuvent d’ailleurs bénéficier d’un « tarif handicapé » nouvel onglet. Il est donc fort probable que ce type de public souhaite se renseigner sur l’événement avant de s’y rendre. Pour beaucoup, l’accès à l’information passe par Internet. Une personne préfèrera d’autant plus obtenir ces renseignements depuis chez elle, sans avoir à se déplacer, si elle présente des limitations motrices ou visuelles.

Mettons les masques, oublions les images !

Comment une personne non-voyante peut-elle accéder au contenu d’un site internet ? Eh bien, elle utilise généralement un lecteur d’écran (en anglais, screen reader). Ce logiciel va lui dicter à voix haute toute l’information textuelle présente dans la page consultée voire lui transcrire en braille. Il existe actuellement de nombreux logiciels permettant une synthèse vocale. Nous pouvons citer, par exemple, Jaws nouvel onglet (compatible avec Windows) et VoiceOver nouvel onglet (intégré à Macintosh).

Mais, le web est encore plein d’embûches pour qui y navigue en sortant des sentiers battus… Pour en prendre conscience, mettons les masques et oublions les images ! La vidéo suivante présente la page d’accueil du site nicecarnaval.com telle qu’elle est dictée par un lecteur d’écran (Jaws). Nous avons désactivé les images pour vous montrer ce qu’une technologie d’assistance est en mesure de percevoir.

Vous pouvez également consulter la transcription textuelle de cette lecture d’écran.

Une question pour les grosses têtes

 Parmi les liens proposés, lequel vous permet d’accéder au programme du Carnaval de Nice 2016 ?

  1. Actualités
  2. Réservation en ligne
  3. Carnaval 2013 Programme
  4. Découvrir Nice

Vous n’êtes pas sûr de votre réponse ? Vous pouvez retirer votre masque et visualiser, ci-dessous, la capture d’écran de la page d’accueil (avec les images) pour comprendre par vous-même l’origine du problème d’accessibilité.

Voir détails plus bas dans la page

La bonne réponse est « Carnaval 2013 Programme ».

Une simple question d’alternative textuelle

Le bouton permettant d’accéder au programme du Carnaval 2016 est une image comportant du texte. Le texte indique bien « Carnaval 2016 […] Programme […] ». Mais, le contenu d’une image n’est pas lisible par un logiciel de lecture d’écran (espérons que ce soit bientôt le cas grâce aux progrès dans le domaine de la reconnaissance d’images).

Contenu du bouton "Carnaval 2016 Thème, Programme, Tarifs, Historique, Accès, Photos" et contenu de l'alternative textuelle : "Carnaval 2013 Programme"

 

 

 

Les développeurs ont donc rédigé une alternative textuelle associée à cette image afin qu’elle puisse être lue. C’est une bonne pratique d’autant plus que c’est la règle numéro 1 (WCAG 2.0) nouvel onglet en accessibilité du web :

 « Règle 1.1 Les équivalents textuels : proposer des équivalents textuels à tout contenu non textuel qui pourra alors être présenté sous d’autres formes selon les besoins de l’utilisateur : grands caractères, braille, synthèse vocale, symboles ou langage simplifié. »

En revanche, l’alternative textuelle n’est pas à jour et indique « Carnaval 2013 Programme ». Ce contenu était valable… il y a trois ans ! L’information recherchée n’est donc pas perceptible pour un non-voyant (aucune référence à l’année 2016). Pour satisfaire à cette première règle d’accessibilité, il est donc important de vérifier le critère de succès suivant :

« 1.1.1 Contenu non textuel : tout contenu non-textuel présenté à l’utilisateur a un équivalent textuel qui remplit une fonction équivalente […].»

Alors, quelle alternative textuelle faudrait-il proposer pour cette image ?

  1. Carnaval 2016
  2. Carnaval 2016 Programme
  3. Carnaval 2016 Thème, Programme, Tarifs, Historique, Accès, Photos
  4. Lien vers le programme du Carnaval 2016 (bouton bleu)

La troisième réponse est la bonne puisque les autres ne permettent pas de percevoir toute l’information présentée dans l’image. En l’état, à l’écoute du lecteur vocal ou en visionnant cette page sans les images, l’internaute ne sait pas comment accéder aux « Tarifs » et au « Thème » du carnaval 2016. C’est une question que l’on aurait pu vous poser ;-)

Carnaval de Nice 2016 : un sacré thème !

Vous constaterez également, sur cette page d’accueil, que certaines images riches de sens n’ont pas d’alternative textuelle. C’est le cas du gros titre « Carnaval de Nice roi des médias ». Celui-ci mentionne le thème de l’année et cette information n’est donnée nulle part ailleurs dans la page. A défaut d’une alternative textuelle fournie, le lecteur d’écran énonce uniquement le nom du fichier image, à savoir « logo_header_2016 »… Cette image nécessiterait une alternative textuelle et un balisage indiquant qu’il s’agit d’un titre de niveau 1.

Carnaval de Nice roi des médias

Bon carnaval à tous et à bientôt !

 Transcription textuelle de la vidéo

Carnaval de Nice – Site officiel – Mozilla Firefox
Liste
La page contient 2cadres, 28liens
Carnaval de Nice – Site officiel
Lien Graphique images/logo_header_2016
Lien Graphique images/btn_presse_s1 Attributs souris
Lien Graphique images/btn_espacepro_s1 Attributs souris
Lien Graphique Français
Lien Graphique English
Attributs souris
Lien Graphique Italiano
Attributs souris
Lien Graphique Deutch
Attributs souris
Cadre Carnaval de Nice Teaser FR – 13 au 28 Février 2016 – YouTube
Lien Carnaval de Nice Teaser FR – 13 au 28 Février 2016
À regarder plus tard
Bouton
Partager
Bouton de menu
Regarder Carnaval de Nice Teaser FR – 13 au 28 Février 2016
Bouton
Fin du cadre Carnaval de Nice Teaser FR – 13 au 28 Février 2016 – YouTube
Lien Graphique Carnaval 2013 Programme
Attributs souris
Lien Graphique Reservation en ligne
Attributs souris
Lien Graphique Espace Professionnels
Attributs souris
Lien Graphique Concours
Attributs souris
Graphique Les actualités du carnaval
Vira la Roda Un déjeuner gastronomique dans la Grande Roue
Lien > Plus d’infos
Lien Graphique Découvrir Nice
Attributs souris
Cadre fb:like Facebook Social Plugin
J’aime
Bouton
J’aime
Lien > Plus d’infos
Lien Graphique Découvrir Nice
Attributs souris
Cadre fb:like Facebook Social Plugin
J’aime
Bouton
J’aime
37 631
Fin du cadre fb:like Facebook Social Plugin
Lien Graphique images/logo_youtube
Lien Graphique images/logo_facebook
Lien Graphique images/logo_twitter
Lien Graphique Nice
Carnaval de Nice 2016 – Du 13 au 28 Février 2016 – T +33(0).892.707.407 (0,40€/mn) –
Lien Office du Tourisme et des Congrès de Nice
Liste de 9 éléments
Lien Mentions légales |
Lien Crédits |
Lien Contacts |
Lien Réservations |
Lien Espace Pro |
Lien Actualités |
Lien Boutique |
Lien Découvrir Nice |
Lien Partenaires
Lien Espace Pro |
Lien Actualités |
Lien Boutique |
Lien Découvrir Nice |
Lien Partenaires
Fin de la liste

Retour à la vidéo

Auteur/Autrice

  • Sandra Machefer

    UX Designer - Ingénieur multimédia spécialisée en ergonomie des technologies numériques, Sandra optimise la conception et l’évaluation de dispositifs techniques en considération des besoins et les caractéristiques des utilisateurs finaux.

    Voir toutes les publications