Moved CSS to library and removed section from file.js (#2)

Luis Morales-Navarro · MathuraMG · commit bd97c4678ee5 · 2018-03-01T09:34:12.000-05:00
* Remove gitmodule (processing#509) * remove git modules * removed submodule and replaced interceptor for library * removed submodule and replaced interceptor for library (processing#510) * deleted comments * deleted jquery * deleted interceptor folder * delete interceptor * added jquery * removed jquery and updated accessible library cdn * Fixes processing#508 (processing#539) * removed submodule and replaced interceptor for library * deleted comments * deleted jquery * deleted interceptor folder * delete interceptor * added jquery * removed jquery and updated accessible library cdn * remove empty divs from files.js * fix merge error * remove empty divs from files.js * Fixes processing#508 (processing#545) * removed submodule and replaced interceptor for library * deleted comments * deleted jquery * deleted interceptor folder * delete interceptor * added jquery * removed jquery and updated accessible library cdn * remove empty divs from files.js * fix merge error * remove empty divs from files.js * moved accessible output css * removed css, added aria-label, preliminary cdn update * removed section from iframe * updated cdn
diff --git a/client/modules/IDE/components/PreviewFrame.jsx b/client/modules/IDE/components/PreviewFrame.jsx
@@ -205,16 +205,11 @@ class PreviewFrame extends React.Component {
     ];
     const accessiblelib = sketchDoc.createElement('script');
     accessiblelib.setAttribute(
-      'src', 'https://cdn.rawgit.com/MathuraMG/p5-accessibility/9cb5bd0b/dist/p5-accessibility.js'
+      'src', 'https://cdn.rawgit.com/MathuraMG/p5-accessibility/298ccdf6/dist/p5-accessibility.js'
     );
     const accessibleOutputs = sketchDoc.createElement('section');
     accessibleOutputs.setAttribute('id', 'accessible-outputs');
-    accessibleOutputs.style.position = 'absolute';
-    accessibleOutputs.style.left = '-1000px';
-    accessibleOutputs.style.top = 'auto';
-    accessibleOutputs.style.width = '1px';
-    accessibleOutputs.style.height = '1px';
-    accessibleOutputs.style.overflow = 'hidden';
+    accessibleOutputs.setAttribute('aria-label', 'accessible-output');
     if (this.props.textOutput) {
       sketchDoc.body.appendChild(accessibleOutputs);
       sketchDoc.body.appendChild(accessiblelib);
diff --git a/client/modules/IDE/reducers/files.js b/client/modules/IDE/reducers/files.js
@@ -21,9 +21,8 @@ const defaultHTML =
 
   </head>
   <body>
-    <section aria-label='accessible output' id='accessible-outputs'></section>
     <script src="sketch.js"></script>
-    </body>
+  </body>
 </html>
 `;
 
