Créer facilement une palette de couleurs accessibles

L'accessibilité des couleurs et les contraintes liées au contraste ont souvent mauvaise presse auprès des designers. Certains craignent que les contraintes d’accessibilité des couleurs limitent leur palette et par la même occasion leur créativité. D’autres pensent (à tort) que l’accessibilité des couleurs n’est réservée qu’à une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible de leur site. Voici un petit tutoriel, pas à pas, pour créer une palette de couleurs accessible, sans avoir pour autant à brider sa créativité. Cet article est une traduction de mon article en anglais Tips to Create an Accessible and Contrasted Color Palette. Le contraste est une partie très importante dans le design d’un site web : il va aider vos utilisateurs à lire facilement le texte et à comprendre vos contenus. Outils pour mesurer le contraste Le contraste se mesure entre la couleur d’arrière-plan et la couleur de premier plan (souvent le texte). Conclusion

Learn Sketch 3 - Design+Code Sketch is a vector design tool entirely focused on user interface design. It’s easy to pick up and costs a fraction of the price of Photoshop. Because of its simplicity, anyone with little to no training can learn Sketch. It’s perfect for designing for multiple devices, and delivering assets is a breeze. Sketch uses a single unit, styles only relevant to UI design, a built-in iPhone previewing tool called Mirror and Artboards, the most efficient way to design multiple screens. It's been 3 years since I’ve used Sketch exclusively and it has completely changed my workflow. Sketch was voted App of the Year by NetAwards, and most used Wireframing and User Interface Design tool on a survey responded by 4,000 designers, dethroning the almighty Photoshop. Introduction to Sketch Sketch is the ultimate tool for iOS, Android and Web design. Designing for Screens Everything you'll learn in Sketch will immediately be useful to app design. Customizing Your Toolbar Artboards Pages UI Templates Colors Symbols