Improve settings hierarchy conciseness

core/templates/pages/accessibility-settings.html

@@ -0,0 +1,25 @@
+{% extends "base.html" %}
+
+{% block content %}
+<section class="section">
+  <div class="container">
+    <h1 class="title is-4">Accessibility</h1>
+    <div class="box">
+      <h2 class="title is-6">Motion</h2>
+      <form method="post">
+        {% csrf_token %}
+        <div class="field">
+          <label class="checkbox">
+            <input type="checkbox" name="disable_animations"{% if accessibility_settings.disable_animations %} checked{% endif %}>
+            Disable animations
+          </label>
+          <p class="help is-size-7 has-text-grey mt-1">
+            Reduces motion by disabling most transitions and animations across the interface.
+          </p>
+        </div>
+        <button class="button is-link is-small" type="submit">Save</button>
+      </form>
+    </div>
+  </div>
+</section>
+{% endblock %}