The web standards & best practices document applies to the University of Delaware’s Lerner College of Business and Economics website and the myLerner intranet. The sites are managed by the Lerner Communications Team, including but not limited to website design, layout, functionality, copywriting, editing and technology selection.
The purpose of myLerner intranet is to inform and engage current students, faculty and staff with easy access to important services and resources, such as advising, career services, communications, events, and IT’s Tech Deck.
Some subjects will have information both on the public site and the intranet, but the content will be distinct, not duplicated. Recognized Student Organizations (RSOs) may request to be listed (either by linking web content on sites.udel.edu or by registering with the UD Student Center) on the myLerner intranet through the communications team.
- Text should be written and formatted for web: use headers, simple language, descriptive link text (rather than “click here”).
- Text should be provided on page; images with text should be used sparingly. (Text in an image is also hidden from search engines.) If text is provided in an image, provide the text in the alt tag.
- Non-text elements should use appropriate alt tags. (See item 2.)
- Audio and video files should be accompanied by a transcript.
All content must be current. It is the responsibility of the staff, faculty and departments and centers to submit a detailed request to email@example.com when updates are needed.
Content that is not current may be removed without prior notice and at the discretion of the Lerner Communications Team.
Communications provides standard turnaround and usually fulfills requests within 7-10 business days (depending on the nature of the request and the information provided). If your request is urgent, please note that in your ticket. If a meeting is required, a communications team member will contact you.
The one exception is in updating academic information prior to the Spring and Fall semesters. We require the Content Managers/Subject Matter Experts responsible for these areas to submit their requests 6 months prior to the start of the new semester. This includes any updates approved in the Faculty/Senate approval process.
Content must not violate federal, state or local laws or University of Delaware policies.
Preferred Name [REQUIRED]
- First, middle and last (No salutations)
- Use Lerner titles only; titles for other schools or centers may be included in the biography section
- Titles are separated by comma
- List teaching titles first
- Format: Professor/Instructor, etc. of SUBJECT, other titles with a dash separating the two parts of the title
- Example: Associate Professor of Economics, Director – Center for Economic Education and Entrepreneurship
- Should be @udel.edu unless unavailable
- Office number and building name/street name only (Do not include Newark, DE and zipcode unless they are off campus)
- (302) 831-XXXX
- Up to 300 words
- May not include personal information
- Bulleted list, most recent first
- Years are not required
- Format: Degree abbreviation “in” subject (not capitalized), institution
- Example: Ph.D. in business administration, New York University
- Maximum of 10, bulleted list
- May include forthcoming
Awards & Honors
- Maximum of 10, bulleted list
- Grants may not list amount
- Format: Title or description of the award, year(s)
- Example: The Alfred Lerner College of Business and Economics MBA Teaching Award for Outstanding Teaching, 2006, 2009
- PDF or cv-specific web page
- PDF file must be saved and renamed: Firstname_Lastname_CV.pdf
- When replacing CVs, delete old PDF in media library
- CV should open in a new tab
- A link to the faculty member’s website
- Name the link: Visit Firstname Lastname’s personal webpage
- Website should open in a new tab
- We highly recommend having your photo taken with UD Photo Services, contact Cheryl Cunningham at firstname.lastname@example.org. Please mention Julie Morin’s name when making the appointment so the images are forwarded to us.
- Your profile picture should be professionally photographed in business headshot style. This style helps maintain a standard look and feel among all Lerner faculty. The person’s appearance is professional, refined and the photo looks composed. The picture is vertical, and the image includes the face, head and shoulders, a plain background, and is not cropped too closely to the head. The picture should be in color, in focus, have proper lighting, good composition, and expert color correction and retouching.
- Images that do not fit the standards above can potentially be used for other purposes, but will not be used as a profile picture.
- Our team will resize the image for use on the website. The dimensions are 250 x 375 pixels, 72 DPI, saved as jpeg.
- If no photo is provided then the default “silhouette.jpg” will be used.
- Photographs taken with a cell phone in general are not usable.
- Images of people backed up against a wall, horizontal images, and images that have been cropped too closely to the subject’s head do not fit the standards for this style of headshot.
- Photographs of people at a party, giving a talk, in a meeting, on the phone, sitting at a desk, or in general doing anything other than looking at the camera and posing do not fit this style.
- If an uploaded file is replaced and the original one isn’t in use anywhere, delete it from the website’s uploaded files.
- Images should have an alternative text unless the use of an alt tag is made redundant by the context of the image.
Uploaded documents should only be used if the content cannot be represented as web content or needs to be printable.
- Uploaded documents must be in PDF form. Links to PDFs should include “(PDF)” at the end of the link text to indicate to the user that the link will open a file, not a webpage.
Ex.: M.S. in Accounting Planning Sheet (PDF)
- There is only one H1 per page. This is the page title, automatically assigned an H1 by WordPress.
- H2, H3, H4 should be used hierarchically.
- Do not use headings to affect a visual style.
- Do not use formatted (bold, etc.) text to stand in place of a heading. Use an actual heading.
- For marketing headlines: sentence case with punctuation. They should be complete sentences.
- H1, H2, H3, H4: title case
- For parenthetical information included in a heading: sentence case. Ex: Required Courses (Choose three)
- Link text should be meaningful, to provide ease of use and accessibility for all users. Do not use “click here” or “learn more.”
- Links to PDFs include “(PDF)” at the end to indicate to the user that the link will open a file, not a webpage.
- All internal links will open in the same window.
- All external links will open in a new window.
- Link attribute selection and usage will be left to the discretion of the Lerner Communications Team.
To display on the Lerner website or myLerner intranet, upcoming events must be in the UD Events system. Departments/centers may request editing access to the UD Events system from the Lerner Communications Team for one faculty or staff member.
Established content templates must be used. Content templates provide consistency and ease of use to similar information across the site. Communications reviews these templates on an annual basis to ensure continued usability by our audiences.
Requesting site structure, functionality or design changes
For changes to the site structure, functionality or design, faculty/staff should submit a request that includes the intended audience and goals to the Lerner Communications Team for review by the Web Committee. If the request is approved, the communications team will coordinate with the department/center to create a timeline.
- The service Vimeo is used to embed video content into the Lerner website. The portrait, title, byline and any links should be removed.
- Videos must be captioned or accompanied by a transcript.
- The ideal length for a video embedded into the Lerner website is 45-90 seconds. Videos should not exceed 120 seconds.
- Wrap all video elements in <div class=”responsive-video-wrap”> to preserve the responsive theme.