An Upgraded Experience with Drupal 10
Centers for Medicare and Medicaid ServicesWe upgraded 8 sites to Drupal 10 for the Centers for Medicare and Medicaid Services (CMS) ahead of deadline.
600
CMS.gov editors
0
Downtime during upgrades
8
Sites upgraded
The challenge
CivicActions, along with our partner Fearless, facilitated Drupal 10 upgrades across the Centers for Medicare and Medicaid Services (CMS) suite of websites, bringing improvements for editors, better security and accessibility, and community contributions to streamline upgrades for large- scale Drupal. The new Claro administration theme is cleaner, clearer, and more accessible.
The new rich text editor CKEditor 5 provides many UI enhancements and an improved user experience. The most significant change from previous versions of CKEditor is that editors must now use a predefined set of elements to configure the content, which leads to fewer instances of invalid markup patterns making their way into the published site. Since invalid or non-semantic markup is often the cause of accessibility issues, this is a major upgrade. In addition, the improved Layout Builder experience makes it easier for content editors to control more complex layouts, while still keeping consistent with CMS Design System standards.
The 8 sites included in the upgrade, which occurred ahead of schedule, were: CMS.gov; Medicare.gov; Openpaymentsdata.cms.gov; Data.medicaid.gov; Data.healthcare.gov; SDIS.medicaid.gov; PFS.data.cms.gov; QIC.cms.gov; and Provider Data Catalog (data.cms.gov/provider-data).
Expertise
- User Flow Research tests
- Information Architecture
- Content Strategy
- Workflow & Interaction Design
- Prototype Development & Testing
- Visual Design
- Mobile Optimization
- API Design & Deployment
- Accessibility issue identification improvements
- MVP rapid prototyping
- CI/CD Pipeline development
Tools and technologies
- Sketch
- Invision
- Mural
- Figma
- GitHub Enterprise
- Drupal
- Pa11y
- Cypress
- Docker
- Jenkins
- BackstopJS
- Node.js
- React
Key outcomes
More Accessible Experience
The new Claro administration theme is cleaner, clearer, and more accessible. In addition, the shift to CKEditor5 decreases accessibility errors from invalid markup.
Better User Interface for Editors
The improved Layout Builder experience makes it easier for content editors to control more complex layouts, while still keeping consistent with CMS Design System standards.
Improved Human-Centered Design
Drupal 10’s new rich text editor CKEditor 5 provides many UI enhancements and an improved user experience.
Better than On Time
This work was completed before the deadline and included upgrades on eight websites for CMS, meaning more improvements sooner.
Improved Security
Drupal 10’s upgraded Symfony 6 allows for increased security, so site users can feel secure that their data is private.
Seamless Transition
With zero downtime during upgrades, this work was swiftly executed with a seamless transition to Drupal 10.