Lesson 9 - Web Design to Provide Accessibility

Design to Provide Accessibility

Vinton Cerf, Tim Berners-Lee, inclusive web design, WCAG 2.0, POUR principles.

• Perceivable: Content visible.

• Operable: Usable interface.

• Understandable: Clear content.

• Robust: Future-proof design.

Color Basics

Light waves, visible spectrum, rainbow, prism, free web colors.

Traditional Color Wheel

• Primary Colors

Red, yellow, blue.

Traditional Color Wheel

• Secondary Colors

Green, orange, purple.

Traditional Color Wheel

• Tertiary Colors

Yellow-green, cyan, reddish-purple, red-orange.

Traditional Color Wheel

• Neutral Colors

Black, white, gray, blackish-brown.

Color Attributes

• Hue

Specific color (blue, green).

Color Attributes

• Saturation

Purity, intensity of hue.

Color Attributes

• Value

Lightness, darkness (tint/shade).

Color Attributes

• Temperature

Warm (yellow, red), Cool (blue, green).

Defining Colors for the Web

Web-safe palette, Adobe Creative Suite, unpredictable mixing.

Monochromatic

Tints/shades of single hue.

Complementary

Opposing colors, vibrant.

Triad

Three evenly spaced colors.

Warm

Yellows, oranges, reds.

Cool

Purples, blues, greens.

Site Analysis

Thinking, planning, prior to web design.

• Goals: Identify content, architecture, budget, target audience.

Six Major Tasks

1. Clarify Goals: Profit, awareness, information.

2. Target Audience: Demographics, experience, findability.

3. Visitor Goals: Research, purchasing, service info.

4. Constraints: Budget, time, quality.

5. Content: Prioritize value, information hierarchy.

6. Site Architecture: Structure, navigation, scalable.