Login Component Accessibility 👀

nginx.conf

@@ -6,16 +6,19 @@ http {
     server {
         error_page 404 /index.html;
         root /usr/share/nginx/html;
+        location / {
+            try_files $uri $uri/ /index.html;
+        }
         location ~* \.(?:ico|css|js|gif|jpe?g|png)$ {
             expires 1y;
             add_header Pragma public;
             add_header Cache-Control "public";
         }
         # --- Brotli
-        # brotli on;
-        # brotli_comp_level 6;
-        # brotli_static on;
-        # brotli_types application/atom+xml application/javascript application/json application/rss+xml application/vnd.ms-fontobject application/x-font-opentype application/x-font-truetype application/x-font-ttf application/x-javascript application/xhtml+xml application/xml font/eot font/opentype font/otf font/truetype image/svg+xml image/vnd.microsoft.icon image/x-icon image/x-win-bitmap text/css text/javascript text/plain text/xml;
+        brotli on;
+        brotli_comp_level 6;
+        brotli_static on;
+        brotli_types application/atom+xml application/javascript application/json application/rss+xml application/vnd.ms-fontobject application/x-font-opentype application/x-font-truetype application/x-font-ttf application/x-javascript application/xhtml+xml application/xml font/eot font/opentype font/otf font/truetype image/svg+xml image/vnd.microsoft.icon image/x-icon image/x-win-bitmap text/css text/javascript text/plain text/xml;
         # --- GZIP
         gzip on;
         gzip_disable "msie6";

src/components/Login.svelte

@@ -82,12 +82,8 @@
 
 <div
   class="min-h-screen flex items-center justify-center bg-gray-100 text-gray-900">
-  <div class="max-w-md w-full py-12 px-6">
-    <img
-      style="height:10rem;"
-      class="mx-auto"
-      src="/lfk-logo.png"
-      alt="" />
+  <div class="max-w-md w-full py-12 px-6" role="main">
+    <img style="height:10rem;" class="mx-auto" src="/lfk-logo.png" alt="" />
     <p class="mt-6 text-lg text-center font-bold">{$_('application_name')}</p>
     <p class="mt-6 text-sm text-center">{$_('log_in_to_your_account')}</p>
     <div>