mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aria-role fixes

Browse Source
This commit is contained in:
kwaroran
2024-12-02 04:27:50 +09:00
parent 8f72b9e6e2
commit 0e292bd690
20 changed files with 99 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/UI/Realm/RealmHubIcon.svelte
View File

@@ -33,22 +33,22 @@
<div class="flex-grow"></div>
<div class="flex flex-wrap w-full flex-row-reverse gap-1">
{#if chara.hasEmotion}
<button class="text-textcolor2 hover:text-green-500 transition-colors" onclick={((e) => {
<div class="text-textcolor2 hover:text-green-500 transition-colors" role="button" tabindex="0" onclick={((e) => {
e.stopPropagation()
alertNormal("This character includes emotion images")
})}><SmileIcon /></button>
})} onkeydown={(e) => {}}><SmileIcon /></div>
{/if}
{#if chara.hasAsset}
<button class="text-textcolor2 hover:text-green-500 transition-colors" onclick={((e) => {
<div class="text-textcolor2 hover:text-green-500 transition-colors" role="button" tabindex="0" onclick={((e) => {
e.stopPropagation()
alertNormal("This character includes additional assets")
})}><ImageIcon /></button>
})} onkeydown={(e) => {}}><ImageIcon /></div>
{/if}
{#if chara.hasLore}
<button class="text-textcolor2 hover:text-green-500 transition-colors" onclick={((e) => {
<div class="text-textcolor2 hover:text-green-500 transition-colors" role="button" tabindex="0" onclick={((e) => {
e.stopPropagation()
alertNormal("This character includes lorebook")
})}><BookIcon /></button>
})} onkeydown={(e) => {}}><BookIcon /></div>
{/if}
</div>
</div>

2
src/lib/UI/Realm/RealmLicense.svelte
View File

@@ -13,7 +13,7 @@
{#if Object.keys(CCLicenseData).includes(license)}
<div class="w-full flex flex-row">
<!-- svelte-ignore a11y_click_events_have_key_events -->
<div class="flex flex-wrap flex-row gap-1 mt-2 items-center cursor-pointer" use:tooltip={CCLicenseData[license][1] + ". The License only applys to the text."} onclick={((e) => {
<div role="button" tabindex="0" class="flex flex-wrap flex-row gap-1 mt-2 items-center cursor-pointer" use:tooltip={CCLicenseData[license][1] + ". The License only applys to the text."} onclick={((e) => {
e.stopPropagation();
openURL(`https://creativecommons.org/licenses/${CCLicenseData[license][0]}/4.0/`)
})}>

2
src/lib/UI/Realm/RealmMain.svelte
View File

@@ -163,7 +163,7 @@
{#if menuOpen}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<div class="top-0 left-0 z-50 fixed w-full h-full bg-black bg-opacity-50 flex justify-center items-center" onclick={() => {
<div class="top-0 left-0 z-50 fixed w-full h-full bg-black bg-opacity-50 flex justify-center items-center" role="button" tabindex="0" onclick={() => {
menuOpen = false
}}>
<div class="max-w-full bg-darkbg rounded-md flex flex-col gap-4 overflow-y-auto p-4">

2
src/lib/UI/Realm/RealmPopUp.svelte
View File

@@ -19,7 +19,7 @@
<!-- svelte-ignore a11y_click_events_have_key_events -->
<div class="top-0 left-0 z-50 fixed w-full h-full bg-black bg-opacity-50 flex justify-center items-center text-textcolor" onclick={() => {
<div class="top-0 left-0 z-50 fixed w-full h-full bg-black bg-opacity-50 flex justify-center items-center text-textcolor" role="button" tabindex="0" onclick={() => {
openedData = null
}}>
<div class="p-6 max-w-full bg-darkbg rounded-md flex flex-col gap-4 w-2xl overflow-y-auto max-h-full">