UCSF Website Updates

News and announcements regarding UCSF websites, as well as best practices and tips for getting the most out of your web presence.

May 15, 2019
Web Best Practices

GAAD logoIn celebration of international Global Accessibility Awareness Day (GAAD) on May 16th, UCSF Web Services is hosting a drop-in event at the entrance and main floor of the Parnassus Library.

The purpose of GAAD is to get everyone talking, thinking and learning about digital (web, software, mobile, etc.) access/inclusion for people who have different abilities. While people may be interested in the topic, the reality is that they often do not know how or where to start. Awareness comes first.

Stop by to become more aware about digital accessibility and celebrate the right of every individual to enjoy equal access to the Internet.

Visit us anytime between 10 am - 1 pm at the Parnassus Library main floor on May 16, 2019 for our UCSF GAAD event.

Please sign-up if you would like to attend so we can get an idea of how many people to expect.

This event is co-sponsored by the UCSF Library.

May 14, 2019
Web Best Practices
Many times people want to create "intranet sites" at UCSF. A good way to create a small private website is to configure a your site as a private site. These sites should not be used to handle data covered by HIPAA (patient data) or FERPA (student data).
March 27, 2019
Web Best Practices
The UCSF A-Z list is one of the best Search Engine Optimization tools at UCSF. Here's how to use it.
January 4, 2019
Recognizing Siteimprove trainee attendees, announcing accessibility training changes for 2019, and celebrating accessible email notifications.
August 29, 2018
Policies & Standards
Join us for a new 3-part series to learn how to use the new Siteimprove monitoring tool.
June 7, 2018
Site Builder

UCSF Site Builder is now better than ever, with a major new feature and other core updates.

New Feature: Blog

Blog Example

Introducing an all-new blog format to house your less formal, but still informative, news.
Hand-tailor your blog’s title, tagline, and banner image to create a unique landing environment.
Custom Taxonomy:
Create an optional, customized taxonomy to tag blog entries with topics.
Easy-to-use filters allow users to sort blog entries by author, topic, and date.
Create author bio pages that will automatically curate content, either with or without headshots.
Add your most recent blog entries to any page.
To pull content via RSS, add /feed to any blog-related URL, including filtered results.

Other Improvements

Horizontal Lines and Special Characters:
Your content editing toolbar now has two additional options that will make formatting easier.
Bug Fixes:
Spacing of some frontend mobile elements and issues with backend scrolling behavior have been fixed.

May 1, 2018
Policies & Standards

 GAAD logoThursday, May 17th is the seventh annual Global Accessibility Awareness Day (GAAD). The target audience for this year’s free activities is UCSF website content editors, developers and owners.

Join us for a Brown Bag Presentation over the noon hour plus an afternoon of screen reader demos. Feel free to come and go during the screen reader demos, but please register at the links below.

Register to Participate

Space is limited. Please register for the event(s) you would like to attend and the Mission Bay location will be sent in your registration confirmation.

  • (Registration closed) Brown Bag Presentation from noon – 1 pm
  • (Registration closed) Screen Reader Demos from 1:30 – 4:30 pm

Brown Bag Presentation

The Brown Bag Presentation includes the announcement and demo of the new Siteimprove accessibility monitoring tool. This summer’s accessibility training schedule will also be announced.

Screen Reader Demos

Marc Sutton, an experienced screen reader user familiar with evaluating UCSF sites, will give live evaluations of websites. Experience what it’s like to hear a webpage. A developer will be on hand to help troubleshoot coding issues.

If you want your website included in the Screen Reader Demos, take the extra step to contact [email protected] to schedule a 30-minute time slot before they fill up - first come first served.

March 15, 2018
Custom Websites
Policies & Standards
Web Patterns Library

Working on a custom website? The new Web Patterns Library provides your website development teams and contractors with the code they need to create fully brand-compliant websites that meet accessibility standards. 

Benefits include combining efforts of multiple development teams across UCSF, saving time and money, and providing a consistent user experience.

If you are managing or overseeing a website project at UCSF, refer your design and development team to this resource.

December 27, 2017
Policies & Standards

The following modifications have been made to the UCSF Brand Guidelines for web applications:

Digital Colors:
Clarification on type size (in pixels, not points as previously listed) has been made. Brand portal now has live type for all digital colors, so HEX code can be copied and pasted onto your website. See Digital Colors page.

The universal hyperlink color for UCSF websites has changed from Pantone Process Blue C to #0071AD. The hyperlink color should not be used against dark backgrounds (i.e. in website footers.) See Digital Colors page of the Brand Portal for details.

Web Banners:
Additional detail provided for guidance on UCSF web banners (pixel size added for logo, logotype, menu items). Web banners are still downloadable from the brand portal, and HEX code added for recommended colors. See website standards page on the Brand Portal.

Recommended number of links for web navigation is 7 (previous recommendation was 9.) Additional detail provided for recommended font size (16 pixels) and white space between menu items (66 pixels). See website standards page on the Brand Portal.

Logo Lock-up Size for Websites: UCSF campus and clinical logo lock-ups on websites should be displayed at 332 pixels wide. A “web only” file is included in your logo files from...

Read more »
September 26, 2017
Site Builder

We have a new set of features available in Site Builder to help make your site shine. New improvements are:

Sticky Navigation Bar:
Help users navigate your site by keeping the top navigation bar in place as they scroll down a page.

Colored Boxes:
Add a splash of color to your 2-column or 3-column content by selecting from 6 different colors per column area.

Collapsible Content or FAQs:
If you have information you’d like to hide by default, such as an FAQ, you can now add it to any page.

Multiple Buttons:
There are now a wide variety of buttons, both large and small. Each button has an optional full-width version, which is wonderful for consistent styling in smaller areas like sidebar blocks or columns.