improve Settings Accessibility for Toggles and Dialogs

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-25 09:25:11 +01:00
parent 4a5ee4a969
commit e01be212e6
5 changed files with 13 additions and 5 deletions
@@ -42,7 +42,7 @@ export default class LabelledToggleSwitch extends React.Component {

        let firstPart = <span className="mx_SettingsFlag_label">{this.props.label}</span>;
        let secondPart = <ToggleSwitch checked={this.props.value} disabled={this.props.disabled}
-                                         onChange={this.props.onChange} />;
+                                         onChange={this.props.onChange} aria-label={this.props.label} />;

        if (this.props.toggleInFront) {
            const temp = firstPart;