chaine de production site internet etape par etape site national | design & arts appliqués AccessiWeb - Accueil les bonnes pratiques Accessibilité web L'accessibilité web est un sujet bien délicat depuis des années, mais peu d'ouvrages de référence en français ont vu le jour. C'est Armony Altinier qui a relevé le défi en publiant aux éditions Eyrolles le livre Accessibilité web : Normes et bonnes pratiques pour des sites plus accessibles. Le web pour tous est le cheval de bataille de bon nombre de communautés (dont Alsacréations). Il s'agira par exemple d'évaluer l'accessibilité d'un site, de faciliter l'accès aux contenus par les lecteurs d'écran ou la navigation au clavier, de prêter attention aux aspects graphiques aux contrastes et couleurs, de faire la connaissance de WAI-ARIA en HTML5, etc. Parce qu'il ne suffit pas d'assister à une conférence sur l'accessibilité par an et de mettre des attributs alt sur les images pour se donner bonne conscience, la lecture de ce livre permet de savoir en amont quelles bonnes pratiques à utiliser et pourquoi le sujet nous concerne tous. Sommaire
Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab How to Meet WCAG 2.0 This web page can be used as a checklist for WCAG 2.0. It provides: All of the requirements (called "success criteria") from Web Content Accessibility Guidelines (WCAG) 2.0Techniques to meet the requirements, which are linked to pages with descriptions, code examples, browser and assistive technology support notes, and tests.Failures to avoid, which are linked to pages with descriptions, examples, and tests."Understanding" links to pages that explain the intent of the guideline or success criterion, how it helps people with different disabilities, key terms, and resources. You can customize what is included in this page by selecting from the Customize this Quick Reference section which Technologies, Levels of success criteria, and Sections of techniques you want to include. For an introduction to WCAG, Techniques, and Understanding documents, see the WCAG Overview. About the Techniques Note: The basis for determining conformance to WCAG 2.0 is the success criteria, not the techniques.
MARIE & JULIEN Adobe Edge Web Fonts Bonnes pratiques pour les déclarations @font-face Petit rappel historique À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Nous étions alors à la fin des années 90 et la guerre entre ces deux navigateurs faisait rage. Malheureusement, les constructeurs ainsi que les fondeurs ne parvinrent pas à se mettre d’accord à l’époque sur un format de fonte et le haut débit n’étant pas encore généralisé, cette technologie ne fut que peu ou pas utilisée. Avec CSS 3, c’est le grand retour en force des fontes web à travers le module CSS Fonts qui redéfinit la méthode d’insertion des fontes personnalisées dans les navigateurs. Déclaration simplifiée Une déclaration simple ressemble à ça : La propriété font-family permet de définir le nom de la fonte tel qu’il sera utilisé par la suite dans les déclarations de style. Gestion des formats de fonte Notez la présence de l’ancre nommée sur l’url de la police SVG. Le cas Internet Explorer Conclusion
Comment utiliser une fonte «non-standard» sur un site Web Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Quand @font-face tombe à l'eau CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une fonte au téléchargement, fonte qui serait ensuite utilisée dans la page. Il s'agit de la règle @font-face. Mais celle-ci a été peu implémentée par les navigateurs, ou alors partiellement. Pendant longtemps, le seul navigateur à avoir un support tout relatif de @font-face était Internet Explorer. Quand @font-face revient En réalité, @font-face n'a pas été supprimée de CSS, elle a juste été repoussée à CSS 3. Support de @font-face par les navigateurs Google Web Fonts Font Squirrel
10 outils bluffants pour créer des visuels sur les réseaux sociaux Illustrer un article de blog, un Tweet ou un post Facebook est souvent une étape qui s’avère être un vrai casse-tête… Quelle image choisir ? Est-ce qu’elle est libre de droit ? Quelle est la bonne dimension pour qu’elle ne soit pas coupée ? Grâce à My Marketing Manager, cette étape va devenir ludique, rapide et surtout efficace pour attirer du trafic sur votre canal de communication ! Avec Canva il est très simple de réaliser tous les types de montages photos inimaginables. L’outil est gratuit. Vous pouvez créer de nombreux documents avec des dimensions optimisées. Il est inutile de rappeler qu’il faut avant tout avoir défini une stratégie digitale sur les réseaux sociaux avant de penser à la diffusion de contenus. Connectez-vous avec Facebook, Google ou par email Vous êtes connecté Choisissez d’abord le type de document à créer (your designs) Sélectionnez votre modèle de présentation ( layouts, text, background) ou personnalisez en téléchargeant votre propre visuel (uploads) Le + : Les + :