From 0d45a2176d1d43e5ce31d12e11584c10a33aa085 Mon Sep 17 00:00:00 2001 From: Keegan Street <keeganstreet@gmail.com> Date: Mon, 29 Apr 2013 17:05:36 +1000 Subject: [PATCH] Added legend element to checklist The legend explains to screen-readers what the group of fields is about. Especially important for groups of checkboxes or radio buttons, as the legend will be the question that the checkboxes or radio buttons are answers for. "The first element inside the fieldset must be a legend element, which provides a label or description for the group" - http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/H71 --- checklist.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/checklist.html b/checklist.html index f774df19..19053eb6 100644 --- a/checklist.html +++ b/checklist.html @@ -152,7 +152,7 @@ description: A beginner's guide to web accessibility <p>(e.g. <code class="language-markup"><label for="name">Name:</label><input id="name" type="text"></code>)</p> <!-- fieldset --> - <label for="group-related-elements" class="checkbox">Group related form elements with <code class="language-markup">fieldset</code> + <label for="group-related-elements" class="checkbox">Group related form elements with <code class="language-markup">fieldset</code> and describe the group with <code class="language-markup">legend</code> <input name="group-related-elements" type="checkbox" id="group-related-elements"> </label> -- GitLab