From 32b366a86482b06db417aec67e42ca23d69da48a Mon Sep 17 00:00:00 2001
From: David Smith <smithdc@gmail.com>
Date: Fri, 14 May 2021 08:46:22 +0100
Subject: [3.2.x] Refs #32338 -- Improved accessibility of RadioSelect examples
 in docs.

Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

Backport of d8c17aa10c7f41e692fb6f5d0bf2fab7a90b9374 from main
---
 docs/intro/tutorial04.txt | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'docs/intro/tutorial04.txt')

diff --git a/docs/intro/tutorial04.txt b/docs/intro/tutorial04.txt
index 414156b56c..4dae8892ae 100644
--- a/docs/intro/tutorial04.txt
+++ b/docs/intro/tutorial04.txt
@@ -20,16 +20,16 @@ tutorial, so that the template contains an HTML ``<form>`` element:
 .. code-block:: html+django
     :caption: polls/templates/polls/detail.html
 
-    <h1>{{ question.question_text }}</h1>
-
-    {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
-
     <form action="{% url 'polls:vote' question.id %}" method="post">
     {% csrf_token %}
-    {% for choice in question.choice_set.all %}
-        <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
-        <label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
-    {% endfor %}
+    <fieldset>
+        <legend><h1>{{ question.question_text }}</h1></legend>
+        {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
+        {% for choice in question.choice_set.all %}
+            <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
+            <label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
+        {% endfor %}
+    </fieldset>
     <input type="submit" value="Vote">
     </form>
 
-- 
cgit v1.3