Overview | A+ Design System

Breadcrumbs Legacy

Breadcrumbs are a series of links which show the user which page they are viewing within a course.

A button is used to perform an action when the user clicks or touches it.

Links to the previous, next and parent elements for each page of course content.

This menu is always visible to desktop users, and provides links to the main parts of the course. Teachers can also add custom links to the menu.

An error summary is used to present validation errors of a form.

The navigation area that is visible on every page.

This should be the highest-level heading of the page.

The progress indicates how many points a student currently has on one particular question, exercise or chapter.

The progress bar visualises how many points a student currently has as a proportion of the total available.