Improving accessibility of date hierarchy in the admin

[XChaitanyaX]

ticket - 36367

PR

Issues:

• The links doesn’t indicate what they do (at least when looking at them) and are also not accessible when using screen readers.
• And as the number of links in the hierarchy increases the hierarchy becomes longer.

Solutions:

For the links as they don’t indicate what they do, so here are some suggestions:

1. Add a label to indicate what the links would do something like below, but we need to pick what is the exact wording and styling to put in the label. (suggested by @sarahboyce) in django.contrib.admin.templates.admin.date_hierarchy.html

   <nav class="toplinks" aria-labelledby="date-hierarchy-label">
   <span id="date-hierarchy-label">
       {% blocktranslate %}Filter by {{ field_name }}{% endblocktranslate %}
   </span> 
   

2. Add a new heading like this (suggested by @Antoliny0919)

   

3. Do we need a drop-down menu in the date hierarchy if the links are too many?

So, I need some feedback or suggestions on how we approach this.