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.
This commit is contained in:
Ben Harris
2022-11-12 12:18:59 +00:00
parent a9c783ed4e
commit 4e3bb8f257

View File

@ -109,7 +109,7 @@ EOF
position: relative; position: relative;
} }
#gamemenu li.separator { #gamemenu li[role=separator] {
width: 1.5em; width: 1.5em;
border: 0; border: 0;
} }
@ -313,7 +313,7 @@ ${unfinishedpara}
<li><button type="button" id="load">Upload save file</button></li> <li><button type="button" id="load">Upload save file</button></li>
</ul></div></li> </ul></div></li>
<li><div>Type...<ul id="gametype"></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"> <li><button type="button" id="new">
New<span class="verbiage"> game</span> New<span class="verbiage"> game</span>
</button></li> </button></li>