Add default mu-plugin for FacetWP (a11y)

default-facetwp-a11y.php

@@ -0,0 +1,137 @@
+<?php
+/*
+Plugin Name: Default - FacetWP a11y
+Version: 1.1.2
+Plugin URI: https://beapi.fr
+Description: Configurations and a11y enhancements for FacetWP.
+Author: Be API
+Author URI: https://beapi.fr
+----
+Copyright 2023 Be API Technical team ([email protected])
+This program is free software; you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation; either version 2 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+*/
+
+namespace BEAPI\Plugin_Defaults\FacetWP_Pager;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	die( 'Cannot access pages directly.' );
+}
+
+\add_filter( 'facetwp_pager_html', __NAMESPACE__ . '\\accessible_facetwp_pager_html', 10, 2 );
+\add_filter( 'facetwp_facet_html', __NAMESPACE__ . '\\accessible_facetwp_labels', 10, 2 );
+\add_filter( 'facetwp_load_a11y', '__return_true' );
+
+/**
+ * Add custom and accessible FacetWP pagination.
+ *
+ * @param $output
+ * @param $params
+ *
+ * @return string
+ *
+ * @author Egidio CORICA
+ *
+ */
+function accessible_facetwp_pager_html( $output, $params ): string {
+	$defaults    = [
+		'page'       => 1,
+		'per_page'   => 10,
+		'total_rows' => 1,
+	];
+	$params      = array_merge( $defaults, $params );
+	$output      = '';
+	$page        = (int) $params['page'];
+	$total_pages = (int) $params['total_pages'];
+
+	// Only show pagination when > 1 page
+	if ( 1 < $total_pages ) {
+
+		$text_page = esc_html__( 'Page', 'fwp-front' );
+		$text_of   = esc_html__( 'of', 'fwp-front' );
+		$step      = 10;
+
+		$output .= '<span class="facetwp-pager-label sr-only">' . "$text_page $page $text_of $total_pages</span>";
+
+		if ( $page > 1 ) {
+			$output .= '<a href="#" class="facetwp-page previouspostslink" data-page="' . ( $page - 1 ) . '">Précédent</a>';
+		} else {
+			$output .= '<span class="facetwp-page previouspostslink" aria-hidden="true" tabindex="-1" style="visibility: hidden"></span>';
+		}
+
+		if ( 3 < $page ) {
+			$output .= '<a href="#" class="facetwp-page first-page" data-page="1">
+        <span class="sr-only">Première page</span>
+        <span aria-hidden="true">1</span>
+        </a>';
+		}
+		if ( 1 < ( $page - $step ) ) {
+			$output .= '<span class="facetwp-page-more" aria-hidden="true">...</span>';
+		}
+
+		for ( $i = 2; $i > 0; $i -- ) {
+			if ( 0 < ( $page - $i ) ) {
+				$output .= '<a href="#" class="facetwp-page" data-page="' . ( $page - $i ) . '"><span class="sr-only">Page</span> ' . ( $page - $i ) . '</a>';
+			}
+		}
+
+		// Current page
+		$output .= '<a href="#" class="facetwp-page active" aria-current="true" data-page="' . $page . '"><span class="sr-only">Page courante</span> ' . $page . '</a>';
+
+		for ( $i = 1; $i <= 2; $i ++ ) {
+			if ( $total_pages >= ( $page + $i ) ) {
+				$output .= '<a href="#" class="facetwp-page" data-page="' . ( $page + $i ) . '"><span class="sr-only">Page</span> ' . ( $page + $i ) . '</a>';
+			}
+		}
+
+		if ( $total_pages > ( $page + $step ) ) {
+			$output .= '<span class="facetwp-page-more" aria-hidden="true">...</span>';
+		}
+
+		if ( $total_pages > ( $page + 2 ) ) {
+			$output .= '<a href="#" class="facetwp-page last-page" data-page="' . $total_pages . '">
+        <span class="sr-only">Dernière page</span>
+        <span aria-hidden="true">' . $total_pages . '</span>
+        </a>';
+		}
+
+		if ( $page < $total_pages && $total_pages > 1 ) {
+			$output .= '<a href="#" class="facetwp-page nextpostslink" data-page="' . ( $page + 1 ) . '">Suivant</a>';
+		} else {
+			$output .= '<span class="facetwp-page nextpostslink" aria-hidden="true" style="visibility: hidden;" tabindex="-1"></span>';
+		}
+	}
+
+	return $output;
+}
+
+/**
+ * Fix Labels for supported facets.
+ * Put in show_label_not_empty the facets that only need to be visible in they have results.
+ *
+ * @param string $html
+ * @param array $args
+ *
+ * @return string
+ */
+function accessible_facetwp_labels( string $html, array $args ): string {
+	$show_label_not_empty = [
+		'checkboxes',
+		'radio',
+	];
+
+	if ( ( true === in_array( $args['facet']['type'], $show_label_not_empty, true ) && ! empty( $args['values'] ) ) || false === in_array( $args['facet']['type'], $show_label_not_empty, true ) ) {
+		$html = sprintf( '<label class="facetwp-label" for="%s">%s</label>%s', esc_attr( $args['facet']['name'] ), esc_html( $args['facet']['label'] ), $html );
+	}
+
+	return $html;
+}