SlideShare a Scribd company logo
1 of 36
Download to read offline
Ten Content commandments
Best practices for usable, accessible content
@leonardhoux
1. Images
1. Images
1. Images:
Display for a reason
1. Images: display for a reason
1. Images: display for a reason
1. Images:
Display for a reason
2. Links
2. Links:
Link to the Noun
3. Section Headings
3. Section Headings: Use the
section names
3. Section Headings: Use the
section names
3. Section Headings: Use the
section names
4. HTML
4. HTML
4. HTML:
Keep it clean
4. HTML:
Keep it clean
4. HTML:
Keep it clean
5. Alignment
5. Alignment: Left
6. Sub-headers
6. Sub-headers:
Front-load key info.
6. Sub-headers:
Front-load key info.
7. Section Order
7. Section Order:
Stick to one scheme
8. Text format
8. Text format:
Use HTML
9. Text formatting
9. Text formatting: Break up
walls of text
10. Copy
10. Copy: Cut it in half
10. Copy: Cut it in half
Ten Content Commandments
1. Display images for a reason.
2. Make the link a noun.
3. Use section names.
4. Keep your HTML clean.
5. Align left
6. Sub-head sections with gerunds and imperatives.
7. Keep lists in one scheme.
8. Use HTML for online content.
9. Break up your wall of text.
10. Cut your text in half.
RECOMMENDED READING

More Related Content

Similar to Ten Content commandments

What's New in Joomla! 1.6 Templates?
What's New in Joomla! 1.6 Templates?What's New in Joomla! 1.6 Templates?
What's New in Joomla! 1.6 Templates?Barb Ackemann
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLMeghan Frisco
 
Web engineering and Technology
Web engineering and TechnologyWeb engineering and Technology
Web engineering and Technologychirag patil
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.docbutest
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.docbutest
 
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopHtml & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopVero Rebagliatte
 
Think Before You Submit Themes on WordPress dot Org
Think Before You Submit Themes on WordPress dot OrgThink Before You Submit Themes on WordPress dot Org
Think Before You Submit Themes on WordPress dot OrgKafle G
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
Newbies guide to customizing word press themes 25
Newbies guide to customizing word press themes 25Newbies guide to customizing word press themes 25
Newbies guide to customizing word press themes 25New Tricks
 
advance theme development
advance theme developmentadvance theme development
advance theme development1amitgupta
 
Leveraging Plone for Search Engine Optimization (SEO)
Leveraging Plone for Search Engine Optimization (SEO)Leveraging Plone for Search Engine Optimization (SEO)
Leveraging Plone for Search Engine Optimization (SEO)Heather Wozniak
 
Programming the web
Programming the webProgramming the web
Programming the webchirag patil
 
HTML Emails in Rails 3
HTML Emails in Rails 3HTML Emails in Rails 3
HTML Emails in Rails 3John Barton
 
Customizing the look and-feel of DSpace
Customizing the look and-feel of DSpaceCustomizing the look and-feel of DSpace
Customizing the look and-feel of DSpaceBharat Chaudhari
 
Adobe Experience Manager Core Components
Adobe Experience Manager Core ComponentsAdobe Experience Manager Core Components
Adobe Experience Manager Core ComponentsGabriel Walt
 

Similar to Ten Content commandments (20)

What's New in Joomla! 1.6 Templates?
What's New in Joomla! 1.6 Templates?What's New in Joomla! 1.6 Templates?
What's New in Joomla! 1.6 Templates?
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Seo Training 2012
Seo Training 2012Seo Training 2012
Seo Training 2012
 
Web engineering and Technology
Web engineering and TechnologyWeb engineering and Technology
Web engineering and Technology
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopHtml & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshop
 
Think Before You Submit Themes on WordPress dot Org
Think Before You Submit Themes on WordPress dot OrgThink Before You Submit Themes on WordPress dot Org
Think Before You Submit Themes on WordPress dot Org
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
Newbies guide to customizing word press themes 25
Newbies guide to customizing word press themes 25Newbies guide to customizing word press themes 25
Newbies guide to customizing word press themes 25
 
Joomla Templates101
Joomla Templates101Joomla Templates101
Joomla Templates101
 
advance theme development
advance theme developmentadvance theme development
advance theme development
 
Themes
ThemesThemes
Themes
 
Leveraging Plone for Search Engine Optimization (SEO)
Leveraging Plone for Search Engine Optimization (SEO)Leveraging Plone for Search Engine Optimization (SEO)
Leveraging Plone for Search Engine Optimization (SEO)
 
Programming the web
Programming the webProgramming the web
Programming the web
 
HTML Emails in Rails 3
HTML Emails in Rails 3HTML Emails in Rails 3
HTML Emails in Rails 3
 
Html 1
Html 1Html 1
Html 1
 
Customizing the look and-feel of DSpace
Customizing the look and-feel of DSpaceCustomizing the look and-feel of DSpace
Customizing the look and-feel of DSpace
 
Adobe Experience Manager Core Components
Adobe Experience Manager Core ComponentsAdobe Experience Manager Core Components
Adobe Experience Manager Core Components
 

More from BettShow

Bett Brasil Educar | Educação fora da caixa
Bett Brasil Educar | Educação fora da caixaBett Brasil Educar | Educação fora da caixa
Bett Brasil Educar | Educação fora da caixaBettShow
 
Think to learn to think with Computing
Think to learn to think with ComputingThink to learn to think with Computing
Think to learn to think with ComputingBettShow
 
Wild Knowledge
Wild KnowledgeWild Knowledge
Wild KnowledgeBettShow
 
Third space learning
Third space learningThird space learning
Third space learningBettShow
 
Young entrepreneurs panel
Young entrepreneurs panelYoung entrepreneurs panel
Young entrepreneurs panelBettShow
 
Computing Curriculum Masterclass
Computing Curriculum MasterclassComputing Curriculum Masterclass
Computing Curriculum MasterclassBettShow
 
Raising Standards with technology
Raising Standards with technologyRaising Standards with technology
Raising Standards with technologyBettShow
 
Smart study
Smart studySmart study
Smart studyBettShow
 
Empowering Students with Mobility and BYOD Technology
Empowering Students with Mobility and BYOD TechnologyEmpowering Students with Mobility and BYOD Technology
Empowering Students with Mobility and BYOD TechnologyBettShow
 
Learning analytics
Learning analyticsLearning analytics
Learning analyticsBettShow
 
Pupil Premium toolkit
Pupil Premium toolkitPupil Premium toolkit
Pupil Premium toolkitBettShow
 
Living learning and laughing
Living learning and laughingLiving learning and laughing
Living learning and laughingBettShow
 
Next generation content
Next generation contentNext generation content
Next generation contentBettShow
 
Developing Future Leaders
Developing Future LeadersDeveloping Future Leaders
Developing Future LeadersBettShow
 
Future Learn
Future LearnFuture Learn
Future LearnBettShow
 
PISA 2012 Evaluating systems to improve education
PISA 2012 Evaluating systems to improve educationPISA 2012 Evaluating systems to improve education
PISA 2012 Evaluating systems to improve educationBettShow
 
Developing e-assessments for effective learning
Developing e-assessments for effective learningDeveloping e-assessments for effective learning
Developing e-assessments for effective learningBettShow
 
How to motivate a staff
How to motivate a staffHow to motivate a staff
How to motivate a staffBettShow
 
Resilience through change
Resilience through changeResilience through change
Resilience through changeBettShow
 
Complete Mathematics
Complete MathematicsComplete Mathematics
Complete MathematicsBettShow
 

More from BettShow (20)

Bett Brasil Educar | Educação fora da caixa
Bett Brasil Educar | Educação fora da caixaBett Brasil Educar | Educação fora da caixa
Bett Brasil Educar | Educação fora da caixa
 
Think to learn to think with Computing
Think to learn to think with ComputingThink to learn to think with Computing
Think to learn to think with Computing
 
Wild Knowledge
Wild KnowledgeWild Knowledge
Wild Knowledge
 
Third space learning
Third space learningThird space learning
Third space learning
 
Young entrepreneurs panel
Young entrepreneurs panelYoung entrepreneurs panel
Young entrepreneurs panel
 
Computing Curriculum Masterclass
Computing Curriculum MasterclassComputing Curriculum Masterclass
Computing Curriculum Masterclass
 
Raising Standards with technology
Raising Standards with technologyRaising Standards with technology
Raising Standards with technology
 
Smart study
Smart studySmart study
Smart study
 
Empowering Students with Mobility and BYOD Technology
Empowering Students with Mobility and BYOD TechnologyEmpowering Students with Mobility and BYOD Technology
Empowering Students with Mobility and BYOD Technology
 
Learning analytics
Learning analyticsLearning analytics
Learning analytics
 
Pupil Premium toolkit
Pupil Premium toolkitPupil Premium toolkit
Pupil Premium toolkit
 
Living learning and laughing
Living learning and laughingLiving learning and laughing
Living learning and laughing
 
Next generation content
Next generation contentNext generation content
Next generation content
 
Developing Future Leaders
Developing Future LeadersDeveloping Future Leaders
Developing Future Leaders
 
Future Learn
Future LearnFuture Learn
Future Learn
 
PISA 2012 Evaluating systems to improve education
PISA 2012 Evaluating systems to improve educationPISA 2012 Evaluating systems to improve education
PISA 2012 Evaluating systems to improve education
 
Developing e-assessments for effective learning
Developing e-assessments for effective learningDeveloping e-assessments for effective learning
Developing e-assessments for effective learning
 
How to motivate a staff
How to motivate a staffHow to motivate a staff
How to motivate a staff
 
Resilience through change
Resilience through changeResilience through change
Resilience through change
 
Complete Mathematics
Complete MathematicsComplete Mathematics
Complete Mathematics
 

Recently uploaded

How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 

Recently uploaded (20)

How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 

Ten Content commandments