Archives du mot-clé collège

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.

Mon mot de passe est-il sécurisé ?

« 123456 »
« azerty »
« soleil »
« iloveyou »
« password »
….
Ai-je trouvé votre mot de passe ?
Ou peut-être ne suis-je pas loin ?
Si oui, cela est très inquiétant…
Ces mots de passe sont parmi les plus répandus sur internet.

15415460033_dc72f39b0a

Savez-vous que si votre mot de passe est trop commun, il faudra moins d’une seconde à un pirate informatique pour le découvrir ?

Mettre un mot de passe sur un compte en ligne, c’est souvent un casse-tête, il faut pouvoir s’en rappeler facilement, on se dit qu’il est plus simple de mettre un terme qui nous parle : une date d’anniversaire, le prénom d’un membre de la famille, … Et tant qu’à faire, on va mettre le même pour tous nos comptes !

C’est l’erreur que font la majorité des internautes qui prennent cette procédure un peu trop à la légère, les mots de passe sont les protecteurs de vos données. S’ils sont négligés, les dégâts pourraient être particulièrement ennuyeux : accès à votre messagerie ou à vos comptes de réseaux sociaux tels que Twitter ou Facebook. Est-ce que cela vous plairait qu’un pirate informatique s’amuse à dire n’importe quoi à vos amis sur Facebook ?

Syrian.hacker

Des sites pour tester la force du mot de passe

La majorité des services en ligne proposent maintenant un testeur de mot de passe qui vous informe de la solidité de votre mot de passe lorsque vous devez créer un compte.

Voici toutefois une liste de sites qui vous diront s’il est temps de changer le votre :

Alors comment sécuriser un mot de passe ?

Certaines « règles » permettent d’avoir un mot de passe qui dispose d’un minimum de sécurité.

  1. Ne lésinez pas sur la longueur : les mots de passe trop courts sont encore plus faciles à trouver, il est conseillé d’avoir au moins 8 caractères.
  2. Mélangez les types de caractères : il est important de les varier, vous pouvez mélanger des majuscules et des minuscules, rajouter des chiffres et aussi des caractères spéciaux tels que ? % ; / ! $
  3. Évitez au maximum les mots du dictionnaire : c’est le premier test qu’un pirate informatique réalisera, il dispose d’une immense base de données contenant tous les mots du dictionnaire et lancera donc son attaque jusqu’à ce que le mot de passe soit dévoilé.
  4. Votre mot de passe doit être unique : chaque site / service doit avoir son propre mot de passe. Si un de vos mots de passe est cassé, cela évitera d’avoir accès à tous vos autres services.

Quelques techniques pour générer un mot de passe sécurisé et surtout le retenir

C’est bien beau tout ça, mais ça rend mon mot de passe très complexe et difficile à retenir !

Voici deux techniques utilisant des moyens mnémotechniques :

Technique 1 :

La première consiste à prendre une phrase, une citation, un titre de film qui nous plaît et qu’on retient facilement.

Prenons par exemple une citation de Confucius : « Le silence est un ami qui ne trahit jamais »

On peut donc sélectionner les première lettres de chaque mot, ce qui donne « lseuaqntj »

Bien ! On a un mot de passe de 9 caractères qui n’est pas dans le dictionnaire.

… mais d’après ce qu’on a vu précédemment, on peut faire mieux, on va le complexifier en mélangeant des majuscules et des minuscules : « LseuAqntJ »

Maintenant on va transformer certaines lettres en chiffres, « un » peut être changé en « 1 », le « s » ressemble au chiffre « 5 » : « L5e1AqntJ »

Enfin pour le fun on va rajouter un caractère spécial (ou plusieurs) : « L5e1AqntJ! »

Et voilà ! « L5e1AqntJ! » est un mot de passe sécurisé qu’on pourra retrouver à partir de la citation d’origine.

Technique 2 :

Vous aimez écrire en SMS ?
Alors pourquoi ne pas générer un mot de passe en SMS ?

Sur le même principe que la technique précédente, nous allons créer un mot de passe en substituant les sonorités des mots par des chiffres ou d’autres sonorités qui s’en rapprochent.

Prenons la phrase : « J’ai eu un cours de maths ce matin, c’était trop bien ! »

Cela donnerait : « Gu1Kour2MatCeMat1,CTtrobi1! »

Pas mal non ?

Utiliser un site pour générer mon mot de passe

Vous pouvez toujours utiliser des sites spécialisés qui vous permettent de générer aléatoirement un mot de passe sécurisé, il en existe des tonnes sur internet, en voici deux exemples :

Conclusion

Voilà, vous être prêt à générer un vrai mot de passe !

Attention, un mot de passe se périme, pensez à le changer de temps en temps.

Bien sûr, la terre entière ne cherche pas à voler tous vos comptes en ligne, mais cela permettra de les sécuriser un minimum et de garder l’esprit tranquille.

Et surtout, ne le donnez à personne !

Allez-Vous Arriver sur la Toile A découveRt ?

AVATAR, c’est bien le nom d’un film non?

Oui, mais ce n’est pas que cela !

Commençons par nous poser la question de savoir d’où vient le mot avatar? Dans l’hindouisme, un avatar est l’incarnation d’un dieu (sous la forme d’un humain ou d’un animal) qui est sur terre pour sauver le monde du désordre cosmique (https://fr.wikipedia.org/wiki/Avatar).

Voici une définition plus « moderne » de ce qu’est un avatar : « Personnage virtuel que l’utilisateur d’un ordinateur choisit pour le représenter graphiquement, dans un jeu électronique ou dans un lieu virtuel de rencontre. » Cette définition proposée par le dictionnaire Larousse peut être élargie : un avatar peut également être utilisé dans des espaces numériques pour le travail, comme par exemple dans une plateforme pour la formation, dans un annuaire d’entreprise…

Avoir un avatar, c’est pouvoir se fabriquer un personnage, une représentation de nous, sans avoir à publier notre vraie image. Cela peut être utile si l’on ne veut pas être identifiable dans la « vraie vie ». Prenez par exemple une personne qui teste en secret les hôtels restaurants et qui fait un blog sur ceux qu’il préfère. Il faut impérativement qu’il reste anonyme ! Grâce à un avatar dans son blog, il n’a pas besoin de se déguiser.

Comment choisir son avatar ? Vous avez le choix soit de faire de votre avatar la projection la plus fidèle possible de votre image, ou encore au contraire une création nouvelles d’un personnage que vous aimeriez être. C’est aussi l’occasion de changer de genre ! Une jeune fille peut ainsi choisir de se représenter en rugbyman avec les oreilles décollées, et couvert de boue. C’est aussi un moyen de se poser des questions sur les stéréotypes : bleu pour les garçons/rose pour les filles, couleurs de peau, etc.

Maintenant que vous savez tout, comment faire son avatar ?

  • les sites dédiés : il existe une multitude de sites qui propose la création d’avatar. En voici une sélection :  AVATAR MAKER gratuit , Anime Face Maker gratuit également, ou encore Face your Manga (attention à bien lire les restrictions d’usage de l’avatar créé !). Vous pourrez trouver ici d’autres sites de création d’avatar.
  • une application ou un logiciel de dessin

Enfin attention à ne pas confondre AVATAR et PSEUDO, mais ça c’est une autre histoire !

Des images en fond transparent

Est-ce que cela vous est déjà arrivé de vouloir superposer des images et d’avoir l’arrière-plan de l’une d’elles, peut-être blanc, qui vous en empêchait ? Alors il est temps de se pencher sur les images en fond transparent…

Une image en fond transparent a plusieurs avantages :

– elle s’intègre mieux dans la page
– elle adopte automatiquement la couleur d’arrière-plan
– elle est plus légère que la même image avec un fond uni

Il est possible de supprimer le fond uni d’une image pour le rendre transparent, avec le logiciel GIMP par exemple, mais le résultat n’est pas toujours satisfaisant.

Voici un petit tutoriel expliquant comment faire : http://libresavous.com/doc/gimp-rendre-transparent-le-fond-uni-dune-image/

Les 3 formats les plus répandus sur internet sont le PNG, le GIF et le JPG.

Le format PNG est un format compressé (la taille des images est adaptée à la publication sur internet) qui n’altère pas la qualité de l’image lors de la compression et qui gère la transparence.
Le format GIF permet de faire des images animées (façon Tumblr), gère la transparence, mais lors de la compression l’image perd nettement en qualité.
Le JPG ne gère pas la transparence, et perd en qualité lors de la compression.

On optera donc en priorité pour le format PNG pour les images et le format GIF pour des animations, ces deux formats gérant la transparence.

Alors, à vous de jouer !