Adds titles to icons

This commit is contained in:
Mouse Reeve 2021-01-14 14:13:23 -08:00
parent aa7320ffe0
commit b1cdddd1a2
11 changed files with 28 additions and 46 deletions

View file

@ -9,7 +9,7 @@
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %} {% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
<div class="column is-narrow"> <div class="column is-narrow">
<a href="{{ author.local_path }}/edit"> <a href="{{ author.local_path }}/edit">
<span class="icon icon-pencil"> <span class="icon icon-pencil" title="Edit Author">
<span class="is-sr-only">Edit Author</span> <span class="is-sr-only">Edit Author</span>
</span> </span>
</a> </a>

View file

@ -23,7 +23,7 @@
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %} {% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
<div class="column is-narrow"> <div class="column is-narrow">
<a href="{{ book.id }}/edit"> <a href="{{ book.id }}/edit">
<span class="icon icon-pencil"> <span class="icon icon-pencil" title="Edit Book">
<span class="is-sr-only">Edit Book</span> <span class="is-sr-only">Edit Book</span>
</span> </span>
</a> </a>

View file

@ -1,25 +1,16 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% load humanize %} {% load humanize %}
{% block content %} {% block content %}
<div class="block"> <header class="block">
<div class="level"> <h1 class="title level-left">
<h1 class="title level-left"> Edit "{{ author.name }}"
Edit "{{ author.name }}" </h1>
</h1>
<div class="level-right">
<a href="/author/{{ author.id }}">
<span class="edit-link icon icon-close">
<span class="is-sr-only">Close</span>
</span>
</a>
</div>
</div>
<div> <div>
<p>Added: {{ author.created_date | naturaltime }}</p> <p>Added: {{ author.created_date | naturaltime }}</p>
<p>Updated: {{ author.updated_date | naturaltime }}</p> <p>Updated: {{ author.updated_date | naturaltime }}</p>
<p>Last edited by: <a href="{{ author.last_edited_by.remote_id }}">{{ author.last_edited_by.display_name }}</a></p> <p>Last edited by: <a href="{{ author.last_edited_by.remote_id }}">{{ author.last_edited_by.display_name }}</a></p>
</div> </div>
</div> </header>
{% if form.non_field_errors %} {% if form.non_field_errors %}
<div class="block"> <div class="block">

View file

@ -1,25 +1,16 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% load humanize %} {% load humanize %}
{% block content %} {% block content %}
<div class="block"> <header class="block">
<div class="level"> <h1 class="title level-left">
<h1 class="title level-left"> Edit "{{ book.title }}"
Edit "{{ book.title }}" </h1>
</h1>
<div class="level-right">
<a href="/book/{{ book.id }}">
<span class="edit-link icon icon-close">
<span class="is-sr-only">Close</span>
</span>
</a>
</div>
</div>
<div> <div>
<p>Added: {{ book.created_date | naturaltime }}</p> <p>Added: {{ book.created_date | naturaltime }}</p>
<p>Updated: {{ book.updated_date | naturaltime }}</p> <p>Updated: {{ book.updated_date | naturaltime }}</p>
<p>Last edited by: <a href="{{ book.last_edited_by.remote_id }}">{{ book.last_edited_by.display_name }}</a></p> <p>Last edited by: <a href="{{ book.last_edited_by.remote_id }}">{{ book.last_edited_by.display_name }}</a></p>
</div> </div>
</div> </header>
{% if form.non_field_errors %} {% if form.non_field_errors %}
<div class="block"> <div class="block">

View file

@ -33,7 +33,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button" type="submit"> <button class="button" type="submit">
<span class="icon icon-search"> <span class="icon icon-search" title="Search">
<span class="is-sr-only">search</span> <span class="is-sr-only">search</span>
</span> </span>
</button> </button>
@ -43,7 +43,7 @@
<label for="main-nav" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNav" onclick="toggleMenu(this)" tabindex="0"> <label for="main-nav" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNav" onclick="toggleMenu(this)" tabindex="0">
<div class="navbar-item mt-3"> <div class="navbar-item mt-3">
<div class="icon icon-dots-three-vertical"> <div class="icon icon-dots-three-vertical" title="Main navigation menu">
<span class="is-sr-only">Main navigation menu</span> <span class="is-sr-only">Main navigation menu</span>
</div> </div>
</div> </div>
@ -110,7 +110,7 @@
<a href="/notifications"> <a href="/notifications">
<div class="tags has-addons"> <div class="tags has-addons">
<span class="tag is-medium"> <span class="tag is-medium">
<span class="icon icon-bell"> <span class="icon icon-bell" title="Notifications">
<span class="is-sr-only">Notifications</span> <span class="is-sr-only">Notifications</span>
</span> </span>
</span> </span>

View file

@ -4,7 +4,7 @@
<form name="boost" action="/boost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} {% if request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}"> <form name="boost" action="/boost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} {% if request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}">
{% csrf_token %} {% csrf_token %}
<button class="button is-small" type="submit" {% if not status.boostable %}disabled{% endif %}> <button class="button is-small" type="submit" {% if not status.boostable %}disabled{% endif %}>
<span class="icon icon-boost"> <span class="icon icon-boost" title="Boost status">
<span class="is-sr-only">Boost status</span> <span class="is-sr-only">Boost status</span>
</span> </span>
</button> </button>
@ -12,7 +12,7 @@
<form name="unboost" action="/unboost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} active {% if not request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}"> <form name="unboost" action="/unboost/{{ status.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }}-{{ uuid }} active {% if not request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}-{{ uuid }}">
{% csrf_token %} {% csrf_token %}
<button class="button is-small is-success" type="submit"> <button class="button is-small is-success" type="submit">
<span class="icon icon-boost"> <span class="icon icon-boost" title="Un-boost status">
<span class="is-sr-only">Un-boost status</span> <span class="is-sr-only">Un-boost status</span>
</span> </span>
</button> </button>

View file

@ -3,7 +3,7 @@
<form name="favorite" action="/favorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} {% if request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}"> <form name="favorite" action="/favorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} {% if request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}">
{% csrf_token %} {% csrf_token %}
<button class="button is-small" type="submit"> <button class="button is-small" type="submit">
<span class="icon icon-heart"> <span class="icon icon-heart" title="Like status">
<span class="is-sr-only">Like status</span> <span class="is-sr-only">Like status</span>
</span> </span>
</button> </button>
@ -11,7 +11,7 @@
<form name="unfavorite" action="/unfavorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} active {% if not request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}"> <form name="unfavorite" action="/unfavorite/{{ status.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }}-{{ uuid }} active {% if not request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}-{{ uuid }}">
{% csrf_token %} {% csrf_token %}
<button class="button is-success is-small" type="submit"> <button class="button is-success is-small" type="submit">
<span class="icon icon-heart"> <span class="icon icon-heart" title="Un-like status">
<span class="is-sr-only">Un-like status</span> <span class="is-sr-only">Un-like status</span>
</span> </span>
</button> </button>

View file

@ -1,17 +1,17 @@
{% if item.privacy == 'public' %} {% if item.privacy == 'public' %}
<span class="icon icon-globe"> <span class="icon icon-globe" title="Public post">
<span class="is-sr-only">Public post</span> <span class="is-sr-only">Public post</span>
</span> </span>
{% elif item.privacy == 'unlisted' %} {% elif item.privacy == 'unlisted' %}
<span class="icon icon-unlock"> <span class="icon icon-unlock" title="Unlisted post">
<span class="is-sr-only">Unlisted post</span> <span class="is-sr-only">Unlisted post</span>
</span> </span>
{% elif item.privacy == 'followers' %} {% elif item.privacy == 'followers' %}
<span class="icon icon-lock"> <span class="icon icon-lock" title="Followers-only post">
<span class="is-sr-only">Followers-only post</span> <span class="is-sr-only">Followers-only post</span>
</span> </span>
{% else %} {% else %}
<span class="icon icon-envelope"> <span class="icon icon-envelope" title="Private post">
<span class="is-sr-only">Private post</span> <span class="is-sr-only">Private post</span>
</span> </span>
{% endif %} {% endif %}

View file

@ -27,15 +27,15 @@
{% else %} {% else %}
<a href="/login"> <a href="/login">
<span class="icon icon-comment"> <span class="icon icon-comment" title="Reply">
<span class="is-sr-only">Reply</span> <span class="is-sr-only">Reply</span>
</span> </span>
<span class="icon icon-boost"> <span class="icon icon-boost" title="Boost status">
<span class="is-sr-only">Boost status</span> <span class="is-sr-only">Boost status</span>
</span> </span>
<span class="icon icon-heart"> <span class="icon icon-heart" title="Like status">
<span class="is-sr-only">Like status</span> <span class="is-sr-only">Like status</span>
</span> </span>
</a> </a>

View file

@ -1,6 +1,6 @@
<label class="{% if class %}{{ class }}{% else %}button{% endif %}{% if small %} is-small{% endif %}" for="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}" tabindex="0" role="button"> <label class="{% if class %}{{ class }}{% else %}button{% endif %}{% if small %} is-small{% endif %}" for="{{ controls_text }}{% if controls_uid %}-{{ controls_uid }}{% endif %}" tabindex="0" role="button">
{% if icon %} {% if icon %}
<span class="icon icon-{{ icon }}"> <span class="icon icon-{{ icon }}" title="{{ text }}">
<span class="is-sr-only">{{ text }}</span> <span class="is-sr-only">{{ text }}</span>
</span> </span>
{% else %} {% else %}

View file

@ -8,7 +8,7 @@
{% if is_self %} {% if is_self %}
<div class="column is-narrow"> <div class="column is-narrow">
<a href="/user-edit/"> <a href="/user-edit/">
<span class="icon icon-pencil"> <span class="icon icon-pencil" title="Edit profile">
<span class="is-sr-only">Edit profile</span> <span class="is-sr-only">Edit profile</span>
</span> </span>
</a> </a>