Ali Mahmood created FINERACT-2503:
-------------------------------------
Summary: [fineract-site] Fix WCAG 2.1 AA contrast violations and
improve mobile responsiveness
Key: FINERACT-2503
URL: https://issues.apache.org/jira/browse/FINERACT-2503
Project: Apache Fineract
Issue Type: Improvement
Reporter: Ali Mahmood
Attachments: AIM Score.png, fineract footer.png, fineract.png
Here is the quick summary of what fixes I made regarding both WCAG Contrast and
responsivness across all devices :
*Responsiveness Fixes* :
*Fixed the Sidebar:* I fixed the responsiveness of sidebar with following
changes:
1. Added closing button
2. Fixed alignment of both logo and organization name
3. Added proper padding for all sidebar options
*Cleaned Up the Header:* I centered the logo and moved the menu button to the
left. I also removed the cluttered links from the top bar to make it look much
cleaner on mobile.
*Uniform Boxes & Spacing*: I made all the feature boxes the same size so they
look balanced and reduced the extra "empty space" between sections to make the
page scroll better.
*Better Mobile View:* Fixed overlapping text and icons so the site works
perfectly on small phone screens (like 375px).
*Contrast Fixes : *
*Switched to Light Theme Footer:* I moved the footer/reference section to a
light theme with dark teal text. This fixed the remaining accessibility
issues—we now have 0 contrast errors!
*Switched to Light Theme Navbar :* I moved the navbar section to light theme so
it contrasts perfectly with apache fineract's original theme and looks good.
Improved AIM Score : Before contrast fixes ,AIM Score was *1.7*. Now the AIM
score is *"9.8"*
Related: FINERACT-2484
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
