TODO.txt

Keyboard accessibility issues:

FIrefox OSX:
https://www.scottohara.me/blog/2014/10/03/link-tabbing-firefox-osx.html

Safari OSX:

Aria-label vs tabindex="-1"

COMPONENTS ADDED AFTER PAGE LOAD
CAROUSEL -- NEW ITEMS AFTER PAGE LOAD.

EDITING VTT FILES FROM TEAMS:

1) Open Visual Studio Code with the vtt file and do a reg ex searchon this:

([^0-9])\n([^\r\n0-9])

And replace with this;

$1 $2


2) Do a sync on the subtitles (there will be a delta of about X seconds -- i think it's about 10 ... not sure).

3) Do a repetitive Tools -> Break/split small links

4) Do a spell check

5) Go over copy once over in Visual Studio code.

6) Go over copy again in Subtitle Edit.












NEED TO LOOK AT MOBILE TOOLTIPS.
INTERPOLATE.JS and other modules.
RECHECK ES6 MODULE INFO.
ACCESSIBILITY OF CODE WALKTHROUGH.

mobile discovery through feeling (Sara S's post on checkmarks) - see if it works with our carousel as well.

remove alerts.
check init() is being called once.

I think we need to put all the a11y modules (accessibility.js, text-zoom-event.js, etc) in this project.

npm.php
webpack.php

Multilanguage sections of a page.


Meta info and title framework.

review content with Flesch-Kincaid reading ease test https://www.webfx.com/tools/read-able/flesch-kincaid.html

alert.php: output tag.
pausable animated GIF respecting global pause button
bin - CORS.

slider - documentation rewrite to talk about initial HTML onload.

match names of CSS, JS, classes and exports.
disabled button bug in paginate.js

SEPERATE tasks with Cgi-bin

SHOWCODE for blind users. - talk to Ritesh.
ENABLE LOGO text size issue.
Pause animations button focus order issue?

test new NPM mods with a build process: text-zoom-resize, accessibility, ableplayer
write about polyfill not necessary in chrome and difference.

Do we need mobile visible on focus for the header? 
requestAnimationFrame fix writeup.

README:
<?php ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);    ?>

SVG in Windows High Contrast mode.

form.php - put aria fieldsets in form-error page and search in its own page.

PAGES TO BE DONE:
FOCUS STYLING
pager.php
alert-dialog.php
animated-hide-show.php
bottom-fixed-navigation.php
date.php
form.php
index2.php - this should be put into the landmarks page.
read-more.php
redirect.php
text-contrast.php
zoomable-viewport-units.php

VIDEOS FOR:
focus-styling.php
skip-links
slider
select box
autocomplete
tablist
tooltip
carousel
modal dialog
table




jsdoc


- module server side parse test
- eslint
- showcode demo page.
- less lint
- focus Windows High Contrast
- refactor initEvent calls

template.php (it's referenced in interpolate.js)
readmore.php
NPM accessibility
radiogroup vs checkbox ??? 

send permission emails.

tests:
 - all pages pause
 - all pages play
 - all pages mobile/desktop/mobile

Files to put in:
alert-dialog
dialog
form.php - need to extract the search form from the page.
zoomable-viewport-units.php
text-contrast.php

Files to archive:
animated-hide-show.php
bottom-fixed-navigation.php
date.php
index2.php - change this to landmarks.php
menu.php
read-more.php

Files to remove: 
dialog-document.php grid.php group.php hamburger.php listbox-old.php pause-testing.php roles.php role-tabs.php set.php slider-old.php template.php tree.php



======

17 results - 15 files

content/head/carousel.php:
  1: <link href="node_modules/glider-js/glider.css" rel="stylesheet" >

js/demos/accessible-text-svg.js:
  2: import textZoomEvent from '../../node_modules/text-zoom-event/dist/textZoomEvent.module.js';

js/demos/dialog-example.js:
  43:   import ('../../node_modules/dialog-polyfill/index.js')

js/demos/form.js:
  11: import '../node_modules/jquery/dist/jquery.min.js';
  12: import '../node_modules/jquery-validation/dist/jquery.validate.min.js';
  13: import accessibility from '../../node_modules/accessibility-js-routines/dist/accessibility.module.js';

js/demos/hero-image-text-resize.js:
  15: import textZoomEvent from '../../node_modules/text-zoom-event/dist/textZoomEvent.module.js';

js/libs/dialog-focus-restore.js:
  13: import accessibility from '../../node_modules/accessibility-js-routines/dist/accessibility.module.js';

js/modules/ablePlayerCustomizations.js:
  17: import '../node_modules/jquery/dist/jquery.min.js';

js/modules/combobox.js:
  19: import accessibility from "../../node_modules/accessibility-js-routines/dist/accessibility.module.js";

js/modules/enable-carousel.js:
  16: import '../node_modules/glider-js/glider.js';

js/modules/enable-listbox.js:
  16: import accessibility from '../../node_modules/accessibility-js-routines/dist/accessibility.module.js';

js/modules/hamburger.js:
  17: import accessibility from "../../node_modules/accessibility-js-routines/dist/accessibility.module.js"

js/modules/radiogroup.js:
  18: import accessibility from '../../node_modules/accessibility-js-routines/dist/accessibility.module.js';

js/modules/tabs.js:
  15: import accessibility from '../../node_modules/accessibility-js-routines/dist/accessibility.module.js';

old-php/carousel.php:
  8:     <link href="node_modules/glider-js/glider.css" rel="stylesheet" />

templates/includes/example-footer.php:
  11:     <script src="node_modules/indent.js/lib/indent.min.js"></script>