{# The pygal SVG conveys everything through shape and colour, so on its own it
   is opaque to assistive technology and to anyone who cannot distinguish the
   series hues. The graphic is marked decorative and the same numbers are
   offered as text: visually hidden (the chart already shows them), but part of
   the accessibility tree. #}
<div {% if c.id %}id="{{ c.id }}"{% endif %}
     class="fcu-chart {{ c.css_class if c.css_class }}"
     data-chart-type="{{ c.chart_type.value }}"
     role="figure"
     aria-labelledby="{{ c.id }}-chart-desc"
     up-source="{{ c.data_source }}"
     up-target="self"><span aria-hidden="true">{{ chart_svg|safe }}</span><span class="fcu-sr-only" id="{{ c.id }}-chart-desc">{{ chart_label }}{% if c.title %}: {{ c.title }}{% endif %}{% if chart_summary %}. {{ chart_summary }}{% endif %}</span></div>