The goal of this handbook is to provide OSULP staff with clear guidance on website processes, procedures, and specifications. Also see Frequent Drupal Questions
...
- One place to start is your own staff profile, and we have instructions to help you.
- If you have questions about creating a new page or need help figuring out the best way to do it, please put a request in through the LIT Contact Form. A Web Developer can set up a training session with you, give advice on setting up new pages or help you design a new page layout.
- In general, choosing images and writing the content will be the content creator's responsibility.
- OSU's Digital Experience Department put together a Site-Building Guide that can help, as well.
...
- 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.
Fonts
- The OSU fonts are embedded in OSULP's Drupal account, but if you are creating web content in another system, you may wish to request a download.
Graphics and Icons
- OSU has developed a set of icons and graphicsfor download and also has enabled the use of FontAwesome icons in Drupal. There are also some OSU Library icons in the CN Shared Drive>Communications and Marketing>OSU and Library Icons
- Best practice is to use icons from the same set, so that they all have the same look and feel, or the official icons from marketing.
...
- 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
...