discourse/app/assets/stylesheets/common/base
Martin Brennan e0d2de73d8
A11Y: Improve create account modal for screen readers (#14204)
Improves the create account modal for screen readers by doing the following:

* Making the `modal-alert` section into an `aria-role="alert"` region and making it show and hide using height instead of display:none so screen readers pick it up. Made a change so the field-related error messages are always shown beneath the field.
* Add `aria-invalid` and `aria-describedby` attributes to each field in the modal, so the screen reader will read out the error hint on error. This necessitated an Ember component extension to allow both the `aria-*` attributes to be bound and to render on `{{input}}`.
* Moved the social login buttons to the right in the HTML structure so they are not read out first.
* Added `aria-label` attributes to the login buttons so they can have different content for screen readers.
* In some cases for modals, the title that should be used for the `aria-labelledby` attribute is within the modal content and not the discourse-modal-title title. This introduces a new titleAriaElementId property to the d-modal component that is then used by the create-account modal to read out the
2021-09-03 08:59:22 +10:00
..
_index.scss FEATURE: New style for personal messages (#13800) 2021-07-21 10:41:04 -04:00
_topic-list.scss UX: Remove :empty on topic-statuses, clean up (#14227) 2021-09-02 15:35:35 -04:00
about.scss UX: More consistent table header styles, removing duplicate styles 2019-02-26 21:40:17 -05:00
activation.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
alert.scss UX: Fix z-index for new topic alert (#13676) 2021-07-09 15:22:30 -04:00
bbcode.scss
cat_reorder.scss UX: Increase width & center category reorder input (#10928) 2020-10-15 14:42:42 +11:00
category-list.scss FEATURE: Topic count in category boxes (#12756) 2021-04-19 16:24:17 -05:00
code_highlighting.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
colorpicker.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
compose.scss DEV: select-kit third major update with focus on accessibility (#13303) 2021-08-23 10:44:19 +02:00
composer-user-selector.scss UX: Reducing usage of btn-small, simplifying styles 2019-01-11 19:41:09 -05:00
crawler_layout.scss UX: remove timeline from print view, fix header in crawler view (#11489) 2020-12-15 16:12:46 -05:00
d-icon.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
d-popover.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
directory.scss UX: Horizontal scroll bar on top of user directory (when needed) (#13553) 2021-06-28 15:10:38 -05:00
discourse.scss UX: Remove :empty on topic-statuses, clean up (#14227) 2021-09-02 15:35:35 -04:00
edit-category.scss FEATURE: Per-category default slow mode duration for topics. 2021-07-21 12:32:07 +08:00
edit-topic-timer-modal.scss FIX: CSS tweaks so bookmark + timer modal work on mobile (#12253) 2021-03-02 16:55:41 +10:00
ember-select.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
emoji.scss DEV: Remove IntersectionObserver polyfill (#13445) 2021-06-22 09:30:44 -04:00
empty-state.scss FIX: Small tweaks to "no messages" education (#12588) 2021-04-07 09:28:10 +10:00
exception.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
explain-reviewable.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
faqs.scss UX: more consistent mobile spacing (#13297) 2021-06-07 13:22:28 -04:00
group.scss FIX: Move allow_unknown_sender_topic_replies outside SMTP/IMAP box (#13410) 2021-06-17 11:40:01 +10:00
groups.scss UX: Tweak groups page css (#13775) 2021-07-20 12:26:52 +02:00
header.scss UX: Improve tag truncation in scrolled header 2021-06-07 16:44:03 +08:00
history.scss Fix CSS for collapsed table cells when showing insertion in Raw mode (#12489) 2021-03-23 10:43:25 +01:00
lightbox.scss FIX: Do not add CSS transition effect to animated images (#12803) 2021-04-22 14:05:48 -04:00
login.scss A11Y: Improve create account modal for screen readers (#14204) 2021-09-03 08:59:22 +10:00
magnific-popup.scss DEV: Correct typos and spelling mistakes (#12812) 2021-05-21 11:43:47 +10:00
menu-panel.scss Update menu swipe (#13277) 2021-06-07 12:31:16 -07:00
modal.scss UX: New text and style for dominating topic message (#13789) 2021-07-20 13:58:38 -04:00
not-found.scss FEATURE: Add site setting to show more detailed 404 errors. (#8014) 2019-10-08 14:15:08 +03:00
onebox.scss UX: stop imgur/google photo mobile onebox overflow (#13738) 2021-07-15 09:14:05 +08:00
personal-message.scss UX: prioritize moderator bg color in PMs (#13833) 2021-07-23 13:06:48 -04:00
popup-menu.scss UX: popup menu buttons need focus style (#11962) 2021-02-04 09:37:45 -05:00
redirection.scss FIX: show an error page on click tracking error 2018-03-17 00:33:11 +01:00
request_access.scss DEV: adds prettier (#5956) 2018-06-08 11:49:31 +02:00
request-group-membership-form.scss UX: Split up group form into smaller sections. 2018-04-09 15:14:50 +08:00
reviewables.scss UX: Remove :empty on topic-statuses, clean up (#14227) 2021-09-02 15:35:35 -04:00
rtl.scss FIX: Fix rtl style for pull right (#13999) 2021-08-10 15:31:04 -05:00
search-menu.scss FIX: Include tags in quick search suggestions (#14080) 2021-08-18 14:14:10 -04:00
search.scss UX: Revert some search dropdown styles (#13274) 2021-06-03 22:54:22 -04:00
share_link.scss UX: Add margin to share input (#14041) 2021-08-13 09:28:45 -05:00
shared-drafts.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
tagging.scss UX: more consistent mobile spacing (#13297) 2021-06-07 13:22:28 -04:00
tooltip.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
topic-admin-menu.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
topic-post.scss FEATURE: New style for personal messages (#13800) 2021-07-21 10:41:04 -04:00
topic.scss UX: Remove :empty on topic-statuses, clean up (#14227) 2021-09-02 15:35:35 -04:00
upload.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
user-badges.scss fix badge wrapping on user summary 2021-07-27 12:48:16 +08:00
user.scss UX: Comma separate public custom field lists (#14200) 2021-08-31 14:08:04 -04:00
username_tagsinput.scss UX: Remove Helvetica from our font stack (#11876) 2021-02-05 17:01:21 -05:00