Useful docs
How to use this component
Useful guides on how to test the accessibility of components.
https://www.magentaa11y.com/
Cardiff Council Content and design system
www.cardiff.gov.uk
App
viewers
Pdf page viewerMarkdown viewMap Imagepopups
How to: Animate a popupHow to: Create a popupSuccess popup (page removal)Message popupSuccess popup (and or go to new route)pages
Base pageHome pageProcess pageDetails pagelayout
Section headingDividerNoteMarginsError labelHeadingHighlightAlertNotifyAnimationTextStandard header iconsLinksinput
SwitchTime pickerPickerCheckboxText editorMapSearch bar with GPSSearch addressSearch barText entrybuttons
EditCancel buttonVertical transparent buttonVertical inverted buttonTag buttonCarousel buttonCallout button (Main)Vertical buttonNext / Back buttonsClose buttonInfo buttonFull buttonaccessibility
AutomationProperties.IsInAccessibleTreeAutomationProperties.NameAutomationProperties.HelpTextUseful docs© 2025 Copyright Cardiff Council Design System.