Skip to main content

Creating Accessible Websites with CAST Figuration

Icons of a mobile phone, tablet, and computer monitor

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 these elements.

Layout Content Components Widgets
Overview, Grid, Responsive Utilities Reboot, Color, Typography, Code, Images, Figures, Tables, Buttons, Forms Alerts, Breadcrumb, Button Group, Cards, Grid Lines, Input Group, Jumbotron, List Group, Media Object, Navbar, Navs, Pagination, Progress, Tags, Utilities Overview, Accordion, Affix, Alert, Button, Collapse, Drag, Dropdown, Equalize, Lazy, Modal, Player, Popover, Scrollspy, Slider, Slideshow, Tab, Tab-Responsive, Tooltip


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.

Documentation & Examples

Detailed documentation and examples for all of the elements are available on the CAST Figuration website.

Visit the CAST Figuration Website

Download the Code

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

Visit GitHub for the latest version

Top of Page