background preloader

La marque des professionnels du Web - Opquast

La marque des professionnels du Web - Opquast

site national | design & arts appliqués Pompage.net : le web design puisé à la source AccessiWeb - Accueil les bonnes pratiques Openweb.eu.org — Bien faire le web ! 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 FredCavazza.net -FredCavazza.net 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 15 outils de curation incontournables | Les outils de la veille Que ce soit dans le cadre d’une veille ou pour organiser le flux incessant d’informations qui nous submerge tous, les outils de curation sont devenus des services indispensables. La curation est plus qu’une mode passagère, elle s’inscrit dans un mouvement de fond sur le web pour répondre à l’infobesité et au surf permanent. La curation est aussi un bon moyen pour promouvoir une marque , sa réputation en ligne ou encore pour générer du traffic vers son site en ligne. Les outils et services de curation sont très nombreux. Trop nombreux ? Ma liste personnelle des 15 outils incontournables pour votre curation de contenus. Scoop.it Incontestablement mon préféré dans cette liste d’outils de curation. Paper.li C’est le concurrent direct de Scoop.it. Pinterest Les épingles de Pinterest ont révolutionné la curation en ligne et donné naissance à une ribambelle de services et de sites qui se sont inspirés de son ergonomie et de sa simplicité d’utilisation. ListLy La curation sous forme de listes.

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

Related: