UI Contrast Best Practices and 'As a Man Thinketh' Summary

This set of vocabulary flashcards covers technical UI contrast standards (WCAG), specific performance metrics for the Bible app, and philosophical concepts from James Allen's 'As a Man Thinketh'.

Shift Nudge

An interaction course whose founder summarized UI WCAG contrast recommendations in a viral tweet and created 工examples in Figma- Contrast Scores.

Figma- Contrast ScoresPSP

A Figma document or tool mentioned that contains examples of recommended UI contrast ranges.

Pure White and Pure Black contrast

The highest contrast score possible, which is $21$. It is suitable for high-impact titles but can cause eye fatigue in other contexts.

AAA Level Contrast

A contrast range between $12$ and $21$ used for long text, titles, and important components, specifically dark text on light backgrounds.

High Contrast - Day Mode

The recommended contrast range for daytime interfaces, which spans from $12$ to $21$.

High Contrast - Dark Mode

The recommended contrast range for light text on dark backgrounds, which is between $7$ and $12$.

AA Level Contrast

A minimum contrast ratio of $4.5$ required for secondary copy and information to ensure readability.

Icons and Buttons contrast

The requirement that the fill color and text for these UI elements maintain a contrast ratio of at least $3$.

Low Contrast Range

A range between $1.2$ and $1.5$ used for auxiliary or decorative UI elements like greyed-out buttons and partition lines.

Pupil Dilation in low light

A biological process that makes the eye more sensitive to light, allowing a $5$-level contrast range in Dark Mode to appear more distinct than a $9$-level range in Day Mode.

Bible App Day Mode Body Text

The contrast ratio currently measures $18.7$, which falls within the recommended AAA range of $12-21$.

Bible App High Emphasis (Day Mode)

The contrast ratio is currently $10.1$ on a white background, which is considered low for important text.

Bible App High Emphasis (Dark Mode)

The contrast ratio is currently $14.2$, which is considered higher than the ideal range of $7-12$ for dark mode.

Bible App Secondary Contrast (Day Mode)

Currently measured at $3.3$, which is below the minimum AA level requirement of $4.5$.

Bible App Active Gold (Day Mode)

The golden 'active' color currently has a contrast of $2.6$, which is lower than the recommended minimum of $3$ for icons and buttons.

Bible App Secondary Contrast (Dark Mode)

Measured at $7.2$, which complies with the minimum AA level requirement of at least $4.5$.

James Allen

The author of the text 'As a Man Thinketh' whose quotes regarding the soul and thoughts are featured in the training.

Thought-seed

A concept from 'As a Man Thinketh' stating that every thought sown in the mind blossoms into action and bears the fruitage of opportunity and circumstance.

Soul Attraction

James Allen's idea that the soul attracts what it secretly harbors—both what it loves and what it fears—and eventually receives its own through circumstances.