Documents, Images, Video

Documents

To the extent possible, provide content as html (as part of the web page). When it becomes necessary to link a document file (e.g., PDF), make sure it’s accessible. If the PDF must maintain its appearance across platforms, be sure to embed uncommon fonts (if any).

Resource:

  • Making PDFs Accessible

Images

Content images should be RGB or Index color format. Generally, size images at a resolution of 72 ppi (pixels per inch) with dimensions no wider than the maximum width of the space in which it will be displayed.

Save images as JPG file type; except when Index color or transparency is needed, in which case save as PNG or GIF file type.

For non-text content to be accessible, be sure to provide alternative (alt) text. For details, read WCAG 2.0 on providing alt text.

Keep in mind, the template design is responsive. Content images will load at full size (regardless of how they appear on the smaller displays). Consider whether the user really needs an image wider than 300 pixels, or if a smaller image is appropriate.

If you search the Internet for imagery, be sure images are royalty-free and without restrictions on use. Two online resources for free images are listed below.

Resources:

Video

DO NOT UPLOAD VIDEO files using the CMS. The web server is not set up to accommodate video files and media streaming. Use a video hosting service such as Vimeo or YouTube and add the embed code to your page/post.

To be accessible, multimeda must provide synchronized alternatives (e.g., captions).

Resources: