Accessibility

Optional Styles

There are several optional HTML "classes" available that will change some of the default heading, paragraph, table, and list styling in Open Berkeley. You will need to make edits directly in the HTML source to use these classes. See...

Using Siteimprove on an Open Berkeley site

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

As a site builder for your Open Berkeley site, you have control over the content and structure...

Add Images/Photos

Overview

Images can be added to all pages on an Open Berkeley website, either directly in a content item (such as a Content page, News item, or FAQ item), or added to a customized page (such as a Landing page, or...

Add Tables

Tables allow you to display data in rows and columns. You can create tables on your Open Berkeley site, and you should make sure that any tables you create are accessible to people with disabilities. Use tables for tabular data, not layout (i.e., do not use a table in order to only display images in rows). If you need text and images to align a certain way on a page, anyone with the Site Builder or Widget...

Add and Use Headings

Using headings properly can help in creating a semantic, organized structure to your content, and in allowing site visitors to more easily navigate and read through your website 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.

Accessibility

Proper use of headings is an accessibility best practice. See "Use headings correctly to...

Responsive Tables

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.

See Add Tables for initial instructions on how to add tables to your site using the editing (WYSIWYG) toolbar, including instructions on how to add and configure table headers and scope. Properly-configured table headers and scope are important for both responsive behavior and...

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.

How to Add Links

Overview

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.

Add Links to Text

Give your links unique and descriptive names, which is important for accessibility purposes. See "Give your links unique and descriptive names" from the "...