Screenreader tweaks

This commit is contained in:
Mouse Reeve 2021-01-16 14:33:43 -08:00
parent 8532c9a46b
commit fa56ae873b
3 changed files with 6 additions and 6 deletions

View file

@ -13,12 +13,12 @@
{% endif %} {% endif %}
</div> </div>
<div class="block"> <div class="block">
<input type="radio" class="toggle-control" name="edit-goal" id="show-edit-goal"> <input type="radio" class="toggle-control" name="edit-goal" id="show-edit-goal" data-hover-target="edit-form-header">
<div class="toggle-content{% if goal %} hidden{% endif %}"> <div class="toggle-content{% if goal %} hidden{% endif %}">
{% now 'Y' as year %} {% now 'Y' as year %}
<article class="card"> <section class="card">
<header class="card-header"> <header class="card-header">
<h2 class="card-header-title has-background-primary has-text-white"> <h2 class="card-header-title has-background-primary has-text-white" tabindex="0" id="edit-form-header">
<span class="icon icon-book is-size-3 mr-2" aria-hidden="true"></span> {{ year }} reading goal <span class="icon icon-book is-size-3 mr-2" aria-hidden="true"></span> {{ year }} reading goal
</h2> </h2>
</header> </header>
@ -27,7 +27,7 @@
{% include 'snippets/goal_form.html' with goal=goal year=year %} {% include 'snippets/goal_form.html' with goal=goal year=year %}
</section> </section>
</article> </section>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -10,7 +10,7 @@
<div class="control"> <div class="control">
<input type="number" class="input" name="goal" id="id_goal" value="{% if goal %}{{ goal.goal }}{% else %}12{% endif %}"> <input type="number" class="input" name="goal" id="id_goal" value="{% if goal %}{{ goal.goal }}{% else %}12{% endif %}">
</div> </div>
<p class="button is-static">books</p> <p class="button is-static" aria-hidden="true">books</p>
</div> </div>
</div> </div>

View file

@ -6,5 +6,5 @@
{% endif %} {% endif %}
{% if goal.user == request.user %}You've{% else %}{{ goal.user.display_name }} has{% endif %} read {% if request.path != goal.local_path %}<a href="{{ goal.local_path }}">{% endif %}{{ goal.book_count }} of {{ goal.goal }} books{% if request.path != goal.local_path %}</a>{% endif %}. {% if goal.user == request.user %}You've{% else %}{{ goal.user.display_name }} has{% endif %} read {% if request.path != goal.local_path %}<a href="{{ goal.local_path }}">{% endif %}{{ goal.book_count }} of {{ goal.goal }} books{% if request.path != goal.local_path %}</a>{% endif %}.
</p> </p>
<progress class="progress is-large" value="{{ goal.book_count }}" max="{{ goal.goal }}">{{ goal.progress_percent }}%</progress> <progress class="progress is-large" value="{{ goal.book_count }}" max="{{ goal.goal }}" aria-hidden="true">{{ goal.progress_percent }}%</progress>