Skip to main content

CAST Figuration

Icons of a mobile phone, tablet, and computer monitor

For web developers working with HTML5, CAST Figuration is an openly licensed, feature-rich, responsive, mobile first, accessible, front-end framework.

Overview

CAST Figuration is a package of CSS and Javascript that can be used as a starting point for building an accessible, cross-device, interactive website.  It contains styles for text and buttons; interactive elements such as menus, tabs, sliders, and modal dialogs; column and grid layouts that adapt to the screen and device in use; color schemes that pass WCAG contrast checks; and advanced components such as an HTML5 audio and video player with interactive captions.  All components are built to be usable via mouse, keyboard, or touch interaction as well as accessible to screen readers and other assistive technology.

The Figuration widgets are all initialized and configured in a consistent way, either using data attributes in HTML or Javascript calls.  They aim to save the developer time by taking care of a lot of the behind-the-scenes details.  For instance, ARIA tags are automatically added, browser differences are smoothed out, and special cases for touch devices are handled.  While reasonable defaults are provided, all aspects of the design and functionality are customizable.

CAST Figuration is based on Bootstrap v.3.  In some cases we have made only slight changes to Bootstrap components for accessibility and consistency with our configuration scheme.  Some changes have been backported from Bootstrap 4.  Other Figuration components are built from scratch.

CAST’s approach to adding accessibility to the Bootstrap framework is to embed accessibility functionality into the widgets so it is automatically applied as needed. This approach accelerates functional updates without having to individually revise each project or module. In addition, this method means that development teams can create accessible sites without as much effort and specialized knowledge.

Figuration Detail

CAST Figuration currently contains the following elements. Detailed documentation and examples for all of them is available at the CAST Figuration website.

CAST (Center for Applied Special Technology)

Non-profit organization that works to expand learning opportunities for all individuals through research and development.

View in glossary

Cascading Style Sheet (CSS)

Provides the capacity to separate the layout and style of a web page from the content.

View in glossary

Audio

Digital form or representation of a sound which may be used for non-visual access to text and images.

View in glossary

Technology

Equipment or system where principal function is creation, conversion, duplication, control, display, interchange, transmission, reception, or broadcast of data.

View in glossary

Accessible Instructional Materials (AIM)

Print-based educational materials converted into specialized formats, related to the requirements of the IDEA statute.

View in glossary

Accessibility

Access for all people, including people with disabilities, to web environments.

View in glossary

Layout

Content

Components

Widgets

Keep up with the latest changes, discussions, and ongoing development at CAST Figuration's GitHub Project.

License

Figuration is released under the MIT license and is copyright 2016 CAST, Inc. Portions: copyright 2011-2016 the Bootstrap Authors and Twitter, Inc. Licensed under the MIT license.