瀏覽代碼

feat(Filmstrip): accessibility label for toggle filmstrip button

master
paweldomas 5 年之前
父節點
當前提交
c170970992
共有 2 個檔案被更改,包括 11 行新增2 行删除
  1. 1
    0
      lang/main.json
  2. 10
    2
      react/features/filmstrip/components/web/Filmstrip.js

+ 1
- 0
lang/main.json 查看文件

614
             "speakerStats": "Toggle speaker statistics",
614
             "speakerStats": "Toggle speaker statistics",
615
             "tileView": "Toggle tile view",
615
             "tileView": "Toggle tile view",
616
             "toggleCamera": "Toggle camera",
616
             "toggleCamera": "Toggle camera",
617
+            "toggleFilmstrip": "Toggle filmstrip",
617
             "videomute": "Toggle mute video",
618
             "videomute": "Toggle mute video",
618
             "videoblur": "Toggle video blur"
619
             "videoblur": "Toggle video blur"
619
         },
620
         },

+ 10
- 2
react/features/filmstrip/components/web/Filmstrip.js 查看文件

10
     sendAnalytics
10
     sendAnalytics
11
 } from '../../../analytics';
11
 } from '../../../analytics';
12
 import { Icon, IconMenuDown, IconMenuUp } from '../../../base/icons';
12
 import { Icon, IconMenuDown, IconMenuUp } from '../../../base/icons';
13
+import { translate } from '../../../base/i18n';
13
 import { connect } from '../../../base/redux';
14
 import { connect } from '../../../base/redux';
14
 import { dockToolbox } from '../../../toolbox';
15
 import { dockToolbox } from '../../../toolbox';
15
 
16
 
87
     /**
88
     /**
88
      * The redux {@code dispatch} function.
89
      * The redux {@code dispatch} function.
89
      */
90
      */
90
-    dispatch: Dispatch<any>
91
+    dispatch: Dispatch<any>,
92
+
93
+    /**
94
+     * Invoked to obtain translated strings.
95
+     */
96
+    t: Function
91
 };
97
 };
92
 
98
 
93
 /**
99
 /**
338
      */
344
      */
339
     _renderToggleButton() {
345
     _renderToggleButton() {
340
         const icon = this.props._visible ? IconMenuDown : IconMenuUp;
346
         const icon = this.props._visible ? IconMenuDown : IconMenuUp;
347
+        const { t } = this.props;
341
 
348
 
342
         return (
349
         return (
343
             <div className = 'filmstrip__toolbar'>
350
             <div className = 'filmstrip__toolbar'>
344
                 <button
351
                 <button
352
+                    aria-label = { t('toolbar.accessibilityLabel.toggleFilmstrip') }
345
                     id = 'toggleFilmstripButton'
353
                     id = 'toggleFilmstripButton'
346
                     onClick = { this._onToolbarToggleFilmstrip }>
354
                     onClick = { this._onToolbarToggleFilmstrip }>
347
                     <Icon src = { icon } />
355
                     <Icon src = { icon } />
387
     };
395
     };
388
 }
396
 }
389
 
397
 
390
-export default connect(_mapStateToProps)(Filmstrip);
398
+export default translate(connect(_mapStateToProps)(Filmstrip));

Loading…
取消
儲存