jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-02 02:01:39 -05:00
Code Issues Projects Releases Wiki Activity

fix(client): add tabindex only to <pre> elements with horizontal scroll for accessibility (#60901)

Browse Source
This commit is contained in:
dev-kamil
2025-09-11 17:24:22 +02:00
committed by GitHub
parent ded6b598d7
commit 7d825d112d
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/templates/Challenges/components/prism-formatted.tsx
View File

@@ -27,6 +27,15 @@ function PrismFormatted({
if (instructionsRef.current) {
Prism.hooks.add('complete', enhancePrismAccessibility);
Prism.highlightAllUnder(instructionsRef.current);
const preElements = instructionsRef.current.querySelectorAll('pre');
preElements.forEach((pre: HTMLPreElement) => {
if (pre.scrollWidth > pre.clientWidth) {
pre.setAttribute('tabIndex', '0');
} else {
pre.removeAttribute('tabIndex');
}
});
}
}, []);