From 2aa5eccc7cf2f7a09dd9b9efc9d2e579a4d0f4f1 Mon Sep 17 00:00:00 2001
From: Pieter Frenssen <pieter@frenssen.be>
Date: Wed, 23 Nov 2022 12:36:57 +0200
Subject: [PATCH] Add accessibility attributes to sortable table headers.
 (#3647)

---
 templates/macros/datatables.html.twig | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/templates/macros/datatables.html.twig b/templates/macros/datatables.html.twig
index 778c8290..20813b56 100644
--- a/templates/macros/datatables.html.twig
+++ b/templates/macros/datatables.html.twig
@@ -74,6 +74,11 @@
                             {% if title != 'actions' and not headerOptions.orderBy is same as(false) %}
                                 {% if orderBy == headerOptions.orderBy %}
                                     {% set headerClass = headerClass ~ ' sortable sorting_' ~ (order) %}
+                                    {% if order == 'asc' %}
+                                        {% set ariaSort = 'ascending' %}
+                                    {% else %}
+                                        {% set ariaSort = 'descending' %}
+                                    {% endif %}
                                 {% else %}
                                     {% set headerClass = headerClass ~ ' sortable sorting' %}
                                 {% endif %}
@@ -84,7 +89,7 @@
                             {% elseif title is not empty and title != 'actions' %}
                                 {% set headerTitle = (translationPrefix ~ title)|trans({}, translationDomain) %}
                             {% endif %}
-                            <th data-field="{{ title }}" {% if not headerOptions.orderBy is same as(false) %}data-order="{{ headerOptions.orderBy }}" {% endif %}class="{{ headerClass }}">
+                            <th data-field="{{ title }}" {% if not headerOptions.orderBy is same as(false) %}data-order="{{ headerOptions.orderBy }}" role="button" {% endif %}{% if ariaSort is defined %}aria-sort="{{ ariaSort }}" {% endif %}class="{{ headerClass }}">
                                 {% if headerOptions.html_before is defined %}
                                     {{ headerOptions.html_before|raw }}
                                 {% endif %}