jprdonnelly/docs
1
0
Fork 0
mirror of synced 2025-12-22 11:26:57 -05:00
Code Issues Projects Releases Wiki Activity

Make annotations more accessible (#41163)

Browse Source
This commit is contained in:
Hector Alfaro
2023-08-22 11:14:16 -04:00
committed by GitHub
parent e2cbdd3da0
commit db1e8057f5
3 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/lib/toggle-annotations.ts
View File

@@ -21,6 +21,22 @@ export default function toggleAnnotation() {
const annotationButtons = Array.from(document.querySelectorAll('div.BtnGroup button'))
if (!annotationButtons.length) return
if (!document.getElementById('tooltip-inline')) {
const theSpan = document.createElement('span')
theSpan.id = 'tooltip-inline'
theSpan.classList.add('visually-hidden')
theSpan.innerText = 'Render annotations inline with the code sample.'
document.body.appendChild(theSpan)
}
if (!document.getElementById('tooltip-beside')) {
const theSpan = document.createElement('span')
theSpan.id = 'tooltip-beside'
theSpan.classList.add('visually-hidden')
theSpan.innerText = 'Render annotations beside the code sample.'
document.body.appendChild(theSpan)
}
const cookie = validateMode(Cookies.get('annotate-mode')) // will default to beside
displayAnnotationMode(annotationButtons, cookie)
@@ -46,9 +62,13 @@ function setActive(annotationButtons: Array<Element>, targetMode?: string) {
targetMode = validateMode(targetMode)
annotationButtons.forEach((el) => {
if (el.getAttribute('value') === targetMode) {
el.ariaSelected = 'true'
el.ariaCurrent = 'true'
el.classList.add('selected')
activeElements.push(el)
} else el.removeAttribute('aria-selected')
} else {
el.removeAttribute('aria-current')
el.classList.remove('selected')
}
})
if (!activeElements.length)