immich/web/src/lib/components/shared-components
Bogdan Cerovac d5e19e45cd
fix(web): fix #4574 link button + improves accessibility (#4575)
* Fixed semantic problem in navigation-bar.svelte

Closes [4574]

* Reintroduced styling for navigation-bar.svelte

Based on button styling

* Horizontal rule set as decoration in navigation-bar.svelte

* aria-current added as an assistive technology indication for current page

Horizontal rule indicates current page for users that can see the screen and with aria-current screen-reader users get the same information

* Temporary fix for accessibility name of the link when SVG replaces text

This is a temporary fix as we first need to fix the svelte-material-icons to support role="img" on rendered SVGs.

* fix(web): horizontal rule replaced with div

hr is not semantically correct, therefore we tried with role="decoration" (that should be role="presentation") but it's actually better to just use a div as it's best practice to not override semantics when we can avoid that...

Btw. the semantics for active element for assistive technology is added with previous commit setting aria-current on the link...

* chore: format

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
2023-10-25 12:53:44 +00:00
..
context-menu fix(web): escape shortcut (#3753) 2023-09-26 02:53:26 +00:00
create-share-link-modal fix(server,web): correctly remove metadata from shared links (#4464) 2023-10-14 01:46:30 +00:00
gallery-viewer refactor(web): shared link key auth (#3855) 2023-08-25 06:03:28 +02:00
leaflet feat(server,web): server config (#4006) 2023-09-08 22:51:46 -04:00
navigation-bar fix(web): fix #4574 link button + improves accessibility (#4575) 2023-10-25 12:53:44 +00:00
notification fix(web): show warning on duplicate uploads #2557 (#3613) 2023-08-10 01:11:26 +00:00
portal chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
progress-bar feat(web): slideshow mode (#3813) 2023-08-25 18:20:45 -05:00
scrollbar fix: time buckets (#4358) 2023-10-06 12:12:09 +00:00
search-bar fix(web): escape shortcut (#3753) 2023-09-26 02:53:26 +00:00
side-bar fix(web): trash link wrongly wrapped (#4586) 2023-10-23 12:24:58 -04:00
album-selection-modal.svelte chore(web): sort tailwindcss class automatically (#3330) 2023-07-18 13:19:39 -05:00
apple-header.svelte chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
base-modal.svelte fix(web): escape shortcut (#3753) 2023-09-26 02:53:26 +00:00
confirm-dialogue.svelte fix(web): escape shortcut (#3753) 2023-09-26 02:53:26 +00:00
control-app-bar.svelte fix(web): focus & clear individual search term (#3452) 2023-07-28 13:03:23 -05:00
drag-and-drop-upload-overlay.svelte chore(web): sort tailwindcss class automatically (#3330) 2023-07-18 13:19:39 -05:00
dropdown-button.svelte chore(web): sort tailwindcss class automatically (#3330) 2023-07-18 13:19:39 -05:00
empty-placeholder.svelte fix(web): empty placeholders (#4470) 2023-10-13 14:47:31 -04:00
favicon-header.svelte chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
full-screen-modal.svelte fix(web): escape shortcut (#3753) 2023-09-26 02:53:26 +00:00
fullscreen-container.svelte refactor(web,server): use feature flags for oauth (#3928) 2023-09-01 18:08:42 +07:00
immich-logo.svelte chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
loading-spinner.svelte chore(web): sort tailwindcss class automatically (#3330) 2023-07-18 13:19:39 -05:00
navigation-loading-bar.svelte chore(web): sort tailwindcss class automatically (#3330) 2023-07-18 13:19:39 -05:00
profile-image-cropper.svelte fix(web): fixes previous pull request: set asset as profile image (#3415) 2023-07-25 05:17:59 +00:00
show-shortcuts.svelte fix(web): escape shortcut (#3753) 2023-09-26 02:53:26 +00:00
status-box.svelte feat(web): enable websocket (#3765) 2023-10-06 15:48:11 -05:00
theme-button.svelte chore(web): sort tailwindcss class automatically (#3330) 2023-07-18 13:19:39 -05:00
upload-asset-preview.svelte chore(web): remove upload preview (#4219) 2023-09-25 22:28:01 +07:00
upload-panel.svelte feat(web): enable websocket (#3765) 2023-10-06 15:48:11 -05:00
user-avatar.svelte feat(web): timeline bucket for albums (4) (#3604) 2023-08-11 11:00:51 -05:00
version-announcement-box.svelte refactor(server, web)!: store latest immich version available on the server (#3565) 2023-10-24 11:05:42 -04:00