fhc header skiplink; cis4 skiplink css;

This commit is contained in:
Johann Hoffmann
2025-03-03 17:57:42 +01:00
parent e4317f7a94
commit 2b16d8940f
5 changed files with 54 additions and 1 deletions
+10
View File
@@ -227,3 +227,13 @@ function generateBackwardCompatibleJSMsIe($js)
echo "<![endif]-->\n";
}
/**
* Constructs an accessibility skipLink https://www.w3schools.com/accessibility/accessibility_skip_links.php
*/
function generateSkipLink($skipID)
{
$toPrint = '<a id="skiplink" href="';
$toPrint.=$skipID;
$toPrint.='" class="fhcSkipLink"></a>';
echo $toPrint;
}
@@ -8,6 +8,7 @@ $includesArray = array(
'tabulator5' => true, // TODO: upgrade to 6 when available
'vue3' => true,
'primevue3' => true,
'skipID' => '#fhccontent',
'vuedatepicker11' => true,
'customCSSs' => array(
'public/css/components/verticalsplit.css',
@@ -9,12 +9,15 @@
$title = isset($title) ? $title : null;
$refresh = isset($refresh) ? $refresh : null;
$customCSSs = isset($customCSSs) ? $customCSSs : null;
$skipID = isset($skipID) ? $skipID : null;
?>
<!-- Header start -->
<!DOCTYPE HTML>
<html>
<head>
<?php if($skipID) generateSkipLink($skipID); ?>
<title><?php printPageTitle($title); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">