ref: 4e3bb8f257f711c785498644a5c39d6c5d21dc87
parent: a9c783ed4e165f92e37c6ef1a65822d9967679a3
author: Ben Harris <bjh21@bjh21.me.uk>
date: Sat Nov 12 07:18:59 EST 2022
js: Use <li role="separator"> in place of <li class="separator"> ARIA has a "separator" role that has the semantics we want, so let's use it.
--- a/html/jspage.pl
+++ b/html/jspage.pl
@@ -109,7 +109,7 @@
position: relative;
}
-#gamemenu li.separator {+#gamemenu li[role=separator] {width: 1.5em;
border: 0;
}
@@ -313,7 +313,7 @@
<li><button type="button" id="load">Upload save file</button></li>
</ul></div></li>
<li><div>Type...<ul id="gametype"></ul></div></li>
- <li class="separator"></li>
+ <li role="separator"></li>
<li><button type="button" id="new">
New<span class="verbiage"> game</span>
</button></li>