This Wiki page is edited by participants of the Cognitive and Learning Disabilities Accessibility Task Force. It does not necessarily represent consensus and it may have incorrect information or information that is not supported by other Task Force participants, WAI, or W3C. It may also have some very useful information.

Image examples

From Cognitive Accessibility Task Force
Jump to: navigation, search

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