v1.7-v8x Accesibility module EAA WCAG [v1.0.0]

_aNoNiMo_

Well-known member
Master
Joined
Dec 3, 2019
Messages
494
Reaction score
10,460
Points
93
NullCash
66,489
1668896-pbig.jpg


- MORE INFO: LINK

Overview​

Ensure your store meets European WCAG standards with a screen reader, contrast mode, font resizing, color-blind mode and adjustable cursors. Improve usability, enhance user experience, and create a more inclusive shopping environment for all visitors

Description​

  • Comply with WCAG and European accessibility laws.
  • Improve user experience and reduce bounce rates.
  • Expand your customer base by catering to users with disabilities.
  • Enhance your store’s reputation and inclusivity.
Benefits
check_circle_outlineEnhance user experience

Features​

✅ Multi-language screen reader (hover to read text).
✅ Contrast mode for better visibility.
✅ Adjustable font size (increase or decrease).
✅ Color-blind mode for better differentiation.
✅ Customizable cursor (color and size options).

What your customers will like​

Easier navigation for visually impaired users.
Personalized accessibility settings for better comfort.
Improved readability and usability across devices.
A more inclusive and user-friendly shopping experience.
 

Attachments

  • v1.0.0-pspaccesibility.zip
    33.6 KB · Views: 15

jesika

Active member
Elite
XNullUser
Joined
Sep 4, 2024
Messages
589
Reaction score
227
Points
43
Location
-
NullCash
3,542
Thank you for sharing this module with us
 

AquariusGaza

Well-known member
Master
Diamond
Elite
Joined
Sep 29, 2022
Messages
1,765
Reaction score
495
Points
83
NullCash
3,387
Thank you for sharing this module with us
 

gpmxman

Well-known member
Master
Diamond
Elite
Joined
Feb 26, 2019
Messages
544
Reaction score
1,001
Points
93
NullCash
1,822
Thanks for sharing. The appearence has as issue.. doesn't appear with icon.. only a circle with shadow.. anyone with this problem?!
 

_aNoNiMo_

Well-known member
Master
Joined
Dec 3, 2019
Messages
494
Reaction score
10,460
Points
93
NullCash
66,489
Hello, for the icon to display correctly, you have to place this code in your_template/templates/_partials/head.tpl file

HTML:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
Top