Revert "trying APG tooltip pattern"

This reverts commit 9241dff.
w3c · Jul 6, 2023 · 1fd5e9b · 1fd5e9b
1 parent 809d5bf
commit 1fd5e9b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 17 deletions.
diff --git a/guidelines/guidelines.js b/guidelines/guidelines.js
@@ -165,27 +165,14 @@ function addStatusMarkers() {
 
 			// Insert div after the first heading:
 	           */
-	           var sectionId = section.id;
-
-	           var container = document.createElement("div");
-	           container.setAttribute("class", "tooltip-container");
-
 	           var button = document.createElement("button");
 	           button.setAttribute('class', 'addition status-filter sticky');
+	           button.setAttribute("title", statusLabels[status]);
 	           button.setAttribute("type", "button");
-	           button.setAttribute("aria-describedby", sectionId + "-status-tooltip");
 	           button.innerHTML = sentenceCase(status);
-	           container.appendChild(button);
-
-	           var p = document.createElement("p");
-	           p.setAttribute("id", sectionId + "-status-tooltip");
-	           p.setAttribute("role", "tooltip");
-	           p.setAttribute("class", "hidden");
-	           p.innerHTML = statusLabels[status];
-	           container.appendChild(p);
 
 			var wrapper = section.querySelector('.header-wrapper');
-			wrapper.appendChild(container);
+			wrapper.appendChild(button);
 		})
 	});
 }

diff --git a/guidelines/index.html b/guidelines/index.html
@@ -7,7 +7,6 @@
 		<script src="respec-config.js" class="remove"></script>
 		<script src="https://www.w3.org/Tools/respec/respec-w3c" class="remove"></script>
 		<script src="wcag3.js"></script>
-		<link rel="stylesheet" type="text/css" href="tooltips.css" />
 		<link rel="stylesheet" type="text/css" href="guidelines.css" />
 	</head>
 	<body>
@@ -851,6 +850,5 @@ <h3>Prior Contributers</h3>
 			</section>
 			<div data-include="../acknowledgements/funders.html" data-include-replace="true"></div>			
 		</section>
-		<script src="tooltips.js"></script>
 	</body>
 </html>