per w3c/w3c-website#671, .clean-list and role="list" shouldn't be necessary

Author: jean-gui

design-system-templates/example-pages/profile.html.twig

@@ -18,7 +18,7 @@
 
         <nav id="profile-nav" aria-label="Details">
             <div class="profile-nav__inner">
-                <ul class="clean-list" role="list">
+                <ul>
                     <li><a href="#" aria-current="true">Overview</a></li>
                     <li><a href="path/to/page">Edit profile</a></li>
                     <li><a href="path/to/page">Calendar</a></li>
@@ -39,4 +39,4 @@
 {% endblock %}
 
 {% block scripts %}
-{% endblock %}
+{% endblock %}

templates/components/styles/pagination.html.twig

@@ -24,17 +24,23 @@
                 <li><a class="ellipsis">&#8230;</a></li>
             {% endif %}
 
-            {% for page in pagination.pageLinks %}
+            {% for pageInfo in pagination.pageLinks %}
+                {% if pageInfo is iterable %}
+                    {% set page = pageInfo.value %}
+                    {% set label = pageInfo.label %}
+                {% else %}
+                    {% set page = pageInfo %}
+                {% endif %}
                 {% if page != pagination.page %}
                     <li>
                         <a href="{{ path(route, query|merge({page: page})) }}">
-                            {{ 'pagination.page'|trans({page: page}, 'w3c_website_templates_bundle') }}
+                            {{ label|default('pagination.page'|trans({page: page}, 'w3c_website_templates_bundle')) }}
                         </a>
                     </li>
                 {% else %}
                     <li>
                         <a href="{{ path(route, query|merge({page: page})) }}" aria-current="page">
-                            {{ 'pagination.current_page'|trans({page: page}, 'w3c_website_templates_bundle') }}
+                            {{ label|default('pagination.current_page'|trans({page: page}, 'w3c_website_templates_bundle')) }}
                         </a>
                     </li>
                 {% endif %}

templates/pages/profile.html.twig

@@ -12,7 +12,7 @@
             {% if page.related_pages|length > 0 %}
                 <nav id="profile-nav" aria-label="{{ profile_nav_title|default('profile_page.nav.title'|trans({}, 'w3c_website_templates_bundle')) }}">
                     <div class="profile-nav__inner">
-                        <ul class="clean-list" role="list">
+                        <ul>
                             {% block profile_nav_entries %}
                                 {% for link in page.related_pages %}
                                     {% if link.current is defined and link.current %}