Accessibility

Responsive Tables

Overview

See Add Tables for initial instructions on how to add tables to your site using the editing (WYSIWYG) toolbar.

Tables built on the Open Berkeley platform are designed to be "responsive," meaning they will adjust for optimal display on all devices, including mobile/tablet.

Add Images/Photos

NOTE: Large (high resolution) images may cause performance issues and could possibly cause other site errors. Try to only upload photos that have a file size of 1MB or smaller, especially when selecting the "original size" option (see below embedding instructions).

You can upload images to the website pages via the "Add Media" button on the editing toolbar:

Optional Styles

Overview

There are several optional HTML "classes" available that will change some of the default heading, paragraph, table, and list styling in Open Berkeley. To use these styles, you will need to make edits directly in the HTML source. See Edit the HTML of a page for more information about editing in the HTML source.

Expand/Collapse Content

Site builders who are comfortable editing HTML directly can add expanding/collapsing (accordion) content sections (the expand/collapse functionality is used on this very page!) to any content page or text widget.

Using Siteimprove on an Open Berkeley site

We now have a systemwide contract with Siteimprove, an automated tool for website accessibility, quality assurance, and search engine optimization (SEO). Any site owner can sign up for Siteimprove and begin accessing detailed reports that can help improve all these aspects of their site. Visit the IT Service Catalog for information about enrollment and training.

How to Add Links

Links can be internal (pages on your website), external (other websites), anchor links (also known as jump links), and attachment links (PDF, Word, etc.).

Links can be added to both text, as well as images. Please see important notes below about both:

Add and Use Headings

Using headings properly can help in creating a semantic, organized structure to your content. If your page content has a lot of sections, each with its own subtitle, you should consider using "headings" instead of simply applying "Bold" or using CAPITAL LETTERS for your section titles.