mirror of
https://github.com/pretix/pretix.git
synced 2026-05-05 15:14:04 +00:00
More accessibility improvements
This commit is contained in:
@@ -230,9 +230,11 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="product-description {% if item.picture %}with-picture{% endif %}">
|
||||
<a href="#" data-toggle="variations">
|
||||
<strong>{{ item.name }}</strong>
|
||||
</a>
|
||||
<h4>
|
||||
<a href="#" data-toggle="variations">
|
||||
{{ item.name }}
|
||||
</a>
|
||||
</h4>
|
||||
{% if item.description %}
|
||||
<div class="product-description">
|
||||
{{ item.description|localize|rich_text }}
|
||||
@@ -273,9 +275,11 @@
|
||||
{% for var in item.available_variations %}
|
||||
<div class="row-fluid product-row variation">
|
||||
<div class="col-md-8 col-xs-12">
|
||||
<label for="variation_{{ item.pk }}_{{ var.pk }}">
|
||||
{{ var }}
|
||||
</label>
|
||||
<h5>
|
||||
<label for="variation_{{ item.pk }}_{{ var.pk }}">
|
||||
{{ var }}
|
||||
</label>
|
||||
</h5>
|
||||
{% if var.description %}
|
||||
<div class="variation-description">
|
||||
{{ var.description|localize|rich_text }}
|
||||
@@ -358,7 +362,9 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="product-description {% if item.picture %}with-picture{% endif %}">
|
||||
<label for="item_{{ item.pk }}"><strong>{{ item.name }}</strong></label>
|
||||
<h4>
|
||||
<label for="item_{{ item.pk }}">{{ item.name }}</label>
|
||||
</h4>
|
||||
{% if item.description %}
|
||||
<div class="product-description">
|
||||
{{ item.description|localize|rich_text }}
|
||||
|
||||
@@ -47,7 +47,9 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="product-description {% if item.picture %}with-picture{% endif %}">
|
||||
<strong>{{ item.name }}</strong>
|
||||
<h4>
|
||||
{{ item.name }}
|
||||
</h4>
|
||||
{% if item.description %}
|
||||
<div class="product-description">
|
||||
{{ item.description|localize|rich_text }}
|
||||
@@ -74,9 +76,11 @@
|
||||
{% for var in item.available_variations %}
|
||||
<div class="row-fluid product-row variation">
|
||||
<div class="col-md-8 col-xs-12">
|
||||
<label for="variation_{{ item.id }}_{{ var.id }}">
|
||||
{{ var }}
|
||||
</label>
|
||||
<h5>
|
||||
<label for="variation_{{ item.id }}_{{ var.id }}">
|
||||
{{ var }}
|
||||
</label>
|
||||
</h5>
|
||||
{% if var.description %}
|
||||
<div class="variation-description">
|
||||
{{ var.description|localize|rich_text }}
|
||||
@@ -150,7 +154,9 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="product-description {% if item.picture %}with-picture{% endif %}">
|
||||
<label for="item_{{ item.id }}"><strong>{{ item.name }}</strong></label>
|
||||
<h4>
|
||||
<label for="item_{{ item.id }}">{{ item.name }}</label>
|
||||
</h4>
|
||||
{% if item.description %}
|
||||
<div class="product-description">
|
||||
{{ item.description|localize|rich_text }}
|
||||
|
||||
5
src/pretix/static/pretixpresale/scss/_a11y.scss
Normal file
5
src/pretix/static/pretixpresale/scss/_a11y.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
@media speech {
|
||||
.fa {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -53,6 +53,17 @@
|
||||
&.variation label {
|
||||
font-weight: normal;
|
||||
}
|
||||
h4 {
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
h5 {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
.radio .variation-description {
|
||||
padding-left: 20px;
|
||||
|
||||
@@ -220,3 +220,4 @@ body.loading .container {
|
||||
}
|
||||
|
||||
@import "_iframe.scss";
|
||||
@import "_a11y.scss";
|
||||
|
||||
Reference in New Issue
Block a user