Whakerexa Code
A minimalist and lightweight web kit for accessible contents
Brought to you by:
brigittebigi
Menu
▾
▴
Tree [84e74b] master / History
| File | Date | Author | Commit |
|---|---|---|---|
| docs | 2025-05-14 |
Brigitte Bigi
|
[539e9d] Added "app.css","app.js": a solution for a menu... |
| tests | 2024-05-29 |
root
|
[cf3e09] Changed icons for theme and contrast switch |
| wexa_statics | 2025-05-26 |
Brigitte Bigi
|
[84e74b] Corrected problem with ol numbering if sub-items |
| .gitignore | 2024-05-29 |
root
|
[cf3e09] Changed icons for theme and contrast switch |
| AUTHORS | 2024-10-12 |
Brigitte Bigi
|
[1aa2c0] Release 0.5 |
| CODE_OF_CONDUCT.md | 2024-10-12 |
Brigitte Bigi
|
[1aa2c0] Release 0.5 |
| LICENSE | 2024-10-12 |
Brigitte Bigi
|
[1aa2c0] Release 0.5 |
| README.md | 2024-11-20 |
Brigitte Bigi
|
[c2c7f3] release 0.7 |
| codemeta.json | 2024-11-20 |
Brigitte Bigi
|
[c2c7f3] release 0.7 |
| index.html | 2024-11-18 |
Brigitte Bigi
|
[7ac8ba] docs: updated links, added legal notice in footer |
Read Me
Whakerexa — A minimalist and lightweight web kit for accessible contents
Overview
Whakerexa offers CSS frameworks and JavaScript to generate an HTML content.
It is intended to be as simple as possible to make accessible web content, and to minimize the use of CSS classes for enhancing the readability of HTML code.
It was designed to be easily customizable, allowing users to adjust properties such as fonts, colors, borders, etc., effortlessly. Most of the properties are stored into variables which makes possible to re-define them, then to obtain a custom different style, enabling users to achieve a unique style easily.
It can be combined with the use of WhakerPy, an open source library to create dynamic HTML content; it's a light web application framework.
Features
- Lightweight and semantic
- Light or dark mode
- Normal or high-Contrast mode
- Easy use and customization
- Human-readable: could be extended or composed for your specific needs
- No extra library or framework needed
Install Whakerexa
Whakerexa is a ZIP archive. You only need to unpack-it.
Quick Start
For the use of the proposed CSS/JS frameworks, take a look at the HTML files in the docs folder.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="whakerexa/wexa_statics/css/wexa.css" type="text/css" media="all" />
</head>
See HTML files in the docs folder for examples.
Projects using Whakerexa
Whakerexa was initially developed within SPPAS https://sppas.org. It was extracted from its original software in 2024 by the author to lead its own life as standalone tool.
Websites
It is used by the website of the "AutoCuedSpeech" project at https://auto-cuedspeech.org and the website of SPPAS https://sppas.org.
Applications
It is used by the setup application of SPPAS software tool.
Projects using Whakerexa
Whakerexa is used by "ClammingPy", a tool to create automatically python documentation https://clamming.sf.net.
Author/Copyright
Copyright (C) 2023-2024 - Brigitte Bigi, CNRS - contact@sppas.org
Laboratoire Parole et Langage, Aix-en-Provence, France.
See the AUTHORS file for the full list of contributors.
License
Whakerexa is under the terms of the GNU Affero General Public License, version 3.
Support
Whakerexa was initially developed within https://auto-cuedspeech.org project, generously funded by FIRAH (Fondation Internationale de Recherche Appliquée sur le Handicap), https://www.firah.org/.
It is also developed with the support of Laboratoire Parole et Langage https://www.lpl-aix.fr.
Changes
Version 0.1
- Initial version, extracted from SPPAS 4.17.
- Added or updated, and tested JavaScripts
- Updated CSS frameworks to be more generic
- Added HTML documentation of the CSS frameworks
- Added a CSS/JS framework for playing a video in a popup dialog
Version 0.2
- Added code.css, a set of colors for highlighting source code.
- Added menu.css, a solution for an accessible responsive sticky menubar
- Added layout.css, a set of classes to easily organize HTML content
- Added accordion.js which must be added when using "rise-panel"
Version 0.3
- Changed some colors of code.css
- Added variable 'border-radius' in wexa.css
- Modified details/summary to act and look like buttons
- The "rise-panel/accordion" is deprecated (HTML-3), use HTML-5 details/summary instead
- Added modal dialogs to show an alert message: info, success, warning, error, tips, question
Version 0.4
This is mainly a bug-correction version: adjusted some width, removed transparency of
background dialogs, corrected a bug in accessibility.
Version 0.5
- Added accessibility icons
- Added upload of files in request.js
- Minor CSS changes
- Migrated license, from GPL to AGPL.
Version 0.6
- Added
sortatable: a CSS/JS utility designed for sorting table rows in ascending or descending order - Added
toggleselect: CSS/JS utility for toggling checkbox states. - Added custom buttons: introduced CSS classes
text-reveal-button,action-button,apply-buttonandswitch. - Updated request.js: better support of upload, better error management in post.
Version 0.7 - latest stable
- re-organized documentation
- updated the switch button
Version 0.8 - develop
Hopefully incoming:
- a ready-to-use login dialog, useful for authentication
- documentation of layouts
