Images, Documents & Videos

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 WebAIM alt text guidelines.
• 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. See resources for finding copyright-free, usable images.

Documents

• Use PDFs sparingly. To the extent possible, provide content as HTML (by creating a web page).
• When it becomes necessary to link a document file (e.g., PDF), make sure it’s accessible.
  • PDF, Word, PowerPoint, and Excel provide basic accessibility features.
  • Learn how to create and verify PDF accessibility with Acrobat Pro.
  • Using Adobe Acrobat X to create accessible PDF files from Microsoft Word.
• If document content cannot be made fully accessible, provide an accessible alternative.

Videos

• DO NOT UPLOAD VIDEO files directly to WordPress. Use a video hosting service such as Vimeo or YouTube then add the embed code to your page or post.
• To be accessible, multimedia must provide synchronized alternatives (e.g., captions and/or transcripts).
• Read WCAG 2.0 guidelines for time based media.