None of the first five looked good, so here are five more, F to J. Each one is shown at a lesson end, on the sign-in page and at phone width, with rest, hover and keyboard focus. Every label in F to J passes 4.5 to 1 in all three states. The earlier A to E are further down, unchanged. Nothing else changes until you pick.
The rust of orange links, used as a solid button with a white label. It sits close to earlier B, only a little deeper. Label contrast rest, hover, focus: 5.48 / 7.34 / 5.48 to 1. All pass.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
Navy button, white label, a thick orange line along its bottom edge. Label contrast rest, hover, focus: 12.80 / 15.02 / 12.80 to 1. All pass.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
Near-black button that turns navy on hover; the strongest, quietest one; it sits close to earlier C. Label contrast rest, hover, focus: 18.90 / 12.80 / 18.90 to 1. All pass.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
White button with a navy edge and navy label; fills navy on hover. Label contrast rest, hover, focus: 12.80 / 12.80 / 12.80 to 1. All pass.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
A soft, warm orange button with a navy label and a rust edge. Label contrast rest, hover, focus: 6.47 / 7.68 / 6.47 to 1. All pass.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
The orange you know, white label; what the pages show today. Label contrast 3.13 to 1, fails the 4.5 to 1 rule.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
A browner orange fill with a white label. Label contrast 4.55 to 1, passes the 4.5 to 1 rule.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
Calm navy block, white label; orange is kept for accents. Label contrast 12.80 to 1, passes the 4.5 to 1 rule.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
Bright orange with a navy label. Label contrast 4.09 to 1, fails the 4.5 to 1 rule.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.
White button, orange edge, rust label. Label contrast 5.48 to 1, passes the 4.5 to 1 rule.
Lesson end
You have read this lesson.
Sign-in page
Phone width
Lesson 4 of 9 done.