Commit graph

46 commits

Author SHA1 Message Date
Chris McCord 626a7bc305 WIP 2022-08-03 09:40:48 -04:00
Chris McCord 819d5ecc98 Add accessible modal with focus_wrap component
The focus_wrap function component (and hook) can
be used to focus wrap any content.

The focus and focus_closest JS functions were added to
programmtaically focus an element on the client or
find the next element or previous element sibling when an
action is taken that requires moving focus to cloest item.

Co-authored-by: Nolan Darilek <nolan@thewordnerd.info>
2022-02-04 11:48:05 -05:00
Adam Wiggall c62b1826c7 Update flash, reduce markup and alignment improved
Flash message content are misaligned, and there is exteraneous
markup.

Replace check icon with exclamation icon for :error flash.

This commit improves alignment, slightly tweeks the icon sizes
(subjective), matches colors, and uses what I believe to be more
idiomatic Tailwind.
2022-02-03 08:54:23 -05:00
Chris McCord 8fd4c87a84
Update lib/live_beats_web/live/live_helpers.ex 2022-02-02 15:57:23 -05:00
Mykolas Mankevicius 2f50ab7927 Fix visual bug with title_bar 2022-02-02 22:48:26 +02:00
Chris McCord 8cd6048d4b Optimize presence and rate limit pings 2022-01-31 14:27:06 -05:00
Chris McCord ad3cab4d29
Merge pull request #20 from ndarilek/playlist-a11y
Improve playlist accessibility
2022-01-07 15:24:00 -05:00
Nolan Darilek 3860c79ec7 If an icon has aria-labelset, don't set aria-hidden. Also, label some icons. 2021-12-16 15:26:12 -06:00
Chris McCord 8da032fed3 Make songs temporary assigns 2021-12-15 21:51:09 -05:00
Chris McCord ce1a1fdc5f Do not focus outline h1 in title bar 2021-12-15 12:48:05 -05:00
Chris McCord dda0cdaa3f Test basic uploads 2021-12-14 15:19:03 -05:00
Chris McCord c8a6035a02 Fixup tests 2021-12-14 10:35:51 -05:00
Chris McCord 57c193e490
Merge pull request #14 from ndarilek/accessible-routing
Initial work on making routing more accessible
2021-12-13 13:21:04 -05:00
Chris McCord 7db38a70ab
Merge pull request #15 from ndarilek/sidebar-a11y
Improve accessibility of mobile sidebar
2021-12-13 13:19:53 -05:00
Berenice Medel 0e0d349e31 hide play button on playlist 2021-11-29 19:21:35 -06:00
Nolan Darilek ca311dd11d Further sidebar accessibility improvements.
* Set `aria-controls` to the sidebar container.
* Swap button focus as sidebar is revealed/hidden.
2021-11-23 11:41:07 -06:00
Nolan Darilek ad13a8c364 Partial implementation of ARIA disclosure pattern for sidebar.
* Hide/show buttons to reveal sidebar as appropriate.
* Hard-code `aria-expanded`, since by default only one button is exposed at a given time.
2021-11-23 11:29:49 -06:00
Chris McCord a325b385b3 Rename link attrs 2021-11-23 09:34:46 -05:00
Nolan Darilek 7096b98cc2 Add alert role on connection status so it is read automatically on change.
Note: not currently tested since I'm not sure how to force these states, but I did notice them happening from time to time so wanted to try addressing them..
2021-11-22 15:24:10 -06:00
Nolan Darilek ef1355f897 Set aria-hidden="true" on more SVG graphics, and hide icons by default.
The original icon fix assumed that the `<svg>` tag had an `alt` attribute, which it does not. Instead, SVG requires a child element to specify a description. A complete fix involves patching upstream to allow for setting this element, but since we don't seem to have actionable icons without associated textual controls, set `aria-hidden="true"` by default and require it to be overridden if needed.
2021-11-22 13:50:20 -06:00
Chris McCord d35554ee0e Link logo placeholder 2021-11-22 13:04:05 -05:00
Chris McCord 7209a3121c Add dropdown component 2021-11-22 11:21:11 -05:00
Chris McCord 198846433b Resolve conflicts 2021-11-22 10:37:56 -05:00
Chris McCord aec76630d1 Remove unnecessary attr 2021-11-22 10:36:18 -05:00
Chris McCord bb23d8e071 Rename SongLive modules to ProfileLive 2021-11-22 09:57:24 -05:00
Chris McCord 8ee6b39ad5 Show connection status flash 2021-11-22 09:24:41 -05:00
Chris McCord 07d1dbf744 Fixup flash hiding 2021-11-19 09:55:26 -05:00
Chris McCord 30b46e95e5 Add aria menu hook and use in sidebar 2021-11-18 09:55:09 -05:00
Nolan Darilek 72501c90b4 Remove aria-hidden on icons in favor of empty alt text.
This matches better with adding alt text to images, which is probably better than either manually opting out of the accessibility tree or creating some less-compatible implementation.
2021-11-17 09:30:33 -06:00
Chris McCord 364b0659e1 Deploy and presence stub 2021-11-16 11:58:28 -05:00
Chris McCord 5ca7357665 Show active users in sidebar 2021-11-12 10:10:04 -05:00
Chris McCord ed8ad74141 Only render delete song button if owner 2021-11-12 06:21:12 -05:00
Chris McCord 635a2c9d21 Make sidebar live and add enhanced flash 2021-11-10 13:23:02 -05:00
Chris McCord f482d5143a Update flash 2021-11-10 11:56:01 -05:00
Chris McCord eda99fa903 Add attribution field and handle async duration race 2021-11-10 10:10:43 -05:00
Chris McCord ff7b064660 settings 2021-11-09 06:20:10 -05:00
Chris McCord 17db535839 Move audio enabling entirely to client 2021-11-08 14:32:40 -05:00
Chris McCord 3ff4ae2bea Drop invalid uploads as they happen 2021-11-05 08:57:48 -04:00
Chris McCord d7ccc9282c Add hero icons with icon component 2021-11-04 21:20:31 -04:00
Chris McCord 60382feddc Initial synced playback 2021-11-04 20:49:19 -04:00
Chris McCord aaa89c7c76 Checkpoint 2021-11-02 12:24:53 -04:00
Chris McCord 1d37ec3c5c Checkpoint 2021-11-01 23:25:28 -04:00
Chris McCord 50ecdb8ced Initial file uploads with copying 2021-11-01 15:57:53 -04:00
Chris McCord da7a54a1c3 Uploads WIP 2021-10-31 21:19:52 -04:00
Chris McCord 2552a32865 UI function components 2021-10-29 12:12:23 -04:00
Chris McCord 708bf715e1 WIP 2021-10-27 16:02:56 -04:00