Accessibility
Design principles, component audit findings, and the work still ahead.
Accessibility belongs in the component.
Readable colors, clear semantics and reliable keyboard behavior are shared capabilities. We test the website, TypeScript library and OutSystems examples separately.
WCAG 2.1 AA
The baseline every BluUI implementation must meet.
WCAG 2.2 AA
Includes the newer focus, target-size and interaction requirements.
Verification in progress
Full conformance is declared only after all applicable criteria and complete workflows are evaluated.
28 components. One clear standard.
168 website states and 54 OutSystems states checked with axe-core 4.13.0. 22 of 22 recorded keyboard checks passed. Package 0.2.6.
Support and verification, by implementation
Supported means no failures were found in the recorded checks for that implementation. It does not replace the full-page conformance evaluation. The minimum requirement is WCAG 2.1 AA; the checks target WCAG 2.2 AA.
| Component | Web examples | TypeScript | OutSystems | Full conformance |
|---|---|---|---|---|
| Button | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 3 rule failures | Not yet declared |
| Chip & ChipGroup | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 3 rule failures | Not yet declared |
| TransferList | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| TreeSelect | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| UploadManager | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Badge | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Card | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Skeleton | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 3 rule failures | Not yet declared |
| Splitter | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Breadcrumbs | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| PageHeader | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Sidebar | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| TreeView | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| CommandPalette | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| BluGrid | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Kanban | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 3 rule failures | Not yet declared |
| FilterBuilder | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Not yet verified0 states checked | Not yet declared |
| Timeline | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Modal | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Drawer | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Notification | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Pagination | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Cascader | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Statistic | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| QRCode | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Tour | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| EmptyState | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
| Descriptions | Supported4 states checked · no automated failures | Supported2 states checked · no automated failures | Needs work2 states checked · 2 rule failures | Not yet declared |
What each status means
Fixed where every example benefits
- Contrast-tuned shared Light/Dark palette, including muted text and status colors.
- Stable keyboard focus after FilterBuilder, Sidebar, Chip and UploadManager updates.
- Accessible loading states, named upload actions and persistent selection/save feedback.
- Keyboard-scrollable code and Kanban regions; larger clear-selection target.
- Dialog tab containment and responsive grid pagination and showcase tabs.
Component evidence
Button
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Chip & ChipGroup
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
TransferList
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
TreeSelect
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
UploadManager
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Badge
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Card
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Skeleton
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Splitter
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Breadcrumbs
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
PageHeader
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Sidebar
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
TreeView
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
CommandPalette
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
BluGrid
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Kanban
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
FilterBuilder
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Timeline
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Modal
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Drawer
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Notification
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Pagination
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Cascader
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Statistic
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
QRCode
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Tour
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
EmptyState
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
Descriptions
Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.
OutSystems: Published baseline; repaired source awaits publication and recheck.
Remaining evaluation: Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance.
What was checked—and what remains
All 28 website component playgrounds, Examples and Code previews in Light and Dark. OutSystems coverage is reported separately by component. Consumer applications are outside this scope.
54 published baseline states captured. Native corrections await a Service Studio merge and authenticated recheck.
Automated testing uses WCAG 2.0 A/AA, 2.1 A/AA and 2.2 AA rule tags. Additional checks exercise keyboard operation, focus recovery, open dialogs, 320 CSS-pixel layouts, increased text spacing and reduced motion.
- Automated checks cover machine-testable requirements. A zero-failure scan is not a WCAG conformance claim.
- Screen-reader announcements and complete criterion-by-criterion evaluation remain outstanding.
- Grid and Kanban preserve horizontal scrolling inside their data regions; page controls must remain reachable.
- Custom content, labels, application flows and consumer styling require their own evaluation.
“Fully conformant” is available as a status, but is never inferred from an automated pass. See the WCAG conformance requirements and W3C evaluation methodology.