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 OpenClassrooms - Faire un site web accessible Nous avons vu précédemment pourquoi il est nécessaire de rendre son site accessible, voyons donc maintenant comment le faire. Pour cela, je vous propose de vous poser quelques questions (certaines questions proviennent de pompage.net (fr).) Le langage est-il facile à comprendre ? Rendre son site accessible, c'est commencer par le normer pour qu'il puisse être interprété de manière similaire par tous les logiciels qui exécuteront vos pages (comme par exemple les nouveaux appareils connectés au web qui ne sont pas des PC). En effet, si vos scripts ne respectent pas ces normes, les navigateurs auront du mal à réorganiser votre site de la même façon que vous pensiez l'avoir fait. Pour cela, outre la nécessité de respecter la normalisation du langage utilisé, il est recommandé par le W3C de séparer la structure de la présentation (le HTML4 et (X)HTML strictes du CSS). Votre site est valide ? La page a-t-elle un sens sans la feuille de style ? Les liens de la page sont-ils logiques ? Conclusion

Most popular smartphone screen resolutions 2015 The first 4K (2160 x 3840) smartphone, the ZTE Star 3, is reportedly on the way, and thus perhaps 4K will become the new standard for mobile device screen resolution. However, lower resolutions are currently the most popular in the smartphone world. Check out the most recent statistics on top smartphone screen resolutions in 2015 based on browser hits. The number of dots on the screen Screen resolution provided by the device manufacturer defines the number of pixels (the tiniest addressable points) available on the screen, and it is usually quoted as width × height. Physical vs. virtual pixels It is also worth mentioning that for many graphic designers CSS pixels are a more important factor than physical pixels listed by device manufacturers. A CSS pixel (px) equals 1/96th of 1in. The DeviceAtlas team dug a little deeper to provide you with the most recent statistics on the most popular physical screen resolutions, and CSS pixel resolutions across some selected local markets.

SEO, Adsense et Referencement Pompage.net : le web design puisé à la source Réduire la taille des ressources HTML, CSS et JavaScript  |  PageSpeed Insights  |  Google Developers Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction. Présentation La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait. Compresser les ressources HTML, CSS et JavaScript peut accélérer le temps de téléchargement, d'analyse et d'exécution. En outre, il est possible de réduire davantage la taille des fichiers CSS et JavaScript en renommant les variables, tant que la ressource HTML est mise à jour de manière adéquate afin de s'assurer que les sélecteurs continuent de fonctionner. Recommandations Nous vous conseillons de réduire la taille de vos ressources HTML, CSS et JavaScript. Vous pouvez utiliser l'extension PageSpeed Insights pour Chrome afin de générer une version optimisée de votre code HTML et réduire la taille de vos ressources.

Faire connaitre et afficher le PageRank Google de votre site web ! www.visual-pagerank.be Technologie, Handicap, Accessibilité | Les nouvelles technologies pour palier le handicap How to Section Your HTML Easily manage projects with monday.com 👋 It has been brought to our attention in the comments (and on Twitter) that some of the techniques used in this article result in a poor user experience for screen reader users. We'll be making updates to make sure the article reflects the best possible information. The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. Here is a brief explanation of each sectioning element and how they are used: <nav> - Equivalent to role="navigation". #Contents This is a very long article that I suspect you will want to come back to and reference multiple times. #When to use <nav> The <nav> element only ever needs to be used once per navigation block. <nav aria-label="Primary"><ul><li><a href="#">Primary link</a></li><li><a href="#">Primary link</a></li><li><a href="#">Primary link</a><! The <nav> element is intended for only major navigation blocks. The key phrase is ‘major’ navigation. A <nav> is unnecessary around a search form <! <! <! <! <!

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 ?

Related: