Inform the user what page of the pager it is -- on top of the page as well

Question

When we create a View of pages we can give it a pager. That pager typically appears underneath the view. This can cause an accessibility problem of a user mistakenly clicking to go to a next page without understanding what the current page is, especially if the page is very long and the the fold of the new page doesn't indicate what is the current page on the pager series.

The pager is rendered as in the following screenshots.

How can I show the user the current page above the view as well?

Answer 1

You can use template_preprocess_views_view() hook to get current page number

function Mymodule_preprocess_views_view(&$vars){
  $view = $vars['view'];
  $id = $view->storage->id();
  if($id == 'view_name'){
   $pager_number = $view->pager->current_page;
   // current page key value start from 0 so add by 1
   // set current_page variable that can access in view twig
   $vars['current_page'] = $pager_number + 1;
  }
}

Note: Now you can use the "current_page" in views-view.html.twig by rendering like this: {{ current_page }} Make sure override view twig by view name displayed by theme suggestion

To override view twig can follow naming convention like this: views-view--machine_name.html.twig

Answer 2

In the View add a Header: Global: Text area and fill in the text:

[view:current-page]

There is a list with more pager variables in the section Available global token replacements.