Fixing accesibility issues.

vaijira · Dec 15, 2024 · 75e8a8f · 75e8a8f · github-actions · Dec 15, 2024
1 parent 694d4f5
commit 75e8a8f
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -30,7 +30,7 @@
       </div>
       <div class="item">
         <div class="faq">
-          <h3>Preguntas frecuentes</h3>
+          <h2>Preguntas frecuentes</h2>
           <details>
             <summary>¿Cu&aacute;ndo se puede usar esta app para generar el modelo 720?</summary>
             <p>El modelo 720 generado solo contendr&aacute; informaci&oacute;n de acciones y se puede presentar si es la primera declaración o

diff --git a/src/app.rs b/src/app.rs
@@ -178,11 +178,11 @@ impl App {
 
     pub fn render(this: Arc<Self>) -> Dom {
         html!("div", {
-            .child(html!("h3", {
+            .child(html!("h2", {
                 .text("Paso 1: Rellena datos personales.")
             }))
             .child(PersonalInfoViewer::render(&this.personal_info_viewer))
-            .child(html!("h3", {
+            .child(html!("h2", {
                 .text("Paso 2: Descarga los informes de Interactive brokers y/o Degiro e importalos.")
             }))
             .child(
@@ -194,11 +194,11 @@ impl App {
             .child(
                 App::render_clear_button(&this)
             )
-            .child(html!("h3", {
+            .child(html!("h2", {
                 .text("Paso 3: Revisa las fechas de 1º adquisición y los datos importados y descarga el fichero generado.")
             }))
             .child(App::render_download_button(&this))
-            .child(html!("h3", {
+            .child(html!("h2", {
                 .text("Paso 4: Finalmente importe el fichero descargado con el modelo 720 en la ")
                 .child(html!("a", {
                   .attr("alt", "enlace presentación modelo 720 AEAT")

diff --git a/src/personal_info.rs b/src/personal_info.rs
@@ -80,6 +80,7 @@ impl PersonalInfoViewer {
                         .attr("alt", "Año")
                         .attr("type", "text")
                         .attr("maxlength", "4")
+                        .attr("placeholder", "Año")
                         .attr("value", &DEFAULT_YEAR.to_string())
                         .with_node!(element => {
                             .event(clone!(this => move |_: events::Input| {

diff --git a/static/css/main.css b/static/css/main.css
@@ -30,6 +30,11 @@ details {
   margin: 5px;
 }
 
+details summary {
+  font-size: larger;
+  height: 40px; /* adjust the value to your desired height */
+}
+
 img.opacity {
   opacity: 0.7;
   filter: alpha(opacity=70);