This is the presentation I gave at Standards-next on 2009-09-19

1. Content and Cognition
Ian Pouncey

2. Content and Cognition
• How we should use content
• Using content in multiple forms
• What to avoid

3. Consistency
• Navigation
• Fonts and font sizes
• Interactive elements: links and buttons

4. Structure
• Headings
• Lists
• White space
• Clear differentiation between content types

5. Focus
• Avoid
• contrasting blocks of colour
• unexpected sound
• moving content
• pop ups

6. Readability
• Adequate text size and line height
• Limited line length
• Colour contrast
• Short paragraphs

7. Transformability
• Supports text re-sizing
• Supports user styles
• Works without images or styles
• Provide an API or feed

8. Content
• Spelling and grammar
• Definitions of terms
• One subject
• Summarise

9. Let’s make something

10. Generated content
• Content inserted with CSS.
• Not read out by screen reader software.
• Use only in cases where the content
doesn’t make sense on an unstyled page.

11. Generated content
<p class="instructions-search">You can search this site
using the search form provided</p>
.instructions-search:after {
content: ", which is below and to the right of the logo.";
}

12. Generated content

13. Images

14. Audio and video
• To limit the amount of work required you can combine the audio with
the visual. Start with an audible version, and then repeat with a visual
demonstration.
• Keep it simple - A plain backdrop, not too much movement, speak
simply and clearly.
• Play only on demand. Automatically playing audio visual content is
distraction to many users, annoying to most others
• Include HTML controls to start and stop your movie - flash is still not
universally accessible.

15. Distractions
• Avoid busy backgrounds

16. Distractions

17. Distractions

18. Tasks
• Don’t assume that ‘simple’ tasks are easy
• The same applies to ‘What colour is the
sky’ type questions

19. Me
• http://ianpouncey.com/
• @IanPouncey