diff --git a/techniques/aria/ARIA24.html b/techniques/aria/ARIA24.html index 8adc882dc5..46e1c9ed18 100644 --- a/techniques/aria/ARIA24.html +++ b/techniques/aria/ARIA24.html @@ -28,7 +28,7 @@

Basic principle of the technique

1. Author adds a font-face to the CSS

The first step is used for adding a font face with icons via the CSS file.

- 
/* specify font-family name for icons */
+         
/* specify font-family name for icons */
 @font-face { font-family: 'IconFontRoleImg'; }
 
 /* default class for fonts-face with icons */
@@ -48,7 +48,7 @@ 
2. Author adds the font classes to the HTML

 
          
3. User CSS file replaces the font-family except the icon file

          
The third step uses the ":not selector" in combination with the "[attribute] selector" to only replace font faces for regular text.

-         
/* replaces font faces but excludes all elements with attribute role="img" */
+         
/* replaces font faces but excludes all elements with attribute role="img" */
 *:not([role="img"]) { font-family: Verdana, sans-serif !important; }

 
       
diff --git a/techniques/client-side-script/SCR14.html b/techniques/client-side-script/SCR14.html
index dfae38ca1d..915c8548da 100644
--- a/techniques/client-side-script/SCR14.html
+++ b/techniques/client-side-script/SCR14.html
@@ -28,7 +28,7 @@ 
Updating screen reader settings for stock price update alerts

         

 				
The JavaScript

          
-
<script>
+
<script>
 document.addEventListener("DOMContentLoaded", function (e) {
   const stockBox = document.querySelector("#stock-box");
   const stockMovement = document.querySelector("#stock-movement");
diff --git a/techniques/css/C29.html b/techniques/css/C29.html
index 0c755e38cc..f2b60d49bd 100644
--- a/techniques/css/C29.html
+++ b/techniques/css/C29.html
@@ -289,11 +289,11 @@ 
At the beginning of the PHP page

 				

 
 					
In the <head> section

-
<link rel="stylesheet" media="screen" href="<?php echo($thestyle);?>.css">

+
<link rel="stylesheet" media="screen" href="<?php echo($thestyle);?>.css">

 				

 				

 					
In <body> section

-
<?php
+
<?php
   if ($thestyle == "style1") {
     echo "<a href=\"index.php?set=style1\">Switch to Style Sheet Two</a>";
   }
diff --git a/techniques/css/C35.html b/techniques/css/C35.html
index 5d733d17e2..c2bf7ea569 100644
--- a/techniques/css/C35.html
+++ b/techniques/css/C35.html
@@ -35,9 +35,9 @@ 
A box sized with space to allow for expansion

          
The containers are sized to a value greater than the default width of the text.

             

                
The CSS

-
<style>
-/* Links are less than 8ex wide,
-so 10ex width of each li allows for expanded letter and word width */
+
<style>
+/* Links are less than 8em wide,
+so 10em width of each li allows for expanded letter and word width */
 nav li { width: 10em; }
 </style>

             

@@ -57,7 +57,7 @@ 
The HTML

          
A box which expands with the text size

             

                
The CSS

-
<style>
+
<style>
 /* CSS containers are given a display of inline-block. No negative margins set. */
  nav li { display: inline-block; }
  </style>

diff --git a/techniques/css/C36.html b/techniques/css/C36.html
index f8371e1ac9..8f71167021 100644
--- a/techniques/css/C36.html
+++ b/techniques/css/C36.html
@@ -27,7 +27,7 @@ 
Examples

 					
A paragraph expands vertically within container

                

                   
The CSS

-
<style>
+
<style>
 /* CSS: No height property is set.*/
 </style>

 
The HTML

diff --git a/techniques/failures/F100.html b/techniques/failures/F100.html
index dcf037c905..8837570fdc 100644
--- a/techniques/failures/F100.html
+++ b/techniques/failures/F100.html
@@ -37,7 +37,7 @@ 
Block an orientation ("door slam") by using HTML and CSS

 
         When the portrait property matches the viewport space defined via media queries, the message will disappear or vice versa. This particular example uses the CSS landscape, portrait media query properties.

 
-
<style>
+
<style>
 /* Orientation "door slam" Styling */
 
 @media all and (orientation: landscape) {
diff --git a/techniques/failures/F2.html b/techniques/failures/F2.html
index 0cab6e3969..34b7d39754 100644
--- a/techniques/failures/F2.html
+++ b/techniques/failures/F2.html
@@ -8,7 +8,7 @@ 
Using CSS to style the p element to look
          
             
The author intended to make a heading but didn't want the look of the default HTML heading. So they used CSS to style the P element to look like a heading and they called it a heading. But they failed to use the proper HTML heading element. Therefore, the Assistive Technology could not distinguish it as a heading.

          
-
<style>
+
<style>
 .heading1{
   font-family: Times, serif;
   font-size:200%;
diff --git a/techniques/failures/F3.html b/techniques/failures/F3.html
index 9a0ef9e975..20425a6e94 100644
--- a/techniques/failures/F3.html
+++ b/techniques/failures/F3.html
@@ -77,7 +77,7 @@ 

 
<p id="bestinterest" style="background: transparent url(/images/TopRate.png) no-repeat top left;">
    Where else would you find a better interest rate?<p>

             
In the following code, the background image declaration is created in a client script:

-
<script>
+
<script>
    var newP = document.createElement('p');
    var newPText = document.createTextNode('Where else would you find a better interest rate?');
    newP.appendChild(newPText);
diff --git a/techniques/failures/F37.html b/techniques/failures/F37.html
index a419b8ef31..5e60d0b720 100644
--- a/techniques/failures/F37.html
+++ b/techniques/failures/F37.html
@@ -19,7 +19,7 @@ 

                                 the form when a radio button is selected instead of using a submit
                                 button. 

          
-
<script> 
+
<script> 
    function goToMirror(theInput) {
     var mirrorSite = "https://download." + theInput.value + "/"; 
     window.open(mirrorSite); 
diff --git a/techniques/failures/F50.html b/techniques/failures/F50.html
index 7d4cb168a9..bd21660980 100644
--- a/techniques/failures/F50.html
+++ b/techniques/failures/F50.html
@@ -10,7 +10,7 @@
             
The following example uses script to blink content, but the blink
                                 continues indefinitely rather than stopping after five seconds.

          
-
<script>
+
<script>
   // blink "on" state
   function show(){
       document.getElementById("blink1").style.visibility = "visible";
diff --git a/techniques/general/G188.html b/techniques/general/G188.html
index 3cc3e1797d..a6d8fe1a28 100644
--- a/techniques/general/G188.html
+++ b/techniques/general/G188.html
@@ -26,7 +26,7 @@ 
Description

 				
Examples

 				

 					
Use standard style page switching and have a button or link on the page that switches the stylesheet. The new stylesheet contains a rule to increase the line height and a class to increase the paragraph spacing.

-
p {
+
p {
   line-height: 1.5;
   margin-bottom: 2em;
 }

diff --git a/techniques/server-side-script/SVR3.html b/techniques/server-side-script/SVR3.html
index e64ea5d1b6..76f46e18cc 100644
--- a/techniques/server-side-script/SVR3.html
+++ b/techniques/server-side-script/SVR3.html
@@ -51,7 +51,7 @@ 
Conforming PHP

          
                
Non-conforming PHP

          
-
<?php 
+
<?php 
 // if the request comes from a file that contains the string "conforming.php" 
 // then render the page
   if(stristr($_SERVER['HTTP_REFERER'], "conforming.php")) {
diff --git a/techniques/server-side-script/SVR4.html b/techniques/server-side-script/SVR4.html
index 5ecb4bc7ac..b1fdebf227 100644
--- a/techniques/server-side-script/SVR4.html
+++ b/techniques/server-side-script/SVR4.html
@@ -52,7 +52,7 @@ 
Setting a session or persistent cookie to store a user preference

    

 		
pref.php

    
-
<?php
+
<?php
 if(isset($site_pref)) {
 setcookie("site_pref",$site_pref, time() + (86400 * 30)); //set for 30 days
 header("location: http://www.example.com"); //redirects to home page
@@ -65,7 +65,7 @@ 
pref.php

 	

 		
index.php

 
-
<?
+
<?php
 if(isset($site_pref)) {
   if($site_pref="axx") {
     header("location: ./accessible/index.php");