Archives du mot-clé lycée

C’est presque fini pour cette année !

Bonjour à tous,

L’aventure de blogue ton école, ton collège, ton lycée va bientôt se terminer, pour cette année scolaire. Vous pouvez continuer à alimenter vos blogs jusqu’au 15 juin (et même après si vous le souhaitez, mais les articles ne seront pas pris en compte pour le concours).

Le 16 juin, les membres du jury (un jury par niveau), regarderont vos blogs et procèderont à une « évaluation ». Vous trouverez les barèmes en pièce jointe, pour information. Vous avez un barème global et un plus détaillé.

Le 30 juin est la date limite pour me remonter les notes. Je procéderai à une moyenne, et cela nous indiquera les finalistes : 3 classes collège et 3 classes lycée, qui participeront à la grande finale le jour de l’UNA, le 4 octobre 2017, à Dijon (il faudra désigner 4 élèves par classe pour la grande finale, mais nous en reparlerons).

Pour les écoles, c’est un peu différent. Il y a peu de participants cette année, aussi il ne sera peut-être pas nécessaire de faire une finale pour départager les classes. Un courriel sera envoyé aux participants le 30 juin.

Vous trouverez la liste des finalistes dans le blog du concours, le 30 juin si j’ai bien tous les retours des jurys.

Je vous félicite pour le travail réalisé tout au long de l’année.

Vous retrouverez très prochainement la liste des sponsors qui vous offriront les cadeaux, lots pour cette année.

A vos agendas, les inscriptions pour l’année prochaine commenceront dès la rentrée de septembre 😆

Clairelle Lestage, responsable du concours.

Un plugin pour rendre ses articles plus interactifs

Utilisation de H5P dans WordPress : #1 présentation générale

Utilisation de H5P dans WordPress : #2 Créer son premier diaporama

Utilisation de H5P dans WordPress : #3 Ajouter des activités

Utilisation de H5P dans WordPress : #4 Publier le diaporama dans un article

N’hésitez pas à signaler dans les commentaires vos chefs d’œuvre !

Merci de faire la demande par mail à Clairelle Lestage pour que l‘on vous installe ce qu’il faut dans votre blog pour pouvoir utiliser H5P ! Il faut 2 minutes pour le faire.

Texte de substitution et légendes pour améliorer l’accès à tous

Les trois singes sageshttp://fr.freepik.com/photos-libre/trois-singes_571826.htm

Saviez-vous que plus que 40% de la population est affecté par une déficience?
Saviez-vous que les personnes plus de 50 ans représentent 30% des internautes et les plus de 74 ans 16%?
Et savez-vous qu’est-ce que l’accessibilité web?

Sur Wikipédia, l’accessibilité de tous à un site web est définie comme l’accès au contenu de ce site quelques soient les handicaps :  visuels (cécité, trouble de la vision, daltonisme, achromatopsie), auditifs (surdité totale ou partielle), moteurs, cognitifs ou neurologiques, ou encore liés au vieillissement.

Des normes et recommandations

World Wide Web consortiumLes personnes ayant une déficience visuelle utilisent des « Lecteurs d’écran » pour prendre connaissance du contenu d’une page web ( exemple: http://www.nvda-fr.org/).

Afin que ces lecteurs d’écran fonctionnent bien et puissent décrire l’intégralité du contenu d’une page, il est indispensable de suivre les normes données par le W3C au travers du WCAG (Web Content Accessibility Guidelines). Pour plus d’information : https://www.w3.org/TR/WCAG20/. Ainsi, comment le contenu de l’image en haut de cet article pourrait être comprise d’une personne ayant des troubles visuels ?

La première recommandation du WCAG est de « fournir des alternatives équivalentes aux contenus visuels et auditifs (images statiques ou animées, contenus audio et vidéo) ; »

Ajouter des textes de substitution ou légendes dans ma page web

Les images constituent le premier obstacle majeur à l’accessibilité des pages Web. En y associant une description, les lecteurs d’écran pourront lire celle-ci en remplacement de l’image.

L’attribut alt

L’attribut alt est le principal vecteur des textes alternatifs pour :

  • les images img ;
  • les zones réactives des images cliquables area ;
  • les boutons de formulaire input type="image".

Ces descriptions doivent être concises et complètes. Les termes les plus importants doivent être placés au début du texte.

L’attribut longdesc et le lien D

Si la description excède 10 mots, il faut en effet envisager le recours à l’attribut longdesc des éléments img, qui crée un lien vers cette description détaillée placée dans un document annexe. Cependant, le support de cet attribut est encore très partiel. On le remplace donc fréquemment par un lien « D » (pour Description) : placé après la balise image, ce lien, avec la lettre « D » en guise de texte, mène à la page de description de l’image. C’est particulièrement utile dans le cas des images contenant des informations complexes, telles les graphiques.

Attention toutes les images ne sont pas concernées

Seules les images dites « significatives » doivent-être substituées. Il s’agit:

  • d’images ayant un sens,
  • des images porteuses d’un lien
  • ou du texte en image.

Les images transparentes ou à titre décoratif ne nécessiteront pas de légende.

Pour illustrer cet article voici une vidéo issue du site www.access-key.org réalisée par l’université de Nice Sophia Antipolis.

 

Alors, quels texte alternatif et légende pourrions-nous proposer à l’image en tête de cet article?

En cliquant sur une image insérée dans un article du blog, il est possible d’insérer ces informations et donc d’être plus accessible.