LocalGov Drupal Common Patterns Catalog
Fellowship of the Code · CC BY-SA 4.0 · Use this handout to share how LGD embeds accessibility into the patterns government teams ship every week.
Each pattern comes with the accessibility behaviors the LocalGov Drupal community already tests, documents, and promotes. Swap one of the cards for a live demo on stage or add your own project to the catalog.
Common LocalGov Drupal government patterns
Service Directory
Service directories
- Skip-link-enabled nav plus landmark regions for each department
- Accessible tables with `scope` and sortable headers prewired
- Consistent CTA buttons and focus styles so search results feel predictable
News Listing
News + announcements
- Cards use semantic headings, descriptive links, and publish dates for assistive technology
- Visual emphasis respects WCAG 2.2 contrast and motion preferences
- Cumulative updates are announced via `aria-live` when editors publish a batch
Step-by-Step Guides
Step-by-step guides
- Every step uses a numbered heading so screen readers announce order without guessing
- Each block is grouped with a `dl` or `ol` markup to preserve sen- tence structure for assistive tech
- Status indicators (done, in progress) send live-region updates when the user toggles completion
Procurement Dashboard
Procurement & performance
- ARIA-enabled data tables with visible focus on headers and input filters
- WCAG-compliant pagination + summary text for screen readers before the table
- Contrast-ready sparklines and color cues with textual equivalents
Accessibility Statement
Accessibility statements
- Structured `h2` sections for conformance, support, and known issues
- WCAG 2.2 references baked in with clear versioning (current + roadmap)
- Contact form + live support info repurposed from the standard LGD contact atom
Events Calendar
Events & meetings
- Keyboard-ready grid navigation + `aria-live` announcements when focus moves
- Color-coded event types tied to accessible legends and text labels
- Automatic timezone hints and personal reminders follow `lang` tagging
Digital Forms
Citizen forms & permits
- Fieldsets, labels, and helper text remain visible even when errors appear
- ARIA live error regions highlight guidance before submission
- Autosave + local validation respects privacy by default (no third-party scripts)
Join the Fellowship
Scan the QR to enter the LocalGov Drupal Slack, see detailed docs, and grab the pattern library source. Bring a notebook, add your own card, or replace a pattern you lead on.
QR code placeholder — link to localgovdrupal.org/slack + /docs
QR code linking to LocalGov Drupal Slack and documentation
Need a live scan? Point your camera at this page when you are ready to share it.