Versions Compared

Version Old Version 2 New Version 3
Changes made by

Zach Mitchell (Deactivated)

Zach Mitchell (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Images

 

Header Order

 

Tables

 

Link Text

 

Font Colors

 

Attached and Linked Documents

...

All images must include alt text. Be sure to follow these directions for each image you include on the page.

  1. Click either the image icon Add Image Button on ToolbarImage Added or the Macro button Add Files and Images Macro ButtonImage Added and choose files and images.
  2. Upload and image and choose Insert
  3. Click on the image once it has been embeded into the page and click the properties button in the right
    Selected Embeded Image Menu BarImage Added
  4. Click the Title Tab and you will be able to specify a Title and Alt text for this image.

Header Order

WCAG AA suggests that Headers only be placed in order. This means that when creating headers and sub headers do not skip from H1 to H3, they should be placed in sequence so that assistive devices or users do not think they have missed some content on the page.

Tables

Tables should include a Caption. You will need to use the Source Editor in order to add a caption to a table. This acts like a label on a form field to describe what is in the table.

  1. In the page editor click the "<>" button on the far right of the toolbar, just beneath your user profile picture. Image Added
  2. Locate the start of your table on the page by looking for the "<table>" tag

  3. just after the table tag add a caption line like the following

    Code Block
    <table class="wrapped">
	<caption>Data Table that shows Dates and Users</caption>
...</table>

  4. This will then display a header above the table which is used by assistive devices and is a visual indication of what is presented in the table.

Link Text

Be sure that if you are including a link that the link is not just labeled "here" or "click here." Link text should describe the link that it is associated with.

Example: Please see more information about how to use link text on the W3 website.

Font Colors

Ensure that all font color you have chosen to be on your page meet the 4.5:1 contrast ratio and have a 3:1 contrast ratio to surrounding text if included in a paragraph.

Use the Color Contrast Determinator utility to help determine what is acceptable.

Attached and Linked Documents

Be sure that all documents linked to and attached that are PDF's or Office documents are compliant to Accessibility standards. More details are located on Answers.

Videos, Audio and Embedded Content

Be sure that any embeded videos, or audio have captions or transcripts of what is included. 

Any Embedded content (iFrames or Forms) should also be compliant.