background preloader

The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)

Features WCAG 2.1 compliance indicatorsSeveral ways to set colours: raw text entry (accepts any valid CSS colour format), RGB sliders, colour picker (Windows and macOS only)Support for alpha transparency on foreground coloursColour blindness simulator Support and development For questions concerning the Colour Contrast Analyser (CCA), or to report bugs, suggest improvements, and contribute to the code, see the Colour Contrast Analyser (CCA) repository. Previous versions The current version of the Colour Contrast Analyser (CCA) has been rebuilt from the ground up using Electron. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

https://developer.paciellogroup.com/resources/contrastanalyser/

Related:  COULEURwhitecocotteergonomie

Color Contrast Checker You are here: Home > Resources > Contrast Checker <p><strong>This tool requires Javascript.</strong></p> Normal Text WCAG AA: Pass WCAG AAA: Pass Do Your Slides Pass the Glance Test? An audience can’t listen to your presentation and read detailed, text-heavy slides at the same time (not without missing key parts of your message, anyway). So make sure your slides pass what I call the glance test: People should be able to comprehend each one in about three seconds. Think of your slides as billboards. RGB color model A representation of additive color mixing. Projection of primary color lights on a white screen shows secondary colors where two overlap; the combination of all three of red, green, and blue in equal intensities makes white. Additive color mixing with CD covers

Peek Behind the Sneaks: #ProjectLincoln— Super Powered Data Visualization It’s an understatement to say that we live in a world of data. It informs practically everything we experience in the world, from headlines in the news to the world of business. The tools we use for data analysis and exploration have become increasingly sophisticated while the explanatory tools designers and business people need to visualize and communicate with data haven’t changed much for 20 years. Well known UI researcher and visualization expert, Bret Victor, has pointed out that we currently have one of three options to create a data visualization.

The ultimate color combinations cheat sheet Finding a correct color combination is one of the most important steps in designing a stylish and holistic look. This is why we’re offering you this cheat sheet, so you’ll always hit the bullseye when choosing clothes and interior decor. Scheme № 1: A complementary combination Complementary (also known as supplementary or contrasting) colors are colors that sit opposite of each other on the Itten color circle. The combination of such colors creates a vivid and energizing effect, especially at maximum saturation. Scheme № 2: The triad — a combination of three colors Human factors and ergonomics Human factors and ergonomics (HF&E), also known as comfort design, functional design, and user-friendly systems,[1] is the practice of designing products, systems or processes to take proper account of the interaction between them and the people who use them. The field has seen contributions from numerous disciplines, such as psychology, engineering, biomechanics, industrial design, physiology and anthropometry. In essence, it is the study of designing equipment and devices that fit the human body and its cognitive abilities. The two terms "human factors" and "ergonomics" are essentially synonymous.[2][3][4] The International Ergonomics Association defines ergonomics or human factors as follows:[5] HF&E is employed to fulfill the goals of occupational health and safety and productivity.

dc.js - Dimensional Charting Javascript Library dc.js - Dimensional Charting Javascript Library dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction. dc.js is an easy yet powerful javascript library for data visualization and analysis in the browser and on mobile devices.

Travel Visa Inequality - How fair are travel visas distributed ? Travel Visa Inequality This project is a personal project by Christian Laesser. A vacation in Thailand made me curious about how equal travel visas are distributed between different countries. CSS Color Module Level 3 Abstract CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. It uses color-related properties and values to color the text, backgrounds, borders, and other parts of elements in a document. This specification describes color values and properties for foreground color and group opacity. These include properties and values from CSS level 2 and new values.

pandas: powerful Python data analysis toolkit — pandas 0.23.4 documentation pandas is a Python package providing fast, flexible, and expressive data structures designed to make working with “relational” or “labeled” data both easy and intuitive. It aims to be the fundamental high-level building block for doing practical, real world data analysis in Python. Additionally, it has the broader goal of becoming the most powerful and flexible open source data analysis / manipulation tool available in any language. It is already well on its way toward this goal.

Related: