From 0d1ee3b5318088096f8295645c5f95e447d11d00 Mon Sep 17 00:00:00 2001
From: Tudor Amariei <tudor.amariei@commitglobal.org>
Date: Thu, 17 Oct 2024 16:06:47 +0300
Subject: [PATCH] Improve platform a11y

- improve contrast and some components
---
 backend/hub/templates/hub/blog/list.html            |  4 ++--
 backend/hub/templates/hub/candidate/list.html       |  2 +-
 backend/hub/templates/hub/candidate/results.html    |  2 +-
 backend/hub/templates/hub/committee/candidates.html |  2 +-
 backend/hub/templates/hub/home.html                 | 12 ++++++------
 backend/hub/templates/hub/ngo/list.html             |  8 ++++----
 backend/hub/templates/hub/ngo/votes.html            |  2 +-
 7 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/backend/hub/templates/hub/blog/list.html b/backend/hub/templates/hub/blog/list.html
index f1f9e096..9a0b1f17 100644
--- a/backend/hub/templates/hub/blog/list.html
+++ b/backend/hub/templates/hub/blog/list.html
@@ -6,7 +6,7 @@
 {% block left-side-view %}
 
   <div class="container">
-  
+
     <div class="container section has-text-centered">
       <h1 class="title">
         Articole VotONG
@@ -45,7 +45,7 @@ <h1 class="title">
             </div>
 
             <div class="need-call2action">
-              <a class="button is-flex has-background-success has-text-weight-bold has-text-white" href="{% url 'blog-post' blog_post.slug %}">
+              <a class="button is-flex has-background-success-dark has-text-weight-bold has-text-white" href="{% url 'blog-post' blog_post.slug %}">
                 {% trans "Read more" %}
               </a>
             </div>
diff --git a/backend/hub/templates/hub/candidate/list.html b/backend/hub/templates/hub/candidate/list.html
index 5461a5ee..c7e42105 100644
--- a/backend/hub/templates/hub/candidate/list.html
+++ b/backend/hub/templates/hub/candidate/list.html
@@ -83,7 +83,7 @@ <h2 class="section-title uppercase">
               </div>
 
               <div class="need-call2action">
-                <a class="button is-flex has-background-success has-text-weight-bold has-text-white"
+                <a class="button is-flex has-background-success-dark has-text-weight-bold has-text-white"
                    href="{% url 'candidate-detail' candidate.pk %}">
                   {% trans "View details" %}
                 </a>
diff --git a/backend/hub/templates/hub/candidate/results.html b/backend/hub/templates/hub/candidate/results.html
index 628cd00d..9b725379 100644
--- a/backend/hub/templates/hub/candidate/results.html
+++ b/backend/hub/templates/hub/candidate/results.html
@@ -60,7 +60,7 @@
               </div>
 
               <div class="need-call2action">
-                <a class="button is-flex has-background-success has-text-weight-bold has-text-white"
+                <a class="button is-flex has-background-success-dark has-text-weight-bold has-text-white"
                    href="{% url 'candidate-detail' candidate.pk %}">
                   {% trans "View details" %}
                 </a>
diff --git a/backend/hub/templates/hub/committee/candidates.html b/backend/hub/templates/hub/committee/candidates.html
index 421aacb8..23dd897f 100644
--- a/backend/hub/templates/hub/committee/candidates.html
+++ b/backend/hub/templates/hub/committee/candidates.html
@@ -46,7 +46,7 @@ <h2 class="title border-b uppercase">
             {% endif %}
 
             <div class="need-call2action">
-              <a class="button is-flex has-background-success has-text-weight-bold has-text-white"
+              <a class="button is-flex has-background-success-dark has-text-weight-bold has-text-white"
                  href="{% url 'candidate-detail' candidate.pk %}">
                 {% trans "View details" %}
               </a>
diff --git a/backend/hub/templates/hub/home.html b/backend/hub/templates/hub/home.html
index 7597adee..177daea1 100644
--- a/backend/hub/templates/hub/home.html
+++ b/backend/hub/templates/hub/home.html
@@ -115,7 +115,7 @@ <h1 class="section-title">Cum funcționează</h1>
             <div class="box-icon">
               <img src="{% static "images/1-inscriere.svg" %}" alt="Sign up icon"/>
             </div>
-            <p class="tile-title">Pasul 1: Eligibilitate</p>
+            <h2 class="tile-title">Pasul 1: Eligibilitate</h2>
             <p>
               Se pot înscrie în platformă toate asociațiile, fundațiile sau federațiile înregistrate legal în România,
               orice fundație pentru tineret sau Fundația Națională pentru Tineret, precum și Societatea Națională de
@@ -127,7 +127,7 @@ <h1 class="section-title">Cum funcționează</h1>
             <div class="box-icon">
               <img src="{% static "images/2-validare.svg" %}" alt="Validation icon"/>
             </div>
-            <p class="tile-title">Pasul 2: Înscriere</p>
+            <h2 class="tile-title">Pasul 2: Înscriere</h2>
             <p>
               Organizațiile se pot înscrie în VotONG prin platforma
               <a href="{{ NGOHUB_HOME_FULL }}">NGO Hub</a>.
@@ -144,7 +144,7 @@ <h1 class="section-title">Cum funcționează</h1>
             <div class="box-icon">
               <img src="{% static "images/3-votare.svg" %}" alt="Vote icon"/>
             </div>
-            <p class="tile-title">Pasul 3: Validare</p>
+            <h2 class="tile-title">Pasul 3: Validare</h2>
             <p>
               După înscrierea în NGO Hub, fiecare ONG este validat.
               Administratorul platformei VotONG va verifica informațiile prezentate în formularul completat
@@ -156,7 +156,7 @@ <h1 class="section-title">Cum funcționează</h1>
             <div class="box-icon">
               <img src="{% static "images/4-vot.svg" %}" alt="Results icon"/>
             </div>
-            <p class="tile-title">Pasul 4: Vot</p>
+            <h2 class="tile-title">Pasul 4: Vot</h2>
             <p>
               Dacă există alegeri în curs, fiecare ONG care se califică, potrivit regulamentului fiecărei runde, poate
               să propună candidaturi pentru a intra în cursa electorală. Organizațiile pot de asemenea și să își exprime
@@ -171,7 +171,7 @@ <h1 class="section-title">Cum funcționează</h1>
             <div class="box-icon">
               <img src="{% static "images/5-rezultate.png" %}" alt="Sign up icon"/>
             </div>
-            <p class="tile-title">Pasul 5: Rezultate</p>
+            <h2 class="tile-title">Pasul 5: Rezultate</h2>
             <p>
               Rezultatele fiecărei runde de alegeri vor fi publicate pe platformă și anunțate prin e-mail către toate
               organizațiile care au participat la runda de vot.
@@ -182,7 +182,7 @@ <h1 class="section-title">Cum funcționează</h1>
             {% endif %}
           </div>
           <div class="tile is-child box rules-box">
-            <p class="tile-title">Regulament platformă</p>
+            <h2 class="tile-title">Regulament platformă</h2>
             <p>
               Citește aici detalii despre regulamentul de funcționare al platformei VotONG.
             </p>
diff --git a/backend/hub/templates/hub/ngo/list.html b/backend/hub/templates/hub/ngo/list.html
index bfd564fc..754c7405 100644
--- a/backend/hub/templates/hub/ngo/list.html
+++ b/backend/hub/templates/hub/ngo/list.html
@@ -11,9 +11,9 @@
       <div class="field border-b">
         <p class="control has-icons-right ">
           <input
-            class="input search-input" 
-            type="text" 
-            name="q" 
+            class="input search-input"
+            type="text"
+            name="q"
             value="{{ current_search }}"
             aria-label="{% trans 'Search...' %}"
             placeholder="{% trans 'Search...' %}">
@@ -157,7 +157,7 @@ <h2 class="section-title uppercase">
             </div>
 
             <div class="need-call2action">
-              <a class="button is-flex has-background-success has-text-weight-bold has-text-white"
+              <a class="button is-flex has-background-success-dark has-text-weight-bold has-text-white"
                  href="{% url 'ngo-detail' ngo.pk %}">
                 Vizualizează
               </a>
diff --git a/backend/hub/templates/hub/ngo/votes.html b/backend/hub/templates/hub/ngo/votes.html
index 58e29f19..06afc2ad 100644
--- a/backend/hub/templates/hub/ngo/votes.html
+++ b/backend/hub/templates/hub/ngo/votes.html
@@ -79,7 +79,7 @@ <h2 class="title border-b uppercase">
             </div>
 
             <div class="need-call2action">
-              <a class="button is-flex has-background-success has-text-weight-bold has-text-white"
+              <a class="button is-flex has-background-success-dark has-text-weight-bold has-text-white"
                  href="{% url 'candidate-detail' candidate.pk %}">
                 {% trans "View details" %}
               </a>