fix(theme/a11y): remove duplicate assistive text from outline nav [#3800] (#3803)

pull/3834/head
Henry Bley-Vroman 2 months ago committed by GitHub
parent cc11b8e41e
commit 733d986a84
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -25,7 +25,8 @@ useActiveAnchor(container, marker)
</script> </script>
<template> <template>
<div <nav
aria-labelledby="doc-outline-aria-label"
class="VPDocAsideOutline" class="VPDocAsideOutline"
:class="{ 'has-outline': headers.length > 0 }" :class="{ 'has-outline': headers.length > 0 }"
ref="container" ref="container"
@ -34,16 +35,18 @@ useActiveAnchor(container, marker)
<div class="content"> <div class="content">
<div class="outline-marker" ref="marker" /> <div class="outline-marker" ref="marker" />
<div class="outline-title" role="heading" aria-level="2">{{ resolveTitle(theme) }}</div> <div
aria-level="2"
class="outline-title"
id="doc-outline-aria-label"
role="heading"
>
{{ resolveTitle(theme) }}
</div>
<nav aria-labelledby="doc-outline-aria-label">
<span class="visually-hidden" id="doc-outline-aria-label">
Table of Contents for current page
</span>
<VPDocOutlineItem :headers="headers" :root="true" /> <VPDocOutlineItem :headers="headers" :root="true" />
</nav>
</div>
</div> </div>
</nav>
</template> </template>
<style scoped> <style scoped>

Loading…
Cancel
Save