When I started designing Leeneon, my main goal was to create a product to sell on internet. The idea was to create a website template that had accessibility as its main differential. But throughout the process, I had a hard time looking for other accessible open source websites that I could learn from.
When I finished the first version, I realized that I had developed the project that I would have liked to have had access to during my own template development.
It was my turning point, so I decided that Leeneon would be more useful to dev community as an open source project rather than being sold.
The WCAG is a document that contains all the instructions for creating accessible content on the web. This document is maintained by W3C, the organization that regulates web standards worldwide. Leeneon was developed to meet a lot of those standards.
Check out some of the features implemented in Leeneon:
- HTML semantics - Correct use of HTML 5 tags that provide meaning for its content.
- Color contrast – All color combinations between text and background have a contrast of at least 4.5:1.
- Keyboard navigation – All functionalities are available from keyboard and the focus are always visible.
- Reduce motion – Leeneon identifies user's system preferences to disable or enable animations.
- Dark and light theme – Leeneon identifies user's system preferences to choose between dark or light themes.
- Responsive – The website adjusts for all screen sizes.
- Zoom – It supports up to 400% zoom without breaking the page.
- Right to left – Both right-to-left and left-to-right versions are supported.
- Form errors – Contact form errors are clearly presented and guides the user on how to fix them.
- Images description – Non-decorative images have alternative text.
- User has the control – Although Leeneon adopts settings based on user's system preferences, an interactive panel is available for the user to manage preferences on their own.
This is the result of the automated test powered by Web Dev Measure Tool.
IMPORTANT: Automated tests are important, but they are not a substitute for human tests.
To make this article straight to the point I'm not going to explain all details involved in Leeneon's accessibility development. Let me know in the comments below if you would like to know more about it.
Of course you can! But first let me tell you something: Leeneon is an open source project that needs collaborations to be improved. If you find some bug don't forget to open an issue on GitHub. I will try to work on it as soon as possible.
You can use Leeneon to publish either personal or commercial websites, just remember to keep the credit that are at the bottom of the template. The documentation are available in project's repository on GitHub.
I want to be able to dedicate myself more and more to improve Leeneon's accessibility, but for that I would like to ask you for help: consider buying me a coffe.
Starting a project is the best way to learn new web development concepts and tools. The process of developing Leeneon was crucial to me in order to learn more about web accessibility.
If this project is in any way useful for the growth of accessibility on the web, I will be very happy to have made a small contribution to this issue that impacts the lives of millions of people.
Leeneon has two templates:
Check out the project on GitHub:
Leeneon is a free portfolio template designed and developed to be accessible for as many users as possible.
The free accessible portfolio template.
There are few accessible websites on the internet and even less accessible websites with open source. However, open source projects heavily contribute to the evolution of web development, and web accessibility can't be left out this progression.
Leeneon is an open source project and it was born to contribute to the expansion of web accessibility. It is a free accessible portfolio template, ideal for resumes and for presenting creative works such as design projects, photography, illustration and more.
If you desire to use Leeneon to publish your personal or commercial website, read the License section of this documentation before.
Leeneon has two templates:
Why is Leeneon accessible?
The WCAG is a document that contains all the instructions for creating accessible content on the web. This document is maintained by W3C, the organization that regulates web standards worldwide. Leeneon was developed to…