Nov 2017 Email — What You Can Do Now
Web content providers/editors,
With the newly adopted Duke Web Accessibility Guidelines, many of you may wonder what this means for your website and what should you be doing. We wanted to reach out to let you know we will be reviewing all of the sites we support and determining what is needed to have them meet the accessibility standards.
In doing this, we will rely on your assistance. Making sure the sites meet Duke’s standards will be a team effort among our developers, our designers, and you — our content creators. And to help us with this, we are exploring a number of options — some automated, some manual — to bring all sites into compliance.
As part of this process, there are a few things you should be doing now when updating your content:
When adding photos to a page (new page or existing page), make sure you give your photos an “Alternative Text”.
- Visit http://admin.trinity.duke.edu/technology/add-photo-page for instructions
When adding videos to your site, make sure these are captioned.
- For adding YouTube video captions, watch https://www.youtube.com/watch?v=ukr9v_BIJbE
- For adding Vimeo video captions, watch https://www.youtube.com/watch?v=FSCcowjI73k
- For instructions on how to add videos to your page, visit http://admin.trinity.duke.edu/technology/adding-video
Avoid creating long pages of text without headers. The headers break up the text and make it easier for someone to scan/digest the information on the page.
- Example of web page without headers (does not meet Web Accessibility standards): http://admin.trinity.duke.edu/sample-text-without-headers
- The same example with headers to meet guidance: http://admin.trinity.duke.edu/sample-text-headers
Make sure your main Home Page images (Feature Slides) do not include text that is meant to convey information — any text included as part of the image is inaccessible to screen readers. (For this reason, do NOT post flyers in this field). To correctly incorporate text in your images, use the “caption” field.
- See examples: http://admin.trinity.duke.edu/banner-image-examples
Over the coming months, we will be back in touch to discuss the web accessibility project further. In the meantime, if you’d like to learn more about Duke’s guidelines, please visit the Duke Web Accessibility site (https://web.accessibility.duke.edu/). We also encourage you to attend one of the upcoming training opportunities discussing the guidelines. (These can also be found on the Duke Web Accessibility home page.)
Trinity Technology Services & Trinity Communications