Corrected headings in HTML markup.

wet-boew · Mar 18, 2013 · 04681f9 · 04681f9
1 parent a310521
commit 04681f9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 16 deletions.
diff --git a/demos/geomap/geomap-eng.html b/demos/geomap/geomap-eng.html
@@ -166,17 +166,17 @@ <h1 id="wb-cont">Geomap</h1>
 </div>
 
 <!-- Insert Legend (optional) --> 
-<div class="wet-boew-geomap-legend span-2">    
+<section><div class="wet-boew-geomap-legend span-2">    
     <h2>Legend</h2>
-</div>
+</div></section>
 <!-- END Insert Legend -->
 
 <div class="clear"></div>
 
 <!-- Insert Layer Data -->
-<div class="wet-boew-geomap-layers span-8">        
-    <h3>Map Layers</h3>
-    <h4 class="background-light">Cities</h4>
+<section><div class="wet-boew-geomap-layers span-8">        
+    <h2>Map Layers</h2>
+    <section><h3 class="background-light">Cities</h3>
     <table id="cities" class="table-simplify" aria-label="Cities" class="span-8">
         <caption>This is a sample layer created from a table in the current document. A column with cells containing geometry encoded in WKT and marked up with a class named <em>geometry</em> is required. To link the layer features in the table to the map a column containing cells marked up with a class named <em>select</em> is required.</caption>
         <thead>
@@ -246,8 +246,9 @@ <h4 class="background-light">Cities</h4>
             </tr>
         </tfoot>
     </table>
+	</section>
     <div class="clear"></div>
-    
+
     <table id="bbox" class="table-simplify" aria-label="Search Results">
             <caption class="wb-invisible">Table of search results containing bounding box geometries.</caption>
             <thead>

diff --git a/demos/geomap/geomap-fra.html b/demos/geomap/geomap-fra.html
@@ -164,17 +164,17 @@ <h1 id="wb-cont">Geomap</h1>
 </div>
 
 <!-- Insert Legend (optional) --> 
-<div class="wet-boew-geomap-legend span-2">    
+<section><div class="wet-boew-geomap-legend span-2">
     <h2>Légende</h2>
-</div>
+</div></section>
 <!-- END Insert Legend -->
 
 <div class="clear"></div>
 
 <!-- Insert Layer Data -->
-<div class="wet-boew-geomap-layers span-8">        
-    <h3>Couches de la carte</h3>
-    <h4 class="background-light">Villes</h4>
+<div class="wet-boew-geomap-layers span-8"><section>    
+    <h2>Couches de la carte</h2>
+    <section><h3 class="background-light">Villes</h3>
     <table id="cities" class="table-simplify" aria-label="Villes" class="span-8">
 
       	<caption>Ceci est un exemple créé à partir d'une table dans le présent document. Une colonne avec des cellules contenant une géométrie codée en WKT et contenant une classe nommée <em>geometry</em> est obligatoire. Pour relier les éléments de la table à la carte une colonne avec des cellules contenant une classe nommée <em>select</em> est obligatoire.</ Caption>
@@ -244,9 +244,9 @@ <h4 class="background-light">Villes</h4>
                     <th>Population de 2011</th>
             </tfoot>
         </table>
+	</section>
     <div class="clear"></div>
-
-    <table id="bbox" class="table-simplify" aria-label="Search Results">
+    <table id="bbox" class="table-simplify" aria-label="Résultats de recherche">
             <caption class="wb-invisible">Tableau des résultats de recherche contenant la géométries des étendues de éléments.</caption>
             <thead>
                 <tr>
@@ -275,7 +275,7 @@ <h4 class="background-light">Villes</h4>
                 </tr>
             </tfoot>
         </table>
-</div>	
+</div></section>
 
 <!-- END Insert Layer Data -->   
 

diff --git a/src/js/workers/geomap.js b/src/js/workers/geomap.js
@@ -129,7 +129,7 @@
 		 * Add layer data
 		 */		
 		addLayerData: function(featureTable, enabled, olLayerId, tab) {						
-			// add to layer to legend
+			// add layer to legend
 			if ($('.wet-boew-geomap-legend')) {
 				_pe.fn.geomap.addToLegend(featureTable, enabled, olLayerId);
 			}
@@ -138,7 +138,7 @@
 				featureTableId = $(featureTable).attr('id'),
 				$layerTab = $('<div>', { 'id': 'tabs_' + featureTableId }),
 				title = featureTable[0].attributes['aria-label'].value,
-				$layerTitle = $('<h4>', { 'id': featureTableId,	'html': title, 'class': 'background-light' }),
+				$layerTitle = $('<h3>', { 'id': featureTableId,	'html': title, 'class': 'background-light' }),
 				$alert = $('<div id="msg_' + featureTableId + '" class="module-attention module-simplify margin-top-medium margin-bottom-medium"><p>' + _pe.dic.get('%geo-hiddenlayer') + '</p></div>');
 
 			// TODO: add debug message for div with id 'wet-boew-geomap-layers' can't be found and prompt to have it added