Navigation collapsed

xB3a11y light

A Section 508 / WCAG 2.0 AAA Responsive Framework for MODX

Image of a browser showing Assets UI components

xB3a11y MODX extra gives you Section 508 / WCAG 2.0 compliant, cross-browser compatible UI components that you can use in your accessible web site or web application. xB3a11y is an accessible, responsive, and modern framework.

Get started:

More information


Section 508 Compliant Code

xB3a11y modernizes accessible front-end web development and follows digital government strategy objectives and Section 508 standards.

Section 508

WCAG 2.0

xB3a11y match with the Web Content Accessibility Guidelines (WCAG 2.0) triple A. Colors sets and fonts has been tested with AChecker and Contrast Checker.

WCAG 2.0 (Level AAA)

High Contrast Mode Tested

To support interoperability with Windows accessibility features, xB3a11y has been tested using native high contrast themes of the Windows 7 Operating System for the benefit of low vision users.

Take What You Need

Utilize only the components that you want for your project. Simply include the required libraries and customize as you see fit!

Modern Development

xB3a11y is compatible with Bootstrap 3.1.1 and follows the latest HTML5 and CSS3 development practices, with fall-backs for older browsers.

Keyboard Accessible

UI components are both keyboard navigable and operable. Try using your keyboard to navigate to and use each UI component. Keyboard accessibility guidance is included in the Keyboard Operations section of each UI Component page.

INFO: This extra is a packaged evolution of Assets. This MODX homepage example uses the xB3a11y a11yhome template.