The goal of this handbook is to provide OSULP staff with clear guidance on website processes, procedures, and specifications. Also see Frequent Drupal Questions
...
- The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, with some exceptions This adheres to WCAG 2.0, Level AA
- Tools for checking contrast:
- Also make a judgement call on color choice. Some color combinations may pass contrast checker tests but still be difficult for full-vision and low-vision users.
- A particular case you may encounter is black text on orange buttons. Black text may more easily pass contrast checkers than white text, however a study of normal-vision and color-blind users found white on orange easier to read.
- Both pure white (#FFF) and pure black (#000) pass 4.5:1 on OSU orange (#D73F09). However, white still falls slightly shorter (4.56 vs 4.6) despite being easier to read.
...
- Orange and Black are the primary colors, but there are secondary colors that can be used sparingly.
- For digital projects, the orange we are using is #D73F09.
- Color should not be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. See OSU's IT Accessibility Policy for color and contrast specifications and guidance.
...
- The highlights section on the home page is a Drupal template called "3 column Paragraph style"
- Dimensions: 500 x 500 pixels or larger (need to be square for the highlights section). We recommend 102 PPI.
- File type: png, jpg, or jpeg. PDF is not acceptable for images.
- Highlights should be related to the library in some way; such as library announcements, library-backed projects, or featured collections at the library
- If you use words on the image - use fewer than 10, and repeat important words in the caption description. Text on images is not accessible to screen readers
- Contact LIT to submit a new highlight
...