Improve cursor pagination template accessibility in browsable API (#9905)

Co-authored-by: Asif Saif Uddin {"Auvi":"অভি"} <auvipy@gmail.com>
Co-authored-by: Bruno Alla <browniebroke@users.noreply.github.com>

Author: 3 people

rest_framework/templates/rest_framework/pagination/previous_and_next.html

@@ -1,21 +1,21 @@
 <ul class="pager">
   {% if previous_url %}
     <li class="previous">
-      <a href="{{ previous_url }}">&laquo; Previous</a>
+      <a href="{{ previous_url }}" rel="prev" aria-label="Previous page">&laquo; Previous</a>
     </li>
   {% else %}
-    <li class="previous disabled">
-      <a href="#">&laquo; Previous</a>
+    <li class="previous disabled" aria-disabled="true">
+      <a href="#" tabindex="-1" aria-disabled="true">&laquo; Previous</a>
     </li>
   {% endif %}
 
   {% if next_url %}
     <li class="next">
-      <a href="{{ next_url }}">Next &raquo;</a>
+      <a href="{{ next_url }}" rel="next" aria-label="Next page">Next &raquo;</a>
     </li>
   {% else %}
-    <li class="next disabled">
-      <a href="#">Next &raquo;</a>
+    <li class="next disabled" aria-disabled="true">
+      <a href="#" tabindex="-1" aria-disabled="true">Next &raquo;</a>
     </li>
   {% endif %}
-</ul>
+</ul>