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

L'accessibilité du Web menacée par le droit d'auteur - Le bloc-notes d'Armony Certains le savent, à titre professionnel, je conseille, forme et accompagne les personnes souhaitant prendre en compte l'accessibilité dans leurs sites web. Des règles pour permettre l'accessibilité des personnes handicapées aux contenus web (les WCAG) sont élaborées par une institution internationale, le W3C, et plus particulièrement par l'un de ses groupes de travail, l'Initiative pour l'accessibilité du Web (WAI). Or, en France, bien que cela soit venu tardivement, une loi demande aux services de communication publics en ligne de respecter ces règles internationales d'accessibilité. Pour une accessibilité applicable dans le monde réel : règles et cas particuliers Or, dans le but d'être applicables, toutes ces règles très générales ont également un certain nombre d'exceptions gérées par des cas particuliers dans le référentiel AccessiWeb, au sein du glossaire. Ces exceptions d'accessibilité peuvent aussi avoir des motifs techniques. Une question politique et non technique.

Mettre un titre en image et rester accessible août 2004 Weblog - Blog & Blues コミスケは、 電子書籍の全ページを自動でキャプチャして PDF化してくれる最近、評判のソフト です。 このコミスケを無料で使いたい、という話を聞くことがあります。 たしかにコミスケを購入するまえに、無料版を使ってみたい、という気持ちも わかります。 最近は「コミスケ 無料」などのワードもよく検索されているようです。 というよりも、正確には 無料ソフトで電子書籍の自動キャプチャ・コピーができるソフトはありません! 少なくとも自分の知る限り、電子書籍の全ページを自動キャプチャコピーできて PDF化できるソフトで、 かつDMM、booklive、hontoといったコピーガードのかかったサイトの電子書籍にも 対応しているソフトというのは、他にないでしょう。 またレンタルの電子書籍をコミスケでコピー保存するようにすれば、 正直な話、10冊もコピーすれば十分に元が取れてしまいます! 電子書籍をよく利用する方なら、無料でなくても 十分、買う価値のあるソフト です(笑) ただし、 ・特定のサイトでしか利用する予定がない、 ・そのサイトが対応しているかどうか不安、 という場合は、事前にサポートなどに問い合わせて確かめるか、 コミスケwikiのようなまとめサイトを参考にしてみるといいと思います。 電子書籍コピーソフト「コミスケ」の詳細はこちらで! 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.

Plume Interactive : écriture web et ergonomie éditoriale par Eve Demange 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 ?

Transformer un document scanné en PDF balisé - Accesbilis - Conseil formation Web et accessibilité numérique Vous avez récupéré un document papier que vous souhaitez mettre à la disposition des internautes. Mais vous ne disposez pas du document d’origine en format numérique. Comment obtenir un fichier PDF balisé ? Scanner le document papier Pour obtenir une image exploitable, il faut prévoir une résolution supérieure à 200 dpi, ce qui permettra une reconnaissance du texte. Extraire le texte d’une image Pour extraire le texte de l’image obtenue, il est nécessaire de faire appel à un OCR (Optical Character Recognition). Corriger le texte extrait L’OCR reconnaît difficilement les fontes particulières. Rendre le texte accessible Le texte doit pouvoir être accessible par tous, y compris par les personnes vieillissantes, les non-voyants utilisateurs de lecteurs d’écran, les personnes handicapées moteur qui ne peuvent pas utiliser de souris et se déplacent à travers le document uniquement grâce au clavier, les personnes souffrant de handicap cognitif qui doivent pouvoir lire et comprendre le texte.

Bonnes pratiques Javascript: Le code non intrusif La récente découverte de l'excellent framework Javascript Mootools et l'exploration qui en à suivi à été pour moi une bonne aubaine pour me rappeller de la technique du Javascript non intrusif et de mieux la mettre en pratique. Cette technique, similaire dans l'esprit au couple XHTML/CSS, consiste à séparer le code javascript de la page HTML. JS non intrusif, pourquoi? On raconte depuis des lustres qu'environ 10% des internautes n'ont pas Javascript activé sur leur browser. Bien qu'à l'ère "Web 2.0", cela puisse sembler un brin surréaliste, de récentes études prouvent que c'est toujours le cas. Comme je l'ai dit plus haut, le principe du Javascript non intrusif est de séparer totalement le code JS du co,ntenu de la page, à savoir le code (x)html. Déja, pour le développeur, celà rendra le code plus maintenable, ensuite, pour l'utilisateur, si celui-ci n'a pas Javascript activé, il pourra toujours naviguer dans le site. Mise en pratique On aurait tendance à penser d'abord à ça: haut de page

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.

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

L’accessibilité est-elle soluble dans la qualité? Avant-propos: Cet article, rédigé par Jean-Pierre Villain, est la copie conforme de son article original publié sur le site de Qelios. Il est dupliqué ici afin de l’ouvrir aux commentaires, cette fonctionnalité n’étant pas disponible sur ce site (pour le moment, ça va changer très vite…). Avec la publication de WCAG 2.0 et les prémices d’une certaine maturité des producteurs de contenus Web, l’accessibilité sort petit à petit de l’enfance pour entrer dans une période pré-adolescente bouillonnante d’idées. Rendons à César ce qui appartient à Elie Sloim qui, en France, en fut le précurseur au travers de Témesis et Opquast, appuyé sur un talent oratoire qui lui vaudrait sans nul doute plusieurs nominations aux césars des évangélistes s’ils existaient. La communauté d’idée créée autour de Paris Web a largement contribué à servir de laboratoire et de caisse de résonnance à cette approche dont la récente création du groupe W3qualité en est une des incarnations. Explicite ou pertinent ?

Related: