feature: Apple touch icons (#24), accessibility

OliveTin · Nov 21, 2021 · 2b9e763 · 2b9e763
1 parent 7bdb997
commit 2b9e763
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 3 deletions.
diff --git a/webui/OliveTinLogo-120px.png b/webui/OliveTinLogo-120px.png
diff --git a/webui/OliveTinLogo-180px.png b/webui/OliveTinLogo-180px.png
diff --git a/webui/OliveTinLogo-57px.png b/webui/OliveTinLogo-57px.png
diff --git a/webui/index.html b/webui/index.html
@@ -8,17 +8,21 @@
 		<title>OliveTin</title>
 		<link rel = "stylesheet" type = "text/css" href = "style.css" />
 		<link rel = "shortcut icon" type = "image/png" href = "OliveTinLogo.png" />
+
+		<link rel = "apple-touch-icon" sizes="57x57" href="OliveTinLogo-57px.png" />
+		<link rel = "apple-touch-icon" sizes="120x120" href="OliveTinLogo-120px.png" />
+		<link rel = "apple-touch-icon" sizes="180x180" href="OliveTinLogo-180px.png" />
 	</head>
 
 	<body>
 		<main title = "main content">
-			<fieldset id = "sectionSwitcher">
+			<fieldset id = "sectionSwitcher" title = "Sections">
 				<button id = "showActions">Actions</button>
 				<button id = "showLogs">Logs</button>
 			</fieldset>
 
 			<section id = "contentLogs" title = "Logs" hidden>
-				<table>
+				<table title = "Logs">
 					<thead>
 						<tr>
 							<th>Timestamp</th>
@@ -31,7 +35,7 @@
 			</section>
 
 			<section id = "contentActions" title = "Actions" hidden >
-				<fieldset id = "rootGroup">
+				<fieldset id = "rootGroup" title = "Dashboard of buttons">
 				</fieldset>
 			</section>
 

diff --git a/webui/js/ActionButton.js b/webui/js/ActionButton.js
@@ -15,6 +15,7 @@ class ActionButton extends window.HTMLElement {
     this.updateFromJson(json)
 
     // DOM Attributes
+    this.setAttribute("role", "none")
     this.btn.title = json.title
     this.btn.onclick = () => {
       console.log(json.arguments)