StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 06:24:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(overflow): 🐛 mark oveflow button as not accessible for screen reader

Browse source
This commit is contained in:
alistair3149 2024-06-11 19:15:42 -04:00
parent 6c39537a51
commit 7830faa8fe
No known key found for this signature in database
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/skins.citizen.scripts/overflowElements.js
View file

@ -161,21 +161,21 @@ class OverflowElement {
const elementStyles = window.getComputedStyle( this.element );
const topMargin = parseInt( elementStyles.marginTop );
const bottomMargin = parseInt( elementStyles.marginBottom );
const createButton = ( type ) => {
const button = document.createElement( 'button' );
button.className = `citizen-overflow-navButton citizen-overflow-navButton-${ type } citizen-ui-icon mw-ui-icon-wikimedia-collapse`;
button.setAttribute( 'aria-hidden', 'true' );
button.setAttribute( 'tabindex', '-1' );
return button;
};
const nav = document.createElement( 'div' );
nav.className = 'citizen-overflow-nav';
nav.style.marginTop = `${ topMargin }px`;
nav.style.marginBottom = `${ bottomMargin }px`;
const leftButton = document.createElement( 'button' );
leftButton.className =
'citizen-overflow-navButton citizen-overflow-navButton-left citizen-ui-icon mw-ui-icon-wikimedia-collapse';
nav.appendChild( leftButton );
const rightButton = document.createElement( 'button' );
rightButton.className =
'citizen-overflow-navButton citizen-overflow-navButton-right citizen-ui-icon mw-ui-icon-wikimedia-collapse';
nav.appendChild( rightButton );
nav.appendChild( createButton( 'left' ) );
nav.appendChild( createButton( 'right' ) );
wrapper.appendChild( nav );
this.nav = nav;