Accessibility
Accessibility
Section titled “Accessibility”For Design
Section titled “For Design”Each button must remain fully perceivable, operable, and understandable across devices and input types (mouse, touch, keyboard). Minimum touch target size: 44 × 44 px. Ensure WCAG 2.1 AA contrast (minimum 3:1 for icon-to-background). Focus ring must be visible at all times and compliant with accessibility standards.
For Dev
Section titled “For Dev”Each button must have an accessible name (e.g. aria-label="Follow us on YouTube") and visible focus state. Must be implemented as <a> links for external navigation.
Guidance on how to use a component.
- Use only official brand icons.
- Keep spacing consistent with other footer elements.
Guidance on what to avoid when using a component.
- Don’t recolour or modify brand icons.