335b43036d
Improve accessibility of Buttons in Webapp
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com >
il y a 5 ans
75c836c70c
feat(AddPeopleDialog): Update design; feat(SecurityDialog): Implement
il y a 5 ans
638fdf0370
Revert "Improve accessibility of Buttons in Webapp (#5432)"
This reverts commit 953f838a2a .
il y a 5 ans
953f838a2a
Improve accessibility of Buttons in Webapp (#5432)
* Expose toggle buttons better via ARIA
* Wire up the divs/li as role=button as per ARIA patterns
* Add flow annotations to appease the linter
* For role=button use aria-pressed not aria-checked
il y a 5 ans
8a3ddd8596
feat: SVG icons
il y a 6 ans
1d99abc4a4
removes need for `eslint-disable-next-line react/jsx-wrap-multilines` and `eslint-diable-line no extra-parens`
il y a 7 ans
b9f28a1beb
fix(live-streaming): add beta tag to toolbar button (#3263)
il y a 7 ans
b48c897d9b
[WEB] Move RecordButton to the new ToolBox abstraction layer
il y a 7 ans
e59761baa2
Implement ToolboxItem features: disabled, tooltip with label
il y a 7 ans
2951fefef9
ref(toolbar): change tooltip prop name to stop deprecation warning (#3186)
il y a 7 ans
ccf0c8a363
fix(i18n) Accessiblity labels translations (#3071)
* fix(toolbar): accessibilityLabel should be translatable.
This commit adds a helper property to get the accessibilityLabel of an item,
providing a translation if one is available. This mimics the behavior of
label and tooltip.
* fix(toolbar) 'hangup' button accessibilityLabel i18n
* fix(toolbar) 'mute' button accessibilityLabel i18n
* fix(toolbar) 'videomute' button accessibilityLabel i18n
* fix(toolbar) 'moreActions' button accessibilityLabel i18n
* fix(toolbar) 'shareRoom' button accessibilityLabel i18n
* fix(toolbar) 'audioRoute' button accessibilityLabel i18n
* fix(toolbar) 'toggleCamera' button accessibilityLabel i18n
* fix(toolbar) 'audioOnly' button accessibilityLabel i18n
* fix(toolbar) 'roomLock' button accessibilityLabel i18n
* fix(toolbar) 'pip' button accessibilityLabel i18n
* fix(toolbar) 'invite' button accessibilityLabel i18n
* fix(toolbar) 'raiseHand' button accessibilityLabel i18n
* fix(toolbar) 'chat' button accessibilityLabel i18n
* fix(toolbar) 'shareYourScreen' button accessibilityLabel i18n
* fix(toolbar) 'fullScreen' button accessibilityLabel i18n
* fix(toolbar) 'sharedvideo' button accessibilityLabel i18n
* fix(toolbar) 'document' button accessibilityLabel i18n
* fix(toolbar) 'speakerStats' button accessibilityLabel i18n
* fix(toolbar) 'feedback' button accessibilityLabel i18n
* fix(toolbar) 'shortcuts' button accessibilityLabel i18n
* fix(toolbar) 'recording' button accessibilityLabel i18n
* fix(toolbar) 'settings' button accessibilityLabel i18n
* fix(welcomepage) accessibilityLabels i18n
* fix(toolbar) 'info' button accessibilityLabel i18n
* fix(i18n): Add translation to various aria-label property values.
* fix(i18n): Differentiate between overflow menu and button.
il y a 7 ans
9ac5aafe10
react: remove custom Fragment
Fragment now works on both React and React Native, so use it.
il y a 7 ans
bce2438471
feat(toolbox): rename label / tooltip getters in ToolboxItem
il y a 7 ans
3aff4967f1
Keep buttons in their associated features
Contributing all buttons in one place goes against the designs that we
set out at the beginning of the project's rewrite and that multiple of
us have been following since then.
il y a 7 ans
8d94cc5cb2
feat(toolbox): introduce ToolboxItem
This abstraction represents an action which can go anywhere in a toolbox (be
that the main toolbar or the overflow menu) and it's platform independent.
It does not depend on Redux, thus making it stateless, which facilitates its use
in stateful button implementations as well as stateless ones.
il y a 7 ans
Michael Telatynski
Mihai Uscat
yanas
Michael Telatynski
Bettenbuk Zoltan
Ritwik Heda
virtuacoplenny
Guus der Kinderen
Saúl Ibarra Corretgé
Lyubo Marinov