From b62f217bbd0353ac85b88c60ebc7d71d1ec66674 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Tue, 2 May 2023 11:31:38 +0200
Subject: [PATCH] feat: ajout lien de skip

Fixes #16
---
 404.php                     |  2 +-
 archive.php                 |  2 +-
 category-blog.php           |  2 +-
 category.php                |  2 +-
 components/navbar-pages.php |  2 +-
 header.php                  |  3 +++
 index.php                   |  2 +-
 page-about.php              |  2 +-
 page-links.php              |  2 +-
 page-roman.php              |  2 +-
 page.php                    |  2 +-
 scss/utils/_a11y.scss       | 15 +++++++++++++++
 search.php                  |  2 +-
 single-notitle.php          |  2 +-
 single.php                  |  2 +-
 style.css                   | 13 +++++++++++++
 tag.php                     |  2 +-
 taxonomy-roman.php          |  2 +-
 18 files changed, 46 insertions(+), 15 deletions(-)
diff --git a/404.php b/404.php
index e3ed6e8..a677e20 100644
--- a/404.php
+++ b/404.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-<main>
+<main id="skip">
   <div class="card head-danger">
     <div class="card-header"><i class="fa fa-folder-exclamation-mark" aria-hidden="true"></i> 404 Not Found</div>
     <div class="card-body">
diff --git a/archive.php b/archive.php
index f28d954..68ed015 100644
--- a/archive.php
+++ b/archive.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php kspace_cat_breadcrumb(get_the_archive_title(), 'calendar'); ?>
   <?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
 </main>
diff --git a/category-blog.php b/category-blog.php
index d7e23f4..64408a0 100644
--- a/category-blog.php
+++ b/category-blog.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php $category = get_category( get_query_var( 'cat' ) );
     kspace_cat_breadcrumb_with_rss(single_cat_title('', false), 'folder-open', 'la catégorie',  get_category_link( $category->cat_ID ) . '/feed' );
   ?>
diff --git a/category.php b/category.php
index e30ae0a..286475a 100644
--- a/category.php
+++ b/category.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php $category = get_category( get_query_var( 'cat' ) );
     kspace_cat_breadcrumb_with_rss(single_cat_title('', false), 'folder-open', 'la catégorie',  get_category_link( $category->cat_ID ) . '/feed' );
   ?>
diff --git a/components/navbar-pages.php b/components/navbar-pages.php
index db51ce1..c5741b4 100644
--- a/components/navbar-pages.php
+++ b/components/navbar-pages.php
@@ -1,6 +1,6 @@
 <div class="osd">
   <div class="container menu toolbar fg-light d-none d-flex-sm">
-    <nav>
+    <nav class="d-flex">
       <h2 class="sr-only">Menu des pages</h2>
       <ul>
         <li>
diff --git a/header.php b/header.php
index a07ffff..42d386c 100644
--- a/header.php
+++ b/header.php
@@ -29,6 +29,9 @@
 
 <!-- Début du vrai HTML -->
 <body>
+	<div class="bg-dark skip small-text">
+		<a href="#skip">Accéder au contenu</a>
+	</div>
   <div id="wrapper">
     <?php include(TEMPLATEPATH . '/components/header-content.php'); ?>
     <div class="container-blog">
diff --git a/index.php b/index.php
index 06f1341..6af1b40 100644
--- a/index.php
+++ b/index.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-<main>
+<main id="skip">
   <h1 class="page-title">Publications</h1>
 	<?php include(TEMPLATEPATH . '/components/preview-grid.php'); ?>
 </main>
diff --git a/page-about.php b/page-about.php
index 2d177f0..df55995 100644
--- a/page-about.php
+++ b/page-about.php
@@ -1,6 +1,6 @@
 <?php /* Template Name: page-about */ ?>
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
 
   <article class="article-content container-article" id="post-<?php the_ID(); ?>">
diff --git a/page-links.php b/page-links.php
index 6c14608..52cd027 100644
--- a/page-links.php
+++ b/page-links.php
@@ -1,6 +1,6 @@
 <?php /* Template Name: page-links */ ?>
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
 
   <article class="article-content" id="post-<?php the_ID(); ?>">
diff --git a/page-roman.php b/page-roman.php
index 0d08582..f5df348 100644
--- a/page-roman.php
+++ b/page-roman.php
@@ -1,6 +1,6 @@
 <?php /* Template Name: page-romans */ ?>
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
   <?php kspace_cat_breadcrumb('Romans', 'book'); ?>
 
diff --git a/page.php b/page.php
index 3dd419f..d67cea0 100644
--- a/page.php
+++ b/page.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
 
   <article class="article-content" id="post-<?php the_ID(); ?>">
diff --git a/scss/utils/_a11y.scss b/scss/utils/_a11y.scss
index e4d5167..3c02746 100644
--- a/scss/utils/_a11y.scss
+++ b/scss/utils/_a11y.scss
@@ -6,3 +6,18 @@
   visibility: collapse;
   font-size:0;
 }
+
+.skip {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
+.skip:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+}
\ No newline at end of file
diff --git a/search.php b/search.php
index 99f9da8..0ed6d79 100644
--- a/search.php
+++ b/search.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
     <h1 class="page-title"><i class="fa fa-fw fa-search" aria-hidden="true"></i><?php _e('', 'sandbox') ?> Recherche pour le terme « <?php echo get_search_query(); ?> »</h1>
 
     <?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
diff --git a/single-notitle.php b/single-notitle.php
index 400c929..cc573c4 100644
--- a/single-notitle.php
+++ b/single-notitle.php
@@ -5,7 +5,7 @@ Template Post Type: post
 */
 
 ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
   <?php $haveTitle = false; ?>
   <?php include(TEMPLATEPATH . '/components/article.php'); ?>
 
diff --git a/single.php b/single.php
index 137efd4..c31a3ba 100644
--- a/single.php
+++ b/single.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
 
   <?php $haveTitle = true; ?>
   <?php include(TEMPLATEPATH . '/components/article.php'); ?>
diff --git a/style.css b/style.css
index ae733fa..0ed355c 100644
--- a/style.css
+++ b/style.css
@@ -1549,6 +1549,19 @@ textarea {
   visibility: collapse;
   font-size: 0; }
 
+.skip {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden; }
+
+.skip:focus-within {
+  position: static;
+  width: auto;
+  height: auto; }
+
 /* 1.1 - Alignement classes
  * Handle easily alignement and flexboxes
 **/
diff --git a/tag.php b/tag.php
index 4aab5d9..326e5ff 100644
--- a/tag.php
+++ b/tag.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
     <?php $tag = get_category( get_query_var( 'tag' ) );
       kspace_cat_breadcrumb_with_rss(single_cat_title('', false), 'tag', 'RSS du tag',  get_tag_link( $tag->cat_ID ) . '/feed' );
     ?>
diff --git a/taxonomy-roman.php b/taxonomy-roman.php
index ad2202c..4c79f90 100644
--- a/taxonomy-roman.php
+++ b/taxonomy-roman.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?> <!-- ouvrir header,php -->
-<main>
+<main id="skip">
     <?php kspace_cat_breadcrumb(single_cat_title('', false), 'book'); ?>
 
     <img class="cover" src="<?php
