diff options
| author | Hugo Hörnquist <hugo@lysator.liu.se> | 2022-06-12 03:10:06 +0200 |
|---|---|---|
| committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2022-06-12 03:10:06 +0200 |
| commit | 1e17bfa0cc08674c7f2a668481f10458d9fbfaaa (patch) | |
| tree | bca5acdd0565af4ad6e71024727ae10180668ab8 | |
| parent | Fix spelling of aria-labelledby. (diff) | |
| download | calp-1e17bfa0cc08674c7f2a668481f10458d9fbfaaa.tar.gz calp-1e17bfa0cc08674c7f2a668481f10458d9fbfaaa.tar.xz | |
Change element types for tabs.
| -rw-r--r-- | static/components/tab-group-element.ts | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/static/components/tab-group-element.ts b/static/components/tab-group-element.ts index 1c58b0fb..0da11a56 100644 --- a/static/components/tab-group-element.ts +++ b/static/components/tab-group-element.ts @@ -29,7 +29,7 @@ class TabGroupElement extends ComponentVEvent { constructor(uid?: string) { super(uid); - this.menu = makeElement('menu', {}, { + this.menu = makeElement('div', {}, { role: 'tablist', 'aria-label': 'Simple Tabs', }) @@ -105,10 +105,10 @@ class TabGroupElement extends ComponentVEvent { title: title, 'aria-selected': false, 'aria-controls': tab_id, - ... extra_attributes, + ...extra_attributes, }) - let tabContainer = makeElement('article', {}, { + let tabContainer = makeElement('div', {}, { id: tab_id, role: 'tabpanel', tabindex: 0, |