imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ARIA Accessibility improvements (#10674)

Browse source 
* Add missing aria-expanded attributes

* Improve autoComplete for phone numbers & email addresses

* Fix room summary card heading order

* Fix missing label on timeline search field

* Use appropriate semantic elements for dropdown listbox

* Use semantic list elements in keyboard settings tab

* Use semantic list elements in spotlight

* Fix types and i18n

* Improve types

* Update tests

* Add snapshot test
This commit is contained in:
Michael Telatynski 2023-04-20 18:13:30 +01:00 • committed by GitHub
parent 2da52372d4
commit 782060a26e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 611 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

5
res/css/views/dialogs/_SpotlightDialog.pcss
View file

@ -155,6 +155,11 @@ limitations under the License.
overflow-y: auto;
padding: $spacing-16;
ul {
padding: 0;
margin: 0;
}
.mx_SpotlightDialog_section {
> h4,
> .mx_SpotlightDialog_sectionHeader > h4 {

3
res/css/views/right_panel/_BaseCard.pcss
View file

@ -151,10 +151,11 @@ limitations under the License.
margin-right: $spacing-12;
}
> h1 {
> h2 {
color: $tertiary-content;
font-size: $font-12px;
font-weight: 500;
margin: $spacing-12;
}
.mx_BaseCard_Button {

5
res/css/views/right_panel/_RoomSummaryCard.pcss
View file

@ -19,8 +19,9 @@ limitations under the License.
text-align: center;
margin-top: $spacing-20;
h2 {
h1 {
margin: $spacing-12 0 $spacing-4;
font-weight: $font-semi-bold;
}
.mx_RoomSummaryCard_alias {
@ -30,7 +31,7 @@ limitations under the License.
text-overflow: ellipsis;
}
h2,
h1,
.mx_RoomSummaryCard_alias {
display: -webkit-box;
-webkit-line-clamp: 2;

5
res/css/views/settings/tabs/user/_KeyboardUserSettingsTab.pcss
View file

@ -16,6 +16,11 @@ limitations under the License.
*/
.mx_KeyboardUserSettingsTab .mx_SettingsTab_section {
ul {
margin: 0;
padding: 0;
}
.mx_KeyboardShortcut_shortcutRow,
.mx_KeyboardShortcut {
display: flex;