Links - Other Guidelines
- Link Text - Embed links in your sentences and avoid copying and pasting the URL into your text. For example, if you are advertising the alumni events schedule, you might say: “Our Alumni events schedule is consistently updated; we hope to see you at a future event!”
- Email Links - Email links must be labeled as “email” and/or use the email address as the link text. If used in a narrative, then you may use the person’s name as the link text, provided it is clear that you are supplying a contact resource.
- Internal vs. External Links - All links to any site in the *.uncc.edu subdomain, including links to another page within your site, should open in the same window. Links to University websites should use the non-www URL as per the subdomain standards. Links to external, 3rd party sites should open in a new window. Remember to check your external links periodically to make sure that the pages you are linking to are still live; this helps you avoid frustrating your users by taking him or her to a broken link.
- “Back to Top” Links - When creating “Back to Top” anchor links for pages with longer content, use “#” as your link. For example: Back to Top
- Menu Links - Links to other websites are not permitted from either the primary or secondary navigation. Instead, create a page on your website that describes the content, and then you may link to another website from that page. Remember that links on the *uncc.edu domain must open in the same window; links outside of the *uncc.edu domain must open in a new window (see #3 above).
The use of audio and video content is encouraged on UNC Charlotte websites; embed code from YouTube is supported and content from the University YouTube channel is preferred. Please contact Cindy Tribucher if you wish to have your video uploaded to the University’s YouTube channel. The use of auto-play audio and/or video is not allowed; content authors must also provide player buttons to allow users to pause or stop content from playing. QuickTime files can be used for Virtual Tours in lieu of YouTube.
Contact Us - Individual contacts should be listed on all departmental-level sites. In addition, all departmental-level sites should include a Contact Us form. This form should be located at http://example.uncc.edu/contact and must be accessible via the utilities links at the upper right of the page in the green header (just underneath the contex- tual home link). The following components should be included in the form:
- To (multiple categories may be used)
- Your name
- Your email address
- Message (text box with 500 character limit)
- Send a copy of this message to yourself (optional checkbox)
- CAPTCHA (prevents spam)
All fields above, with the exception of “send a copy of this message to yourself”, should be required. Instructions for configuring the Contact Us form may be obtained by emailing firstname.lastname@example.org.
- Logos - The appropriate University logo must be used at all times. To view our logo standards, please visit the Marketing website.
- Images - All images should be resized before uploading them to the server. Don’t rely on HTML width and height attributes.
- Alternative Text (alt text) - The use of alt text is required, which describes the content of the image, whenever you use images on your page. Alt text is required for ADA compliance (this text will be read aloud to site visitors who use screen readers) and will be displayed if a user has images turned off in their browser. Including alt text is an accepted standard among Web developers. To learn more about alt text, visit the Web Accessibility Initiative website. Additional suggestions for writing useful alt text can be found here. See example below of how proper alt text should be display when hovering over an image.
- Tool Tip - When using an image for a link, be sure to include a tool tip by using the “title” attribute.
- Approved sub-brand logos can be displayed in either the left or right sidebar and treated as a graphic element on the page.
- Remember to have a photo release signed if you plan on using a photo of someone under the age of 18 on your website. Contact email@example.com if you need a copy of the release form.
- Uploaded images should be a minimum of 72 dots per inch (dpi) in resolution
- Please be knowledgeable of the sizing chart below prior to uploading images to your site
- Type of Image
- Image Gallery: 640px x 480px max
- Banner Top: 950px x 100px
- Banner Bottom: 950px x 200px
- Horizontal Top: 710px x 200px
- Directory Details: 150px x 200px
- Directory Listing: 100px x 133px
- Small Thumbnails: 90px x 90px
- Medium Thumbnails: 120px x 120px
- Large Thumbnails: 180px x 180px
Files, Folders and Documents
- Documents can be uploaded via the WYSIWYG editor or via file attachment and should open in a new window. Open format (PDF, txt, rtf, csv) files are preferred. However, you may wish to create a page in Drupal to house simple documents. For example, if you want to publish a meeting agenda or meeting minutes, you can create a simple HTML page using Drupal instead of uploading an attachment. If you do wish to upload an attachment, make sure your file name is written in all lower case letters, and spaces are separated with a hyphen. All online content must meet ADA guidelines.
- PDF is the preferred document type for all documents you upload in Drupal. File names should not contain any special characters or spaces. File names with multiple words should be separated with a dash.
- All documents moved during the web migration process will remain intact in both name and file type to ensure linkage is not broken for other sites linking to those files. Moving forward, please adhere to the proper file type and naming conventions noted above.
- The maximum file size for an uploaded image should be no more than 2 MB and documents should be no more than 24 MB.
A directory structure helps you organize similar content in common areas. It also allows you to enter keywords directly into your URL. This assists with search engine optimization and allows your site to be spidered and re-indexed by search engines.
- Avoid Flat Directories - A flat directory is one in which each page can be found directly off of the root. Flat directories make it difficult for users to find relevant content and understand what is most important in the site’s hierarchy. An example of a flat directory might look like this:
- Group Like Content - Creating subdirectories allows you to group like content into similar “buckets”. The subdirectory acts like a keyword or tag that search engines respond to when a query is made. It also helps users understand the relationship between the different pages in a section. Here’s an example:
- The Three Click “Rule” - When creating your subdirectories, bear in mind the three click “rule.” Many Web developers will tell you to keep your content within three clicks of your home page. This not only makes it easier for users to find what they need on your site, but also avoids burying the content too deeply in your directory structure. The key is to find the right balance between logical organization and subdirectory overload.
Please contact Cindy Tribucher if you’d like additional tips and resources about setting up your directory structure.