-
Notifications
You must be signed in to change notification settings - Fork 17
/
banner.yml
22 lines (20 loc) · 1.19 KB
/
banner.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
name: Banner
description: A page banner, designed to highlight important information
body: |
Passing an aside to the banner will mean the banner renders in a grid layout.
Real world example: [Consultation with history banner](/government/consultations/child-trust-fund-consultation-on-allowing-the-transfer-of-savings-from-a-child-trust-fund-to-a-junior-isa)
accessibility_criteria: |
The banner must:
- be visually distinct from other content on the page
- have an accessible name that describes the banner as a notice
- have a text contrast ratio higher than 4.5:1 against the background colour to meet [WCAG AA](https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast)
fixtures:
default:
text: 'This was published under the 2010 to 2015 Conservative and Liberal Democrat coalition government'
banner_with_title:
title: 'Summary'
text: 'This was published under the 2010 to 2015 Conservative and Liberal Democrat coalition government'
banner_with_aside:
title: 'Summary'
text: 'This was published under the 2010 to 2015 Conservative and Liberal Democrat coalition government'
aside: 'This consultation ran from 9:30am on 30 January 2017 to 5pm on 28 February 2017'