Image examples

Notes for images for examples of good and bad practice

• format:
• size:
• colors:

drafts are at https://docs.google.com/document/d/1TeSP612Z9Zf7Srojdbq0te615CE0g5wB6puCBVLXziw/edit?usp=sharing

actions

• example:
• objective 1 (good) clear title (h1 or h2 ), clear buttons, you know were u are and what going on (at example.com)

see https://www.w3.org/TR/coga-usable/#objective-1-help-users-understand-what-things-are-and-how-to-use-them-0

• • 4.2.1Pattern: Make the Purpose of Your Page Clear - high priority
  • 4.2.2Pattern: Use a Design that the User is Likely to Recognize and Understand - high priority
  • 4.2.3Pattern: Use a Consistent Visual Design
  • 4.2.4Pattern: Make Each Step Clear (if there are steps)
  • 4.2.5Pattern: Clearly Identify Controls and Their Use - high priority
  • 4.2.6Pattern: Make the Relationship Clear Between Controls and What They Affect
  • 4.2.7Pattern: Use Symbols that Help the User - high priority
• objective 1 (fail) no title, not sure what is clickable or whats going on/ what step we are at (at example.com)
  • fails at 2 - 4 of the patterns above
• objective 2
• objective 3
• objective 4