Markdown

The minimum amount of Markdown that a content developer must know to produce accessible content.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Inline text

This is a normal.

This is emphasized.

This is strong.

This is an abbr.

This is a link.


This is a normal.

This is *emphasized*.

This is **strong**.

This is a [link](https://example.com/).

This is an abbr.

*[abbr]: Abbreviation

Blockquotes

This is a blockquote


> This is a blockquote

Ordered lists

  1. This is a list item
  2. This is a list item
  3. This is a list item
    1. This is a list item
    2. This is a list item
    3. This is a list item
    4. This is a list item
  4. This is a list item

1. This is a list item
2. This is a list item
3. This is a list item
    1. This is a list item
    2. This is a list item
    3. This is a list item
    4. This is a list item
4. This is a list item

Unordered lists

  • This is a list item
  • This is a list item
  • This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
  • This is a list item

* This is a list item
* This is a list item
* This is a list item
    * This is a list item
    * This is a list item
    * This is a list item
    * This is a list item
* This is a list item

Definition lists

This is a question?
This is an answer.
This is a term
This is a definition.

This is a question?
:    This is an answer.

This is a term
:    This is a definition.

Images

This Image appears inline

This image appears Full width image

This image appears Right floating image

This image appears Centered image

This image appears Left floating image 


This ![Image](https://placehold.it/100x100?text=Image) appears inline

This image appears ![Full Width](https://placehold.it/480x100?text=Full+width){: .full-width }

![Left](https://placehold.it/100x100?text=Left){: .float-sol } This image appears 

This image appears ![Centered](https://placehold.it/100x100?text=Center){: .center }

This image appears ![Right](https://placehold.it/100x100?text=Right){: .float-eol }

Videos

Embedding videos is not possible in markdown. Please consult a websites developer.

Columns

We intentionally separate visual elements from content elements in websites. Columns are considered visual elements and should not be created or edited without consulting a website developer or website styleguide.

Tables

We intentionally excluded tables from this guide because they are not appropriate for many common use cases. Please consult a website developer before using a table.

Components (Infoboxes, notices, popups...)

We intentionally excluded components from this guide because they are considered visual elements and should not be created or modified without consulting a website developer or a website styleguide.