Nick Freear nfreear

## accessibility.iet-contrast-fix.css.html
<!doctype html><html lang="en"><meta charset=utf-8 ><title> IET contrast fixes demo </title>

  <style>
    :root {
      --grid: 35rem;
      --fix-a-opacity: 0.52;
      --fix-b-link-color: #44B4F8;
    }

    body { margin: 1rem auto; max-width: var(--grid); }

## accessibility.wai-aria.ajax-loading-demo.js.html
<!doctype html><html lang="en"><meta charset="utf-8">

<title> "More" button loading demo (WAI-ARIA) </title>

<style>
  body { margin: 1rem auto; max-width: 35rem; padding: .5rem; }
  main { font: 1rem/1.5 sans-serif; position: relative; }

  /* Accessibility / Usability - visually indicate new content.

## accessibility.sr-only.css.html
<!doctype html><html lang="en"><meta charset="utf-8"> <title> "sr-only" demo </title>

<style>
body { margin: 1rem auto; max-width: 35rem; }
pre { background: #f8f8f8; border: 1px solid #ccc; margin: 2rem 0; padding: .7rem; }

/* Accessibility.

  Hide from all BUT screen reader users - Aka "visually-hidden".

## interactiveaccessibility.com--keyboard-trap-example.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
  SOURCE :~ https://interactiveaccessibility.com/education/training/ex7.1.html
-->
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Training Examples - Keyboard Traps</title>
<link rel="stylesheet" href="css/formee-structure.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/formee-style.css" type="text/css" media="screen" />

## npm-outdated-filter-wanted.js
/**
 * NPM-Outdated-filter-wanted.js
 *
 * @author NDF, 02-Mar-2021.
 */

const exec = require('child_process').exec;

exec('npm outdated --json', (err, stdout, stderr) => {
  if (err instanceof Error && !stdout) {

## php-license-report-csv.js
/**
 * Work-in-progress!
 *
 * Parse PHP composer.json and composer.lock files to extract license information.
 *
 * OUTPUT:  CSV output to standard error.
 *
 * @author Nick Freear, 24-Feb-2021.
 */

## covid-widget-banner.html
<!doctype html> <title> COVID widget / banner </title>

<style>
  #covid-widget-nhs {
    position: relative;
    max-width: calc( 800px - ( 30px * 2 ) );
    height: 450px;
  }
  #covid-widget-nhs iframe {
    position: absolute; height: 100%; width: 100%; border: 2px solid #015eb8;

## admin.onlinesurveys.ac.uk--nick-admins-link-demo-1.json
{
  "class": "Survey",
  "id": 622090,
  "internal_title": "Nick-ADMINS-link-demo-1",
  "l10n": "en_GB",
  "runs": [
    {
      "class": "SurveyRun",
      "alert_frequency": 0,
      "alert_last_update": 0,

## webchat.suggested-actions.css.html
<!doctype html> <title> *Suggested action buttons </title>

<style>
  body { margin: 1rem auto; max-width: 35rem; }
  button {
    background: rgb(182, 14, 1);
    border: 2px solid rgb(182, 14, 1);
    color: #fff;
    font-size: 1.1rem;
    padding: 1.25rem;

## ignore-colors.js.html
<!doctype html> <meta charset=utf-8 /> <title> *Video test / Ignore colours </title>

<style>
  .X.body > div { background: #eee; color: #333; }
</style>

<div>
<h1> Ignore colours </h1>

<p> This Javascript works in Windows <q>High Contrast</q> mode, but not in Mac OS <q>Invert Colors</q> mode. </p>
	<!doctype html><html lang="en"><meta charset=utf-8 ><title> IET contrast fixes demo </title>

	<style>
	:root {
	--grid: 35rem;
	--fix-a-opacity: 0.52;
	--fix-b-link-color: #44B4F8;
	}

	body { margin: 1rem auto; max-width: var(--grid); }
	<!doctype html><html lang="en"><meta charset="utf-8">

	<title> "More" button loading demo (WAI-ARIA) </title>

	<style>
	body { margin: 1rem auto; max-width: 35rem; padding: .5rem; }
	main { font: 1rem/1.5 sans-serif; position: relative; }

	/* Accessibility / Usability - visually indicate new content.
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<!--
	SOURCE :~ https://interactiveaccessibility.com/education/training/ex7.1.html
	-->
	<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Training Examples - Keyboard Traps</title>
	<link rel="stylesheet" href="css/formee-structure.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/formee-style.css" type="text/css" media="screen" />
	/**
	* NPM-Outdated-filter-wanted.js
	*
	* @author NDF, 02-Mar-2021.
	*/

	const exec = require('child_process').exec;

	exec('npm outdated --json', (err, stdout, stderr) => {
	if (err instanceof Error && !stdout) {
	/**
	* Work-in-progress!
	*
	* Parse PHP composer.json and composer.lock files to extract license information.
	*
	* OUTPUT: CSV output to standard error.
	*
	* @author Nick Freear, 24-Feb-2021.
	*/
	{
	"class": "Survey",
	"id": 622090,
	"internal_title": "Nick-ADMINS-link-demo-1",
	"l10n": "en_GB",
	"runs": [
	{
	"class": "SurveyRun",
	"alert_frequency": 0,
	"alert_last_update": 0,
	<!doctype html> <title> *Suggested action buttons </title>

	<style>
	body { margin: 1rem auto; max-width: 35rem; }
	button {
	background: rgb(182, 14, 1);
	border: 2px solid rgb(182, 14, 1);
	color: #fff;
	font-size: 1.1rem;
	padding: 1.25rem;
	<!doctype html> <meta charset=utf-8 /> <title> *Video test / Ignore colours </title>

	<style>
	.X.body > div { background: #eee; color: #333; }
	</style>

	<div>
	<h1> Ignore colours </h1>

	<p> This Javascript works in Windows <q>High Contrast</q> mode, but not in Mac OS <q>Invert Colors</q> mode. </p>