Appendix: Image Descriptions for Accessibilty Requirements for People with Low Vision

2.4.5 Color Vision

Color wheel with 12 different colors — Fig. 4 Full color perception

Color wheel with shades of blue and yellow — Fig. 5 Red-green color blindness

Color wheel with shades of green and red — Fig. 6 Blue-yellow color blindness

Color wheel with shades of gray — Fig. 7 No color perception (rare)

Below is a text description of the Figures 4, 5 and & 6 in the Low Vision Requirements document. These figures show that colors that are different for people with full color perception may appear to be the same color for different types of color blindness.

The Position column refers to the clock position in the color wheel. The Gray values are the Brightness levels from Hue, Saturation and Brightness settings.

Note: 2 versions of table. Added the image to <th> to more closely associate image with description

Position in diagram	Full Color (Fig. 4)	Red-Green color blindness (Fig. 5)	Blue-Yellow color blindness (Fig. 6)	No color perception (grays) (Fig. 7)
12	Red	Yellow-green	Red	51%
1	Red-orange	Yellow-green	Red	55%
2	Orange	Yellow-green	Light red	66%
3	Orange-yellow	Yellow-green	Light red	74%
4	Yellow	Yellow	Pink	94%
5	Yellow-green	Yellow-green	Pink-gray	72%
6	Green	Brown	Dark blue-green	49%
7	Green-blue	Medium-blue	Blue-green	45%
8	Blue	Blue	Blue-green	30%
9	Blue-purple	Dark-blue	Dark blue-green	20%
10	Purple	Medium-blue	Gray	31%
11	Purple-red	Yellow-brown	Dark red	39%

Position in diagram	Full Color (Fig. 4)	Red-Green color blindness (Fig. 5)	Blue-Yellow color blindness (Fig. 6)	No color perception (grays) (Fig. 7)
12	Red	Yellow-green	Red	51%
1	Red-orange	Yellow-green	Red	55%
2	Orange	Yellow-green	Light red	66%
3	Orange-yellow	Yellow-green	Light red	74%
4	Yellow	Yellow	Pink	94%
5	Yellow-green	Yellow-green	Pink-gray	72%
6	Green	Brown	Dark blue-green	49%
7	Green-blue	Medium-blue	Blue-green	45%
8	Blue	Blue	Blue-green	30%
9	Blue-purple	Dark-blue	Dark blue-green	20%
10	Purple	Medium-blue	Gray	31%
11	Purple-red	Yellow-brown	Dark red	39%

3.1.2 Text Contrast

Fig. 8 Web page with author-defined colors with low contrast - light background, gray text, light green headings

Background is light-gray
first heading is largest, sans-serif font, green
second heading is next largest, sans-serif font, light-green
text is smallest text, serif font, dark-gray
third heading is 3rd largest heading, serif font, light green (same color as second heading)

Fig. 9 Web page with user style with medium contrast - brown background, tan text, headings of different dull colors

Background is black
all headings are the same size and sans-serif font
first heading is khaki
second heading is lavender
text is slightly larger than headings, sans-serif font, light-gray
third heading is orchid

Fig. 10 Web page with user style with high contrast - black background, white text, headings of different bright colors

Background is black
all headings are the same size and sans-serif font
first heading is blue-green
second heading is yellow
text is slightly larger than headings, sans-serif font, light-gray
third heading is blue

3.5.1 Element-level Customization

Fig. 11 Web page with author style

Background is white
first heading is largest, sans-serif font, dark-green
second heading is next largest, sans-serif font, green
text is smallest text, serif font, dark-gray
third heading is 3rd largest heading, serif font, green (same color as second heading)
link is serif font, blue, underlined
bold is bold serif text
italic is italic serif text
bullet items are indented 3 spaces, filled circle dot vertically centered (1/3 size text font size), one space, item text

Fig. 12 Web page with user style - with different fonts, indentation, borders, different colors, and dots preceding text to differentiate heading levels

Background is khaki
all text including headings is the same size
first heading is sans-serif font, maroon text and full border around element, 1 period with a space (. ) precedes text of heading, period and text indented 2 spaces from border
second heading is sans-serif font, blue text and border around element, 2 periods with a space (.. ) precedes text of heading, periods and text indented 2 spaces from border
text is larger than headings, serif font, black text, gray border around element, text not indented
third heading is 3rd largest heading, serif font, purple text and border around element, 3 periods with a space (... ) precedes text of heading, periods and text indented 2 spaces from border
link is serif font, brown, underlined, surrounded by square brackets [ ]
bold is bold serif text
italic is italic serif text
bullet items are indented one space, the list has a left margin border of light blue, each item has a top border of lavender

Fig. 13 Web page with user style - with different fonts, indentation, and colors to differentiate heading levels

Background is black
all headings are sans-serif font, spring green
first heading is largest text, indented 2 spaces from left margin
second heading is next largest text, indented 4 spaces from left margin
text is smallest text on page, serif font, white
third heading is 3rd largest heading, indented 6 spaces from left margin
link is serif font, blue, underlined, surrounded by square brackets [ ]
bold is bold serif text, yellow
italic is italic serif text, pale yellow
bullet items indented 1 space, horizontally centered bullet, one space, text