/*USEFULL CLASSES */
/******************/
+.sr-only {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
ul.distributed{
display:table;
<form action="{% url 'newsArchives' %}" id="search-form">
<input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"></button>
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</form>
<ul class="custom list newsList">
<h5 class="sectionLabel">Épisodes <a title="Podcasts" class="button icon-rss inBlock" href="{% url 'emission-podcasts' slug=emission.slug%}"></a></h5>
<form method="get" action="{% url 'emissionEpisodes' slug=emission.slug %}" class="" id="search-form">
<input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"></button>
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</form>
{% if futurEpisodes %}
<form action="{% url 'newsArchives' %}" id="search-form">
<input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"></button>
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</form>
<ul class="custom list newsList">
-{% load soundfiles paniktags %}
+{% load soundfiles paniktags i18n %}
{% if sound|is_format_available:'mp3' or sound|is_format_available:'ogg' %}
<div class="audio" data-sound-id="{{ sound.id }}">
{% if not embed %}
<button class="resymbol icon-plus-sign big"
- title="Add to playlist"
+ title="{% trans "Add to playlist" %}"
data-player-audio="Audio-{{ sound.file.url|slugify }}"
data-player-action="registerAudio"
id="addToPlaylist-{{ sound.file.url|slugify }}"
- ></button>
+ ><span class="sr-only">{% trans "Add to playlist" %}</span></button>
{% endif %}
<button class="resymbol icon-play-sign big"
- title="Play"
+ title="{% trans "Play" %}"
data-player-audio="Audio-{{ sound.file.url|slugify }}"
data-player-action="playAudio"
- ></button>
+ ><span class="sr-only">{% trans "Play" %}</span></button>
{% if embed %}
<button class="icons icon-pause big"
- title="Pause"
+ title="{% trans "Pause" %}"
style="display: none;"
data-player-audio="Audio-{{ sound.file.url|slugify }}"
data-player-action="pauseSounds"
- ></button>
+ ><span class="sr-only">{% trans "Pause" %}</span></button>
{% endif %}
<button class="resymbol icon-download big"
- title="Download file"
+ title="{% trans "Download file" %}"
onclick="$(this).next().toggleClass('hidden-download-links');return false;"
- ></button>
+ ><span class="sr-only">{% trans "Download file" %}</span></button>
<div class="download-links hidden-download-links">
{% if sound|is_format_available:'ogg' %}
<a target="_blank" class="button inBlock" href="{{ sound|format_url:'ogg' }}">
</div>
{% if not embed %}
<button class="icon-share icons big"
- title="Embed"
+ title="{% trans "Embed" %}"
data-popup-href="{% url 'soundfile-dialog-embed-view' emission_slug=sound.episode.emission.slug episode_slug=sound.episode.slug pk=sound.pk %}"
- ></button>
+ ><span class="sr-only">{% trans "Embed" %}</span></button>
{% endif %}
</div>
{% if display_fragment_name %}
<div id="Playlist" class="cf">
<div id="localList" class="padded" style="display: none;">
<div id="playlistLabel">
- <button title="Empty playlist" id="emptyList" class="icon-trash button" style="float:right;"></button>
+ <button title="{% trans "Empty playlist" %}" id="emptyList" class="icon-trash button" style="float:right;"><span class="sr-only">{% trans "Empty playlist" %}</span></button>
</div>
</div>
</div>
<form action="{% url 'listenArchives' %}" id="search-form">
<input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"></button>
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</form>
<ul class="custom list soundfilesList">
{% for tag in selected_tags %}
<input type="hidden" name="selected_facets" value="tags_exact:{{tag}}"/>
{% endfor %}
- {{ form.as_table }}<button class="icon-search"></button>
+ {{ form.as_table }}
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</div>
</form>
<form action="{% url 'newsArchives' %}" id="search-form">
<input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"></button>
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</form>
<ul class="custom list newsList">
{% for tag in selected_tags %}
<input type="hidden" name="selected_facets" value="tags_exact:{{tag}}"/>
{% endfor %}
- {{ form.as_table }}<button class="icon-search"></button>
+ {{ form.as_table }}
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</div>
</form>
<div class="wrapper">
<nav>
<form method="get" action="." class="big marged" id="search-form">
- {{ form.as_table }}<button class="icon-search"></button>
+ {{ form.as_table }}
+ <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
</form>
</nav>
</div>