Web Technical Guidelines

• List phone numbers with dashes; no parentheses.
  Ex. 302-831-1111
• The link text for email addresses should be the email address, not a name.
  Ex. mbaservices@udel.edu
• Identify fax numbers with “Fax:” and include “Phone:” if both a phone and fax number are given.
  Ex. Fax: 302-831-1111
  Ex. Fax: 302-831-1111 Phone: 302-831-1112

• In lists, format this way: Course prefix, all caps [space] course number [space] dash [space] course name, title case
  Ex. ACCT 804 – Database Design, Networks and Implementation
• In text, no dash; format this way: Course prefix, all caps [space] course name, title case
  Ex. All students must take ACCT 804 Database Design, Networks and Implementation

Headings

• 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. All should be written in title case.
• 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 parenthetical information included in a heading: sentence case. Ex: Required Courses (Choose three)

“Marketing” headlines on pages

• (div class=”intro-text”)
• Full sentences, in sentence case, with punctuation.

Blog headlines

• Sentence case, without ending punctuation (may or may not be full sentences).

Images

Images used on the Lerner website must be of professional quality. They should be used only if they enhance or support the message of the page. Images should not be used on forms.

• 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.
• Standard sizes:
  • Hero image – 1400 x 790
  • Callout – 567 x 320
  • Featured video thumbnail – 400 x 400
  • Directory headshot – 360 x 540

PDF documents

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)
• If an uploaded document is replaced and the original one isn’t in use anywhere, delete it from the website’s uploaded files.

• 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.

(Any of the following sections may be edited as needed, but this is the general format.)

[accordion] Suggested Application Dates (or Application Deadlines)

(Content as applicable)

[accordion] Admissions Requirements

(H2) 1. Application Fee

A $75 application fee is due when you submit your online application. Waivers are available for qualified students.

(H2) 2. Bachelor’s Degree

(Content as applicable)

(H2) 3. Transcripts

(Content as applicable)

(H2) 4. Resume

(Content as applicable)

(H2) 5. GRE or GMAT Scores

(As applicable)

(H2) 6. Letters of Recommendation

(As applicable)

[accordion] Tuition and Fees

All tuition rates and fees are for 20XX-20XX.

(h2) Tuition

* Visit the registrar’s website for residency requirements.

(h2) Fees

All graduate students are responsible for mandatory fees in the Fall and Spring semesters. These fees vary based on whether a student is taking the program on a full-time or part-time basis. Please visit the Graduate Fees and Financial Aid page in the Graduate Catalog for full details.

[accordion] Financial Aid & Loans

(As applicable)

[accordion] International Students

The University of Delaware is an ideal place for a great education in a global atmosphere. As an international student, you’ll join fellow students from over 100 countries. Nearly 30% of all the University’s graduate students and approximately 44% of the Lerner College graduate students are internationals.

(h2) English Proficiency Requirements

As an international applicant, you must demonstrate your ability to communicate in English by doing one of the following:

• Submit a TOEFL score of XX or higher,
• Submit an IELTS score of XX or higher,
• Provide proof of having earned a college degree in a country where English is the primary language, or
• Apply through the Conditional Admission Program (CAP)

The Graduate & Professional Education office provides more detailed TOEFL information on its test scores page.

(H2) Conditional Admission Program (CAP)

The Graduate Conditional Admissions Program (Graduate CAP) provides international students acceptance into the program without the need to take the TOEFL exam. After completing Graduate CAP at the University of Delaware’s English Language Institute (ELI), you begin your graduate coursework at Lerner.

(H2) Services for International Students

UD and the Lerner College offer many services to help you, both in class and out.

• The Conditional Admission Program (CAP)
• Graduate student organizations
• Office for International Students and Scholars (OISS)

(H1/page title is “Department of __”)
(Intro text; limit 200 words)
(Horizontal rule)

(h2) Academic Programs

(h3) Undergraduate

(Blocks)
<ul class=”router-blocks”>
<li><a title=” ” href=”/relative-link”><span class=”block-title”>Program Name</span></a></li>
</ul>

(h3) Graduate

(Blocks)
<ul class=”router-blocks”>
<li><a title=” ” href=”/relative-link”><span class=”block-title”>Program Name</span></a></li>
</ul>

(Horizontal rule)
(Optional additional sections, headed by H2s)

See web content guidelines for the faculty/staff bio page content templates.

Curriculum Vitae (not required)

• Save PDF file with name: Firstname_Lastname_CV.pdf
• When updating CVs, delete the old PDF in the media library, then replace upload the new, identically-named file.
• Link text: “Download Firstname Lastname’s CV (PDF).” Set the link to open in a new tab.

Website (not required)

• Link text: “Visit Firstname Lastname’s professional webpage”
• Set the link to open in a new tab.

Profile Photos

• Files should be 250 x 375.
• If no photo is provided, use the “silouhette.jpg” that is in the media library.

• Title and Router / Nav Title fields: Program Name (M.S. / M.A., etc.)
  Ex.: International Business (M.S.)
• Headline field: Master of Science/Arts in Program Name
  Ex.: Master of Science in International Business

Dual degrees naming convention: Use a “+” between degrees:

• Title and Router / Nav Title fields: M.S. / M.A., etc. in Program Name + M.S. / M.A., etc. in Program Name
  Ex.: M.S. in Information Systems and Technology Management + M.S. in Cybersecurity
• Headline field: Program Name + Program Name Dual Degree Program
  Ex.: MBA + Master of Science in Accounting Dual Degree Program

Additional items in WP admin:

• Hero image 1400×790, saved for web at approx. 70% quality, tagged appropriately in WP
• Long description, Under Teaser Copy, shows on router pages; should be approx. 30 words
• Order, under Page Attributes, controls in what order the page is listed in router pages and side navigation

Content:

1. Marketing headline. Sentence case; full sentence with punctuation. Div class=”intro-text”.
2. Introductory text, max. 150 words.
3. “Program Highlights”, h2, title case
   • Sub-Points in Title Case, h3
   • Max. 500 words total for highlights section
4. “Program Requirements”, h2, title case
   • (accordion) title: “Courses (XX credits)”
   • Explanatory information is in bold and followed by a colon; ex. “Choose 3 courses from:”
   • Course numbers separated with a space, dash between course number and name (but not when in regular text)
     Ex.: ECON 101 – Microeconomics
   • Elective information, but not lists of elective courses
   • (optional, accordion) title: variable; suitable for prerequisite information
   • Other program requirements, h3, title case, variable heading text
5. Optional items; placement on the page may vary, limit 3:
   • A section of additional information; faculty, internships, etc.
   • Video
   • News
   • (One) Quote
6. “Careers”, h2
   • Introductory sentence optional
   • List of potential careers/jobs, max. 5
   • OR data from the UD career outcomes website:
     • Percent employed or pursuing further education
     • Median salary
     • Top employers, max. 5
     • Top jobs, max. 5
     • Top institutions, max. 5
7. — Horizontal rule —
8. “Contact Us”, h2, title case
   • Name of Contact, title
   • email@udel.edu
   • 302-xxx-xxxx
9. — Horizontal rule —
10. “Admissions Information”, h2, title case
    • This text: “Learn more about [program name] admissions requirements, deadlines, tuition and financial aid available to you.” An additional sentence is acceptable.
    • Applying to the Program button
      • Use only for programs within Lerner – not dual degrees
      • Link on button goes to the specific program admissions page on the Lerner website

Callouts:

• 1-3 callouts selected by the department
• In WP Page Properties, check the box for Exclude Parent Callouts?

Title; in WordPress Page Properties:

• Title and Router / Nav Title fields: Program Name (B.S. / B.A.)
  Ex.: International Business Studies (B.S.)
• Headline field: Bachelor of Science/Arts in Program Name
  Ex.: Bachelor of Science in International Business Studies

Naming convention for 4+1 accelerated programs: use a “+” between degrees:

• Title and Router / Nav Title fields: Program Name B.S. / B.A., etc. + M.S. / M.A., etc. (4+1)
  Ex.: Music B.A. + MBA (4+1)
• Headline field: Program Name B.S. / B.A., etc. + M.S. / M.A., etc. Accelerated Degree Program (4+1)
  Ex.: Music B.a. + MBA Accelerated Degree Program (4+1)

Additional items in WP admin:

• Hero image 1400×790, saved for web at approx. 70% quality, tagged appropriately in WP
• Long description, Under Teaser Copy, shows on router pages; should be approx. 30 words
• Order, under Page Attributes, controls in what order the page is listed in router pages and side navigation

Content:

1. Marketing headline. Sentence case; full sentence with punctuation. Div class=”intro-text”.
2. Introductory text, max. 150 words.
3. “Program Highlights”, h2, title case
   • Sub-Points in Title Case, h3
     • Max. 500 words total for highlights section
4. “Program Requirements”, h2, title case
5. “Suggested Course Sequence”, h3, title case
   • This sentence to indicate course credits: “All courses are three credits unless stated otherwise.”
   • Accordions by year
   • Within the accordion, by semester; “First semester,” “Second semester,” bold
   • Course numbers separated with a space, dash between course number and name (but not when in regular text)
     Ex.: ECON 101 – Microeconomics
6. Other program requirements, h3, title case, variable heading text
7. Optional items; placement on the page may vary, limit 3:
   • A section of additional information; faculty, internships, etc.
   • Video
   • News
   • Quotes
8. “Careers”, h2
   • Introductory sentence: After graduating in 2017, XX% of Lerner’s [major] graduates were employed (earning a median starting salary of $XX,000) or pursuing further education. For more information on career resources please visit the [Lerner Career Services Center] (link).
   • Top Employers, h3, max. 6. List in order of number employed if data is available on UD career outcomes website
   • Top Jobs, h3, max. 6
   • Closing sentence: Visit [Career Outcomes of Lerner [major] students] (link) to see more top employers, job titles, salaries and locations.
9. — Horizontal rule —
10. “Contact Us”, h2, title case, section optional
    • Name of Contact, title
    • email@udel.edu
    • 302-xxx-xxxx
11. — Horizontal rule —
12. “Admissions Information”, h2, title case
    • This text: “Learn more about undergraduate admissions requirements, deadlines, tuition and financial aid available to you.”
    • Admissions & Financial Aid button

Callouts:

• 1 or 2 callouts selected by the department
• Prescribed callout for all UG program pages: undergraduate advising
• In WP Page Properties, check the box for Exclude Parent Callouts?

Title; in WordPress Page Properties:

• Title and Headline fields: Short, descriptive title
  Ex.: Undergraduate Career Resources
• Router / Nav Title field: as appropriate for the site section
  Ex.: In the example above, the side nav is headed, “Careers and Networks,” so the Nav Title “Undergraduate” is sufficient

Additional items in WP admin:

• Hero image 1400×790, saved for web at approx. 70% quality, tagged appropriately in WP
• Long description, Under Teaser Copy, shows on router pages; should be approx. 30 words
• Order, under Page Attributes, controls in what order the page is listed in router pages and side navigation

Standard format for content:

1. Marketing headline, optional. Sentence case; full sentence with punctuation. Div class=”intro-text”.
2. Introductory text, max. 150 words
3. Sub-points with headings in title case, max. 100 words each
4. Optional items; placement on the page may vary, limit 3:
   • Video
   • News
   • Quotes/testimonials
5. — Horizontal rule —
6. “Learn More”, h2, title case, section optional
   • (first column) Name of Contact, title
   • email@udel.edu
   • 302-xxx-xxxx
   • (second column) Department/Center/Office name
   • Faculty and staff (link)

Callouts:

• 1 or 2 callouts
• In WP Page Properties, check the box for Exclude Parent Callouts?

• Text:
  • When pasting text from Word or Google docs, check for extra code by clicking on the “text” tab. Any code beginning with or containing “span,” like <span style=”font-weight: 400;”> or </span> should be deleted.
• Links:
  • Links that take the user away from the Lerner website must open in a new window.
  • Link text should be meaningful, to provide ease of use and accessibility for all users. Do not use “click here” or “learn more.” Meet users’ expectations for links: make sure there is a clear connection between the link text and the subject of the page the link opens.
• Video blog entry:
  • Get the embed address for the video from YouTube.
  • In the WP editor, click the “text” tab, where you can insert HTML code.
  • Copy and paste the following code, adding the embed address provided by YouTube between the ” “ after src=

    • <div class="responsive-video-wrap"><iframe src="" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
      &nbsp;

  • After the video, provide a caption, beginning, “In this video …”
  • After the caption, provide the transcript:
    • Head the section with an H2, “Transcript”
    • Provide each speaker’s name, bolded and followed by a colon
    • Separate each speaker’s quote with a paragraph break
  • Example: https://lerner.udel.edu/seeing-opportunity/what-i-love-about-my-major-accounting/