studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Add todos, move tablist h2 from Tabs to Projects component

Browse source
This commit is contained in:
Timothée Goguely 2024-09-04 19:10:21 +02:00
parent e0242ead0f
commit 209cb06540
3 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/Projects.vue
View file

@ -1,4 +1,5 @@
<template> <template>
<h2 id="tabslist" class="sr-only">Projets</h2>
<template v-if="data"> <template v-if="data">
<Tabs :projects="data.children" @update:currentTab="changeTab" /> <Tabs :projects="data.children" @update:currentTab="changeTab" />
<TabPanel :projects="data.children" :currentTab="currentTab" /> <TabPanel :projects="data.children" :currentTab="currentTab" />

1
src/components/TabPanel.vue
View file

@ -1,4 +1,5 @@
<template> <template>
<!-- TODO: rendre dynamique id + aria-labelledby -->
<section <section
v-if="currentTab === 'current'" v-if="currentTab === 'current'"
id="projets-en-cours" id="projets-en-cours"

2
src/components/Tabs.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<h2 id="tabslist" class="sr-only">Projets</h2>
<header role="tablist" aria-labelledby="tablist"> <header role="tablist" aria-labelledby="tablist">
<!-- TODO: aria-selected et tabindex ne fonctionnent pas -->
<button <button
v-for="tab in tabs" v-for="tab in tabs"
:key="tab.label" :key="tab.label"