Introduction

.ee-focus-priority-1

The highest priority heading on the screen that users should focus on first. Ideally there should not be more than one of these on the page.

Typically the page title.

Because we are using the "extreme" font size for this class, we can also use a "super low contrast" text color without negatively affecting accessibility.

CSS variables used:

• --ee-font-size-extreme
• --ee-default-text-color-super-low-contrast

The approach will not be easy.

.ee-focus-priority-2

A very important heading that users should focus on second. Ideally there should not be more than a few of these on the page.

This class uses the "huge" font size and a "low contrast" text color.

CSS variables used:

• --ee-font-size-huge
• --ee-default-text-color-low-contrast

The approach will not be easy. You are required to maneuver straight down

.ee-focus-priority-3

A fairly important heading that users should focus on after the more important headings. There is no problem using several of these on a page as long as you don't overdo it.

Although using the "bigger" font size, this class uses the "default" text color.

CSS variables used:

• --ee-font-size-bigger
• --ee-default-text-color

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two

.ee-focus-priority-4

A somewhat important heading that users should focus on before reading default text. There can be lots of these on a page.

CSS variables used:

• --ee-font-size-big
• --ee-default-text-color

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port. The shaft leads directly to the

.ee-focus-priority-5

The default priority that should make up the majority of text on a page, ie: the default text.

CSS variables used:

• --ee-font-size-default
• --ee-default-text-color

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port. The shaft leads directly to the reactor system. A precise hit will start a chain reaction which should destroy the station. Only a precise hit will set up a chain reaction. The shaft is

.ee-focus-priority-6

Anything that is of slightly lesser importance than the default priority text. These can be used liberally throughout a page to support the default text.

To increase the accessibility of this text, this class uses a "high contrast" text color.

CSS variables used:

• --ee-font-size-small
• --ee-default-text-color-high-contrast

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port. The shaft leads directly to the reactor system. A precise hit will start a chain reaction which should destroy the station. Only a precise hit will set up a chain reaction. The shaft is ray-shielded, so you’ll have to use proton torpedoes. That’s impossible, even for a computer. It’s not impossible. I used to bull’s-eye womp rats in my T-sixteen back home. They’re not much

.ee-focus-priority-7

Anything that is of far lesser importance than the default priority text. These should be used sparingly throughout a page.

To increase the accessibility of this text, this class uses a "high contrast" text color.

CSS variables used:

• --ee-font-size-smaller
• --ee-default-text-color-high-contrast

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port. The shaft leads directly to the reactor system. A precise hit will start a chain reaction which should destroy the station. Only a precise hit will set up a chain reaction. The shaft is ray-shielded, so you’ll have to use proton torpedoes. That’s impossible, even for a computer. It’s not impossible. I used to bull’s-eye womp rats in my T-sixteen back home. They’re not much bigger than two meters. Man your ships! And may the Force be with you!

.ee-focus-priority-8

Extremely anecdotal text of little importance. Should be used very sparingly throughout a page for accessibility reasons.

To increase the accessibility of this text, this class uses a "super high contrast" text color, and also has a tiny bit of extra spacing between the letters and words.

CSS variables used:

• --ee-font-size-tiny
• --ee-default-text-color-super-high-contrast

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port. The shaft leads directly to the reactor system. A precise hit will start a chain reaction which should destroy the station. Only a precise hit will set up a chain reaction. The shaft is ray-shielded, so you’ll have to use proton torpedoes. That’s impossible, even for a computer. It’s not impossible. I used to bull’s-eye womp rats in my T-sixteen back home. They’re not much bigger than two meters. Man your ships! And may the Force be with you!

.ee-focus-priority-9

Uh-oh... the fine print! This is where you hide all of the really nasty legal stuff about hidden fees or lack of privacy that you don't want users to know about but are still legally obliged to inform them of.

LOLZ! just joking.

Try not to use this for anything important though because it can cause accessibility issues for users with impaired vision.

To increase the accessibility of this text, this class uses a "super high contrast" text color, with lots of extra spacing between the letters and words.

CSS variables used:

• --ee-font-size-micro
• --ee-default-text-color-super-high-contrast

The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. It’s a small thermal exhaust port, right below the main port. The shaft leads directly to the reactor system. A precise hit will start a chain reaction which should destroy the station. Only a precise hit will set up a chain reaction. The shaft is ray-shielded, so you’ll have to use proton torpedoes. That’s impossible, even for a computer. It’s not impossible. I used to bull’s-eye womp rats in my T-sixteen back home. They’re not much bigger than two meters. Man your ships! And may the Force be with you!