Sha256: a1500d706f946db6b369448ebc8a3da8461d754f2248363d0bad1d0eb1cf74ea
Contents?: true
Size: 1.74 KB
Versions: 51
Compression:
Stored size: 1.74 KB
Contents
name: Form fieldset
description: The fieldset element is used to group several controls within a web form. The legend element represents a caption for the content of its parent fieldset.
body: |
[Using the fieldset and legend elements](https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/)
You can use the 'text' property or pass 'text' as a block.
accessibility_criteria: |
- must give inputs within the fieldset context with legend text
examples:
default:
data:
legend_text: 'Do you have a passport?'
text: |
<!-- Use the radio component, this is hardcoded only for this example -->
<input type="radio" id="default-yes" name="default"t>
<label for="default-yes">Yes</label>
<input type="radio" id="default-no" name="default"t>
<label for="default-no">No</label>
with_html_legend:
description: 'If you only have one fieldset on the page you might want to include the title of the page as the legend text. Used with a [captured](http://api.rubyonrails.org/classes/ActionView/Helpers/CaptureHelper.html#method-i-capture) [title](http://govuk-static.herokuapp.com/component-guide/title)'
data:
legend_text: |
<!-- Use the title component, this is hardcoded only for this example -->
<h1 style="font-size: 48px; line-height: 1.0416666667; font-weight: bold; margin-bottom: 30px;">
Do you have a passport?
</h1>
text: |
<!-- Use the radio component, this is hardcoded only for this example -->
<input type="radio" id="html-legend-yes" name="html-legend">
<label for="html-legend-yes">Yes</label>
<input type="radio" id="html-legend-no" name="html-legend">
<label for="html-legend-no">No</label>
Version data entries
51 entries across 51 versions & 1 rubygems