Updated all of the offscreen classes and AccDC API processes to use a…

… new offscreen class that includes clip-path plus white-space properties to account for new browser and AT support differences

AccDC Technical Style Guide/1 AccDC API/For Dojo/acc.dc.api.js.uncompressed.js

@@ -1,12 +1,12 @@
 /*!
-AccDC API - 3.2 for Dojo (01/25/2016)
+AccDC API - 3.2 for Dojo (10/17/2016)
 Copyright 2010-2016 Bryan Garaventa (WhatSock.com)
 Part of AccDC, a Cross-Browser JavaScript accessibility API, distributed under the terms of the Open Source Initiative OSI - MIT License
 */
 define("dojo/acc.dc.api", ["./query!css3", "./on", "./ready", "./request", "./html", "./dom-construct", "./request/script"],
 function(dojoQuery, dojoOn, dojoReady, dojoRequest, dojoHtml, dojoConst, dojoScript, undefined){
 
-var accDCVersion = '3.2 (01/25/2016)',
+var accDCVersion = '3.2 (10/17/2016)',
 document = window.document,
 accDC = {},
 
@@ -226,23 +226,25 @@ sraCSS = {
 position: 'absolute',
 clip: 'rect(1px 1px 1px 1px)',
 clip: 'rect(1px, 1px, 1px, 1px)',
+clipPath: 'inset(50%)',
 padding: 0,
 border: 0,
 height: '1px',
 width: '1px',
 overflow: 'hidden',
-zIndex: -1000
+whiteSpace: 'nowrap'
 },
 
 sraCSSClear = function(o){
 css(o, {
 position: '',
 clip: 'auto',
+clipPath: 'none',
 padding: '',
 height: '',
 width: '',
 overflow: '',
-zIndex: ''
+whiteSpace: 'normal'
 });
 return o;
 },

AccDC Technical Style Guide/1 AccDC API/For MooTools/Acc.DC.API.U.js

@@ -1,11 +1,11 @@
 /*!
-AccDC API - 3.2 for MooTools (01/25/2016)
+AccDC API - 3.2 for MooTools (10/17/2016)
 Copyright 2010-2016 Bryan Garaventa (WhatSock.com)
 Part of AccDC, a Cross-Browser JavaScript accessibility API, distributed under the terms of the Open Source Initiative OSI - MIT License
 */
 (function($, undefined){
 
-var accDCVersion = '3.2 (01/25/2016)',
+var accDCVersion = '3.2 (10/17/2016)',
 document = window.document,
 accDC = {},
 
@@ -254,23 +254,25 @@ sraCSS = {
 position: 'absolute',
 clip: 'rect(1px 1px 1px 1px)',
 clip: 'rect(1px, 1px, 1px, 1px)',
+clipPath: 'inset(50%)',
 padding: 0,
 border: 0,
 height: '1px',
 width: '1px',
 overflow: 'hidden',
-zIndex: -1000
+whiteSpace: 'nowrap'
 },
 
 sraCSSClear = function(o){
 css(o, {
 position: '',
 clip: 'auto',
+clipPath: 'none',
 padding: '',
 height: '',
 width: '',
 overflow: '',
-zIndex: ''
+whiteSpace: 'normal'
 });
 return o;
 },

AccDC Technical Style Guide/1 AccDC API/For jQuery/Acc.DC.API.U.js

@@ -1,11 +1,11 @@
 /*!
-AccDC API - 3.2 for jQuery (01/25/2016)
+AccDC API - 3.2 for jQuery (10/17/2016)
 Copyright 2010-2016 Bryan Garaventa (WhatSock.com)
 Part of AccDC, a Cross-Browser JavaScript accessibility API, distributed under the terms of the Open Source Initiative OSI - MIT License
 */
 (function(pL){
 
-var accDCVersion = '3.2 (01/25/2016)',
+var accDCVersion = '3.2 (10/17/2016)',
 
 getEl = function(e){
 if (document.getElementById) return document.getElementById(e);
@@ -203,23 +203,25 @@ sraCSS = {
 position: 'absolute',
 clip: 'rect(1px 1px 1px 1px)',
 clip: 'rect(1px, 1px, 1px, 1px)',
+clipPath: 'inset(50%)',
 padding: 0,
 border: 0,
 height: '1px',
 width: '1px',
 overflow: 'hidden',
-zIndex: -1000
+whiteSpace: 'nowrap'
 },
 
 sraCSSClear = function(o){
 css(o, {
 position: '',
 clip: 'auto',
+clipPath: 'none',
 padding: '',
 height: '',
 width: '',
 overflow: '',
-zIndex: ''
+whiteSpace: 'normal'
 });
 return o;
 },

AccDC Technical Style Guide/1 AccDC API/Standalone/Acc.DC.API.U.js

@@ -1,11 +1,11 @@
 /*!
-AccDC API - 3.2 Standalone (01/25/2016)
+AccDC API - 3.2 Standalone (10/17/2016)
 Copyright 2010-2016 Bryan Garaventa (WhatSock.com)
 Part of AccDC, a Cross-Browser JavaScript accessibility API, distributed under the terms of the Open Source Initiative OSI - MIT License
 */
 (function( window, undefined ) {
 
-var accDCVersion = '3.2 (01/25/2016)',
+var accDCVersion = '3.2 (10/17/2016)',
 document = window.document,
 accDC = {},
 
@@ -225,23 +225,25 @@ sraCSS = {
 position: 'absolute',
 clip: 'rect(1px 1px 1px 1px)',
 clip: 'rect(1px, 1px, 1px, 1px)',
+clipPath: 'inset(50%)',
 padding: 0,
 border: 0,
 height: '1px',
 width: '1px',
 overflow: 'hidden',
-zIndex: -1000
+whiteSpace: 'nowrap'
 },
 
 sraCSSClear = function(o){
 css(o, {
 position: '',
 clip: 'auto',
+clipPath: 'none',
 padding: '',
 height: '',
 width: '',
 overflow: '',
-zIndex: ''
+whiteSpace: 'normal'
 });
 return o;
 },

AccDC Technical Style Guide/AccDC Technical Style Guide.htm

@@ -379,12 +379,13 @@ <h3 class="control"><button id="tgl-1-6">Offscreen Text</button></h3>
 position: absolute;
 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 clip: rect(1px, 1px, 1px, 1px);
+clip-path: inset(50%);
 padding: 0;
 border: 0;
 height: 1px; 
 width: 1px; 
 overflow: hidden;
-z-index: -1000;
+white-space: nowrap;
 }
 </pre>
                             <p> This styling configuration is based on the research done by Thierry Koblentz, which is more fully described at

AccDC Technical Style Guide/Coding Arena/_common/css/global.css

@@ -311,13 +311,13 @@ nav h2, aside h2 {
 	position: absolute;
 	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 	clip: rect(1px, 1px, 1px, 1px);
-	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
+	clip-path: inset(50%);
 	padding: 0;
 	border: 0;
 	height: 1px; 
 	width: 1px; 
 	overflow: hidden;
-	z-index: -1000;
+	white-space: nowrap;
 }
 
 nav li {list-style-type: none;}

AccDC Technical Style Guide/_doc_files/css/global.css

@@ -388,13 +388,13 @@ nav h2, aside h2 {
 	position: absolute;
 	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 	clip: rect(1px, 1px, 1px, 1px);
-	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
+	clip-path: inset(50%);
 	padding: 0;
 	border: 0;
 	height: 1px; 
 	width: 1px; 
 	overflow: hidden;
-	z-index: -1000;
+	white-space: nowrap;
 }
 
 nav li {list-style-type: none;}

Dependencies.txt

@@ -48,12 +48,13 @@ To hide all contained elements and text from sighted users, while at the same ti
 position: absolute;
 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 clip: rect(1px, 1px, 1px, 1px);
+clip-path: inset(50%);
 padding: 0;
 border: 0;
 height: 1px; 
 width: 1px; 
 overflow: hidden;
-z-index: -1000;
+white-space: nowrap;
 }
 
 This is referred to as Screen Reader Accessible Hidden Text or Off Screen Text, and will ensure that the element and all content within is invisible for sighted users, while at the same time keeping it visible to screen readers.

README.md

@@ -1,4 +1,4 @@
-AccDC Technical Style Guide for jQuery (09/10/2016)
+AccDC Technical Style Guide for jQuery (10/17/2016)
 ===
 
 The AccDC Technical Style Guide is designed to provide reliable and consistent interaction designs that are accessible to the highest percentage of people possible, and to establish a baseline for Functional Accessibility that can be utilized, built upon, studied, and tested against.