This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/tests/integration/components
Osama Sayegh 496f910f03
DEV: Various A11Y improvements for the new user menu (#18288)
This commit includes various accessibility improvements for the new user menu:

* Add `title` attributes to the user menu tabs
* Properly label lists (by adding `aria-labelledby` to `<ul>` elements) for screen readers
* Change the user menu structure so that the tabs come before the content panel in the DOM, but use CSS to reverse them visually.
  Normally, changing the order of elements via CSS is bad for accessibility, but I believe this is one of the rare scenarios where it [makes sense](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items#use_cases_for_order). Prior to this change, if you want to reach the first notification item after you select a tab using the keyboard, you have to hit <kbd>ctrl</kbd>+<kbd>tab</kbd> because the notifications list is before the tabs list. However, with this change, <kbd>tab</kbd> will move you to the first item in the list after you select a tab using your keyboard.
* Aria-hide the unread notifications badge/count on the tabs because the `title` attribute on the tab indicates the unread count.
* Add some tests.
2022-09-20 19:31:56 +03:00
..
select-kit DEV: Add select-kit option to hide values from preview (#18002) 2022-08-19 11:39:58 -05:00
sidebar UX: Revamp styling of sidebar 2022-08-18 16:14:49 +08:00
user-menu DEV: Various A11Y improvements for the new user menu (#18288) 2022-09-20 19:31:56 +03:00
widgets DEV: Improve testing and documentation of RenderGlimmer actions (#18145) 2022-09-01 09:57:48 +01:00
ace-editor-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
activation-controls-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
admin-report-test.js DEV: Consistently use response helper (#17627) 2022-07-25 02:31:52 +02:00
admin-user-field-item-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
avatar-uploader-test.js DEV: Consistently use response helper (#17627) 2022-07-25 02:31:52 +02:00
badge-button-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
badge-title-test.js DEV: Consistently use response helper (#17627) 2022-07-25 02:31:52 +02:00
bookmark-icon-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
bookmark-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
category-badge-helper-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
cook-text-test.js DEV: Consistently use response helper (#17627) 2022-07-25 02:31:52 +02:00
d-button-test.js DEV: Use key names in triggerKeyEvent (#17535) 2022-07-17 20:15:28 +02:00
d-document-test.js DEV: Use all unread notifications count for the count in document title (#18120) 2022-08-30 05:37:03 +03:00
d-editor-test.js A11Y: makes toolbar tabindex independent from its context (#17889) 2022-08-12 15:24:20 -04:00
d-icon-helper-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
d-navigation-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
d-popover-test.js DEV: Use key names in triggerKeyEvent (#17535) 2022-07-17 20:15:28 +02:00
d-tooltip-test.js DEV: a new d-tooltip component (#17513) 2022-07-28 18:33:20 +04:00
date-input-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
date-time-input-range-test.js DEV: Ensure date-time-input-range-test works in all timezones (#17923) 2022-08-15 11:28:30 +02:00
date-time-input-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
dialog-holder-test.js DEV: Add A11Y-friendly dialog addon (#18028) 2022-08-29 13:59:57 -04:00
emoji-picker-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
emoji-uploader-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
empty-state-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
flat-button-test.js DEV: Use key names in triggerKeyEvent (#17535) 2022-07-17 20:15:28 +02:00
group-list-setting-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
group-membership-button-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
hidden-details-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
highlighted-code-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
html-safe-helper-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
iframed-html-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
input-size-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
invite-panel-test.js DEV: Consistently use response helper (#17627) 2022-07-25 02:31:52 +02:00
load-more-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
pending-post-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
relative-time-picker-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
secret-value-list-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
simple-list-test.js DEV: Use key names in triggerKeyEvent (#17535) 2022-07-17 20:15:28 +02:00
site-header-test.js DEV: Add a tab for watching notifications to the experimental user menu (#18240) 2022-09-13 20:52:02 +03:00
site-setting-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
slow-mode-info-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
software-update-prompt-test.js DEV: Always await for publishToMessageBus (#17626) 2022-07-24 19:55:58 +02:00
text-field-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
themes-list-item-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
themes-list-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
time-input-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
time-shortcut-picker-test.js FEATURE: show default custom date on time-shortcut-pickers (#17867) 2022-08-18 14:55:54 +04:00
topic-list-item-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
topic-list-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
uppy-image-uploader-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
user-avatar-flair-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
user-info-test.js DEV: add status to the user info component (#17809) 2022-08-05 16:54:54 +04:00
user-selector-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
user-status-message-test.js DEV: Make it possible to hide tooltip on the user status (#17808) 2022-08-05 16:53:28 +04:00
value-list-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
watched-word-uploader-test.js DEV: Switch from htmlbars-inline-precompile to ember-cli-htmlbars (#17424) 2022-07-11 15:25:40 +01:00
wizard-invite-list-test.js FEATURE: revamped wizard (#17477) 2022-07-27 06:53:01 +05:30