improve browser compatability

in some browsers ariaPressed is only supported since 2023. We use a data attribute as a fallback
This commit is contained in:
kritzl 2024-06-06 14:38:23 +02:00
parent 14a514e3e4
commit caa96f565f
5 changed files with 42 additions and 17 deletions

View file

@ -43,10 +43,10 @@
<span data-icon="load" class="size-m spinner hidden"></span>
</button>
<div id="typeFilter">
<button class="typeChip" data-type="U" aria-pressed="true">U</button>
<button class="typeChip" data-type="S" aria-pressed="true">S</button>
<button class="typeChip" data-type="A" aria-pressed="true">A</button>
<button class="typeChip" data-type="R" aria-pressed="true">R</button>
<button class="typeChip" data-type="U" data-pressed="true" aria-pressed="true">U</button>
<button class="typeChip" data-type="S" data-pressed="true" aria-pressed="true">S</button>
<button class="typeChip" data-type="A" data-pressed="true" aria-pressed="true">A</button>
<button class="typeChip" data-type="R" data-pressed="true" aria-pressed="true">R</button>
</div>
</div>