From aa6da25f893d9ae4b0b005af856d21726bbc8828 Mon Sep 17 00:00:00 2001
From: Mimi <1119186082@qq.com>
Date: Mon, 21 Nov 2022 15:19:44 +0800
Subject: [PATCH] Improve accessibility (#597)

---
 layout/_partials/header/brand.njk |  2 +-
 layout/_partials/pagination.njk   |  9 +--------
 scripts/helpers/next-paginator.js | 18 ++++++++++++++++++
 3 files changed, 20 insertions(+), 9 deletions(-)
 create mode 100644 scripts/helpers/next-paginator.js

diff --git a/layout/_partials/header/brand.njk b/layout/_partials/header/brand.njk
index 9299960..04a9591 100644
--- a/layout/_partials/header/brand.njk
+++ b/layout/_partials/header/brand.njk
@@ -28,7 +28,7 @@
   </div>
 
   <div class="site-nav-right">
-    <div class="toggle popup-trigger">
+    <div class="toggle popup-trigger" aria-label="{{ __('menu.search') }}" role="button">
       {%- if theme.algolia_search.enable or theme.local_search.enable %}
         <i class="fa fa-search fa-fw fa-lg"></i>
       {%- endif %}
diff --git a/layout/_partials/pagination.njk b/layout/_partials/pagination.njk
index ecd0c1a..2f4097d 100644
--- a/layout/_partials/pagination.njk
+++ b/layout/_partials/pagination.njk
@@ -1,12 +1,5 @@
 {%- if page.prev or page.next %}
   <nav class="pagination">
-    {{
-      paginator({
-        prev_text: '<i class="fa fa-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',
-        next_text: '<i class="fa fa-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',
-        mid_size : 1,
-        escape   : false
-      })
-    }}
+    {{ next_paginator() }}
   </nav>
 {%- endif %}
diff --git a/scripts/helpers/next-paginator.js b/scripts/helpers/next-paginator.js
new file mode 100644
index 0000000..6d12419
--- /dev/null
+++ b/scripts/helpers/next-paginator.js
@@ -0,0 +1,18 @@
+/* global hexo */
+
+'use strict';
+
+hexo.extend.helper.register('next_paginator', function() {
+  const prev = this.__('accessibility.prev_page');
+  const next = this.__('accessibility.next_page');
+  let paginator = this.paginator({
+    prev_text: '<i class="fa fa-angle-left"></i>',
+    next_text: '<i class="fa fa-angle-right"></i>',
+    mid_size : 1,
+    escape   : false
+  });
+  paginator = paginator
+    .replace('rel="prev"', `rel="prev" title="${prev}" aria-label="${prev}"`)
+    .replace('rel="next"', `rel="next" title="${next}" aria-label="${next}"`);
+  return paginator;
+});