improve accesibility

2 files changed, 4 insertions, 3 deletions

diff --git a/templates/base.html b/templates/base.html
index c17fc77..d3a3891 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -38,7 +38,7 @@
         </a>
     </header>
 
-    <section class="mb-auto mt-12 pt-8">
+    <main class="mb-auto mt-12 pt-8">
         {% with messages = get_flashed_messages() %}
         {% if messages %}
         {% for message in messages %}
@@ -52,7 +52,7 @@
         {% endwith %}
 
         {% block content %}{% endblock %}
-    </section>
+    </main>
 
     <footer class="h-10 flex justify-center">
         <a class="flex justify-center" target="_blank" rel="noreferrer" href="https://0xacab.org/jvoisin/mat2-web" class="text-blue-dark">
diff --git a/templates/index.html b/templates/index.html
index addf868..70aa259 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,7 +12,8 @@
     <div class="w-50 rounded overflow-hidden shadow-lg pb-4">
         <div class="px-6 pt-4 pb-2 grid grid-rows-1">
             <form method="post" enctype="multipart/form-data" class="grid grid-rows-1">
-                <input class="border rounded" type="file" name="file" id="upload_file" accept="{{ mimetypes |  join(', ') }}">
+                <label class="text-gray-700 text-sm text-opacity-80 mb-2" for="upload_file">Choose your file to clean</label>
+                <input class="border rounded" aria-label="" type="file" name="file" id="upload_file" accept="{{ mimetypes |  join(', ') }}">
                 <button
                     class="w-full mt-4 bg-blue-dark hover:bg-blue-700 text-white py-2 px-4 rounded flex justify-center"
                     type="submit"