background preloader

Bien utiliser le texte alternatif

Bien utiliser le texte alternatif
Par WebAIM Donner aux images un texte alternatif est la première chose à faire pour l'accessibilité. C'est également l'une des plus difficiles à bien faire. Contenu de l'article Les bases du texte alternatif Le texte alternatif offre une alternative textuelle au contenu non textuel d'une page web. Le texte alternatif a plusieurs rôles : Il est annoncé par les logiciels de revue d'écran, à la place de l'image, rendant le contenu ou la fonction de l'image accessibles aux utilisateurs ayant des troubles visuels ou cognitifs. La nécessité du texte alternatif vient du fait que les ordinateurs et logiciels de revue d'écran ne peuvent pas analyser les images et déterminer ce qu'elles représentent. Le texte alternatif peut être présent de deux manières : Dans l'attribut alt de la balise img. L'attribut alt (parfois appelé balise alt, bien que ce soit techniquement incorrect) n'est donc pas le seul mécanisme permettant de fournir le contenu et la fonction de l'image. Important Note Exemple 1 Exemple 2

Oseox : Cours Référencement Liens Sponsorisés Affiliation Emailing Nouvelle formule pour les inspirations pour intégrateurs #83 : Illustrations CSS Premier article d'un nouveau format pour les inspirations pour intégrateurs, qui se renouvelle pour 2017 ! Pour ce premier chapitre, revenons sur les illustrations et animations en CSS. Les inspirations pour intégrateurs changent de formules ! Dans quelques mois les inspirations pour intégrateurs atteindront l'âge respectable de 4 ans, et ont très peu évolué depuis leurs débuts. Tous les premiers jeudis du mois, vous retrouverez un article d'inspirations pour les intégrateurs dans le style des anciens, avec des ressources sélectionnées, et ordonnée selon leur complexité. Puis, les semaines suivantes, nous prendrons des exemples de cette liste et les décortiquerons, parfois ligne à ligne, pour aider le plus de monde possible à comprendre les techniques mises en place, dans un article de techniques d'intégration. Créations et animations en CSS "traditionnelle" Que pensez-vous de ce nouveau format ?

SEO, Adsense et Referencement Les nouveautés de l'HTML 5.1 Le World Wide Web Consortium (W3C) qui est une communauté internationale qui développe des standards pour l'évolution du Web a officialisé la version 5.1 du langage HTML. Le développement de cette spécification a débuté en décembre 2012 et a été validée en tant que recommandation par le W3C le 1er novembre 2016. Nous allons voir ensemble les ajouts importants de cette recommandation. picture et srcset Ce nouvellement a pour but d'améliorer le chargement des images en sélectionnant l'image à charger suivant la taille de l'écran de l'utilisateur. Dans le cas où un navigateur n'est pas compatible, alors on affiche une image par défaut via <img>. details et summary Ces 2 balises permettent de générer un widget permettant d'afficher et de masquer du contenu sans JavaScript. <details> Ceci est un texte. <details> permet de masquer des informations et affichera le texte "détails" qui, une fois cliqué, permettra de révéler le texte complet. Menu contextuel Voir la démo. Autres Vers HTML 5.2

Faire connaitre et afficher le PageRank Google de votre site web ! www.visual-pagerank.be HTML5 : le guide du débutant La capacité à créer de belles et convaincantes pages web est une compétence utile qu'il faut avoir. Elle vous permet de présenter des informations qui vous intéressent tout en capturant l'attention des personnes qui visitent votre page web. Si vous ne souhaitez pas utiliser les gestionnaires de contenu (tels que WordPress, Drupal et Joomla) pour mettre sur pied votre site web et que vous voulez apprendre les bases du HTML5, alors ce guide est fait pour vous ! Et au fait, une fois que vous aurez appris les ficelles du métier pour le HTML5, je vous suggère de jeter un œil à ma « Fiche de révision HTML5Fiche de révision HTML5 » ci-dessous. Historiquement, les sites web sont créés à partir du HTML, du CSS et du JavaScript. Ce renouveau est appelé HMTL5, et il est utilisé avec beaucoup d'enthousiasme par les entreprises et les développeurs. Même si tout ça peut sembler intimidant au premier abord, ça ne l'est pas du tout. Ici on trouve beaucoup de choix VI-A. VI-B. VI-C. VI-D. VI-E. <! <!

Le B A ba du référencement Comprendre le référencement sur Google, les bases. Que les lecteurs habituels de ce blog m’excusent cet article niveau débutant est plus destiné à nos prospects et clients. C’est un résumé à l’issu d’un premier entretien téléphonique. Il pourra toutefois servir de repère à toute personne souhaitant comprendre le référencement sur les moteurs de recherche, et plus spécifiquement Google. Pour les anglophones, cette excellente vidéo de Google vous aidera aussi à comprendre le fonctionnement de ce moteur de recherche. La logique abordée est celle de l’agence AxeNet qui intègre les leviers relatifs au référencement dès le début d’un projet de conception de site web. Le référencement, c’est quoi ? Dans le langage courant, c’est la mise en oeuvre de techniques et de pratiques visant à positionner votre site dans les moteurs de recherche. Inutile en effet d’être uniquement premier sur le nom de votre société, tous ceux qui ne la connaissent pas n’aboutiraient jamais sur votre site. C’est Tout ?

HTML/Elements NOTE: THE MATERIAL ON THIS WIKI PAGE IS BEING MIGRATED ONTO THE WEB EDUCATION COMMUNITY GROUP'S DEDICATED WIKI PAGE, AT ITEMS MARKED WITH (MOVED) HAVE ALREADY BEEN MOVED. This is the list of HTML and related Elements from the past to the present. The root element (MOVED) html (MOVED) head (MOVED) title (MOVED) base (MOVED) isindex (MOVED) link (MOVED) meta (MOVED) style Scripting (MOVED) script (MOVED) noscript Sections (MOVED) body (MOVED) section (MOVED) nav (MOVED) article (MOVED) aside (MOVED) h1, h2, h3, h4, h5, and h6 (MOVED) hgroup (MOVED) header (MOVED) footer (MOVED) address Grouping content (MOVED) p (MOVED) hr (MOVED) pre (MOVED) blockquote (MOVED) ol (MOVED) ul (MOVED) li (MOVED) dl (MOVED) dt (MOVED) dd (MOVED) figure (MOVED) figcaption (MOVED) div (MOVED) center (MOVED) main Text-level semantics Edits (MOVED) ins (MOVED) del Embedded content Tables Forms Interactive (MOVED) details (MOVED) summary (MOVED) command (MOVED) menu See also

Cr?ation de site et r?f?rencement : 10 ?tapes cl?s ? Blog Axe-Net Tout le monde est d’accord aujourd’hui pour dire que lors de la création d’un site, son référencement doit commencer à être travaillé très en amont dans sa conception et souvent, durant le restant de la vie du site. Afin de clarifier ce principe, la méthodologie de création de site, ci-dessous, détaille la chronologie des étapes nécessaires à sa mise en oeuvre et distingue celles durant lesquelles le SEO (référenceur) doit valider l’approche (marqué d’un *SEO). Comme pour construire une pyramide, on commence par la marche du bas. Cliquez sur l’image pour visualiser le contenu dans une taille agréable. Petite précision initiale : Le rôle du référenceur n’est pas de filouter les moteurs de recherche, mais de tout faire pour éviter de leur mettre des bâtons dans les roues. Le principe est d’aider des machines à comprendre les subtilités de la communication humaine. 1 / Définir les cibles et modes de communication : Qui sont vos visiteurs, quels langage ou jargon utilisent-ils ?

HTML5: Langage moderne pour usages modernes - InApps L’Hypertext Markup Language, langage standard d’écriture sur le web, n’avait quasiment pas évolué depuis 10 ans. Difficile à croire, quand on compare à l’évolution formidable de la toile dans ce même intervalle de temps : du web statique on est passé au web 2.0 interactif et dynamique, alimenté par les utilisateurs. Certains parlent déjà d’un passage au « web au carré » du fait de l’extension de ses usages dans la vie de tous les jours. Il était donc temps que le HTML5 arrive, et apporte un vent de fraîcheur côté technique ! Nous vous proposons un petit tour d’horizon des principales nouveautés de cette évolution. HTML5 : un langage simplifié et explicite On constate immédiatement une volonté de s’adapter au web moderne : simple et efficace, à l’image du doctype qui vient remplacer toute une ligne de normes et symboles inintelligibles. Les balises et font leur apparition, facilitant enfin l’insertion de médias dans la page, exemple: CSS3 : Plus de possibilités, moins de contraintes

Related: