In this workshop, five most common accessibility checkpoints for developing accessible LibGuides are shared.
Digital and online content accessibility is governed by the guidelines developed and maintained by the World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI). Any web and mobile contents including PDF, WORD, video, or audio files are subject to the same accessibility content guidelines. The W3C WAI brings together people from industry, disability organizations, government bodies, and research labs from around the world to develop guidelines and resources to help make the Web accessible to people with auditory, cognitive, neurological, physical, speech, and visual disabilities.
(There is no font size that works for everyone. People can adjust to meet their specific needs using browsers.)
"Writing effective alternative text for images is like learning how to properly cite resources."
Context is everything.
What you need to consider for the alt attribute:
Refer to more examples.
There are loads of spots where images can appear in your LibGuides - from thumbnail images in your database assets, to gallery box images, to resource icons in your link assets. So, we won't cover all the places in LibGuides that contain alt text functionality.
Instead, keep an eye out for the alternative text field when you're adding or editing an image anywhere in your LibGuides system.
Bottom-line, every image you add must have the alternative attribute. Even if that image is given an empty or null value (e.g., alt=" "). Images without the alt attribute are inaccessible.
If the image is purely for decorative purpose, you can leave alt attribute empty and leave the Alternative Text box empty (alt=" ").
Also what you provide in Alternative Text depends on what surrounding texts are being offered.
Pages with poor colour contrast can be difficult to read, especially for folks with visual impairments. Avoid using Red and Green as it is not helpful to users that are color blind.
Dark Grey type on a white background is best (by default the system uses #333 for the body class and #555 for the box text), but if you want a colored background, keep it light.
Important: Overall, try to stay with the same colour scheme throughout your guides, and only use different colours sparingly.
Headings communicate the organization of the content on the page.