Color Usage Blog Posts

Accessibility Awareness: Color Contrast

Date: March 16, 2021
Author: Christy Blew

When it comes to accessibility, colors that look good together may not be easily seen by those with visual impairments or color blindness. Authors need to make sure there is enough contrast between the foreground and background colors (ratio) of text content in documents and web pages.

Accessibility Awareness: Color Blindness

Date: March 16, 2021
Author: Christy Blew

The first step in creating more universally accessible instructional materials is awareness. This informational video on color blindness helps people understand people’s perspectives on color blindness and the importance of color choices in creating instructional materials.

Category: Color Usage

Inline SVG for high contrast support

Date: February 15, 2021
Author: Jon Gunderson

Using SVG graphics in combination with the CSS currentColor property to support high contrast theme options in operating systems. Rendered SVG menu open/close icon SVG Code <svg aria-hidden=”true” width=”11px” height=”11px” viewBox=”0 0 133 79″ version=”1.1″> <title>menu open/close icon</title> <g stroke=”none” stroke-width=”1″ fill=”none” fill-rule=”evenodd”> <g transform=”translate(-50.000000, -122.000000)” fill=”currentColor”> <g transform=”translate(45.000000, 64.000000)”> <path d=”M33.5,21 C40.4035594,21 46,26.5964406 46,33.5 …

Category: Color Usage