Ergonomie web et logiciel, architecture de l'information, utilisabilit? sites Internet ? Ergolab WP Google Fonts Google's free font directory is one of the most exciting developments in web typography in a very long time. The amazing rise of this new font resource has made this plugin the most popular font plugin on WordPress and it shows no signs of stopping. While font plugin solutions like FontBurner.com have helped bring rich typography to WordPress themes, the selection of fonts easily available to the average blogger have been limited. The WP Google Font plugin makes it even easier to use Google's free service to add high quality fonts to your WordPress powered site. Not only does this plugin add the necessary Google code, but it also gives you the ability to assign the Google fonts to specific CSS elements of your website from within the WordPress admin. Right now, the Google Directory has hundreds of great fonts, and the selection is steadily growing.
Color Contrast Checker You are here: Home > Resources > Color Contrast Checker <p><strong>This tool requires Javascript.</strong></p> Normal Text WCAG AA: Pass WCAG AAA: Pass The five boxing wizards jump quickly. Large Text Explanation Enter a foreground and background color in RGB hexadecimal format (e.g., #FD3 or #F7DA39) or choose a color using the color picker. WCAG 2.0 level AA requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text. Welcome to the HiSoftware Cynthia Says Portal Comment choisir les couleurs de votre site internet ? Un site internet, ce n'est pas simplement du contenu juxtaposé. Réfléchir à sa présentation et à son organisation sont des éléments clés pour votre réussite. Et le mieux, c'est de le faire dès le départ ! Aujourd'hui, nous allons nous concentrer sur le choix des couleurs. Vous ne créez pas un site pour vous-même mais pour vos visiteurs. Votre site est consacré à la gastronomie ? Votre site est consacré aux futures mamans comme babypopsparty.com ? Enfin, si votre clientèle est plutôt masculine, préférez des couleurs franches et viriles ! Source : mauvilacgroup.com Les couleurs de votre site ne sont pas uniquement un élément clé de sa cohérence graphique. Le graphique ci-contre vous donne des indications sur les effets de couleurs. Pour avoir une analyse plus poussée, vous pouvez également lire : Pensez également que les couleurs n'ont pas les mêmes significations selon les pays, les cultures et les religions.
Frédéric Guerrier (guerrier) typeface.js -- Rendering text with Javascript Contrast Ratio Analyser Colour Contrast The old Accessibility Evaluation and Repair Tools (AERT) suggested algorithm for determining colour contrast now directs here. The AERT algorithm was never a recommendation, and WCAG 2.0's luminosity contrast algorithm is recommended instead. Success Criterion 1.4.3 of WCAG 2.0 requires the visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement. Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement. Analyse Luminosity Contrast Ratio
Signification des couleurs dans les sites web La façon dont les couleurs influencent notre état d’âme, notre moral et notre corps est une chose vraiment passionnante. Le sujet du billet d’aujourd’hui concerne donc notre perception des couleurs dans le design web et de la manière elles sont utilisées par différentes compagnies dans leur site Internet. « Le billet suivant est une traduction d’un article paru sur le site web de 1stwebdesigner.com écrit par Anastasia Miles ». À la base, les couleurs sont divisées en 2 catégories. Les couleurs situées dans la zone rouge (sur le dessein à gauche) sont les couleurs chaudes (rouge, orange, jaune) et les couleurs situées dans la zone bleue sont les couleurs froides (bleu, mauve, vert). Dans les temps anciens, les gens croyaient que les couleurs pouvaient guérir de différentes maladies. Voici quelques analyses de quelques sites web de grandes marques connues à travers le monde. 1. 2. Habituellement, McDonalds utilise le jaune et le rouge (suscite l’excitation chez les enfants). 3. 4. 5.
MockFlow: Online Wireframe Tool Typominima - WordPress theme Contrast Analyser & Accessibility About the Colour Contrast Analyser This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations. It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria. In addition, the Colour Contrast Analyser provides functionality to simulate certain visual conditions such as dichromatic color blindness (protanopia, deuteranopia, tritanopia) and cataracts. Note: the image simulation features are currently not available in the Mac version. Details The Color Contrast Analyser was developed to facilitate the assessment of color combinations against WCAG 2.0: The Colour Contrast Analyser uses the following formula to determine contrast: where R, G and B are defined as: and RsRGB, GsRGB, and BsRGB are defined as: RsRGB = R8bit/255GsRGB = G8bit/255BsRGB = B8bit/255 Versions Windows Mac Acknowledgements Terms of use The Colour Contrast Analyser is freeware.
Code Couleur - Espace 2001