Improve accessibility on control buttons with aria-pressed (#2523)
This commit is contained in:
parent
42b8f7bdab
commit
cacaef7def
3
src/js/controls.js
vendored
3
src/js/controls.js
vendored
@ -1715,6 +1715,8 @@ const controls = {
|
|||||||
if (!is.empty(this.elements.buttons)) {
|
if (!is.empty(this.elements.buttons)) {
|
||||||
const addProperty = (button) => {
|
const addProperty = (button) => {
|
||||||
const className = this.config.classNames.controlPressed;
|
const className = this.config.classNames.controlPressed;
|
||||||
|
button.setAttribute('aria-pressed', 'false');
|
||||||
|
|
||||||
Object.defineProperty(button, 'pressed', {
|
Object.defineProperty(button, 'pressed', {
|
||||||
enumerable: true,
|
enumerable: true,
|
||||||
get() {
|
get() {
|
||||||
@ -1722,6 +1724,7 @@ const controls = {
|
|||||||
},
|
},
|
||||||
set(pressed = false) {
|
set(pressed = false) {
|
||||||
toggleClass(button, className, pressed);
|
toggleClass(button, className, pressed);
|
||||||
|
button.setAttribute('aria-pressed', pressed ? 'true' : 'false');
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user