57 comments found.
Good day, I have a question about the “profileEpilepsy” and “profileBlindUsers” options. The icons for some libraries: https://fontawesome.com/ and Material Design, many of those icons disappear when I select these two options. They appear as a box. Is this a rule for these options? Or what needs to be done to prevent these icons from hiding?
Hello! We are unable to reproduce the issue on our side. Please contact us via help@merkulov.design and provide your site link so we can investigate the problem further.
The style configuration isn’t working correctly. My example:
window.__readablerInstance = new window.Readabler({ template: ‘off-canvas’, languageSwitcher: false, path: ’/afore/readabler’, buttonPosition: ‘bottom-left’, buttonCaption: ‘Accessibility’, buttonEntranceAnimation: ‘fade’, buttonHoverAnimation: ‘none’, accessibilityStatement: false, dyslexiaFont: false, bigBlackCursor: false, bigWhiteCursor: false, onlineDictionary: false, alignCenter: false, alignLeft: false, alignRight: false, textColors: false, titleColors: false, backgroundColors: false, muteSounds: false, hideImages: false, virtualKeyboard: false, stopAnimations: false, keyboardNavigation: false, highlightFocus:false, usefulLinks: false, hideButton: false, cognitiveReading: false, voiceNavigation: false },{ ‘–-readabler-btn-bg’: ‘green’, ‘—readabler-bg’: ‘green’ });
Hello! The issue appears to come from the characters used in your style configuration object.
Please make sure you are using:
standard ASCII hyphens (—) for CSS variables standard JavaScript quotes (’ or “) not typographic/smart quotes or long dashes automatically inserted by some editors. For example:‘–-readabler-btn-bg’: ‘green’
should be
'--readabler-btn-bg': 'green'
If the problem persists, please contact us via help@merkulov.design and provide your website link so we can review the issue.
Good day, another question I have is why some browsers translate in English? I’ve hidden the language selection in the settings; how do I tell it to always be in Spanish?
By default, Readabler script localization is set according to the user’s browser settings. So, the accessibility settings are displayed in the browser language. The script comes with two preset languages: English(en) and Ukrainian(uk). To add Spanish language follow the guide https://docs.merkulov.design/readabler-script-localization/
How can I set the default theme for the popup window to the light theme? When I test it on Mac systems, the popup window uses a dark theme, while on Windows systems it uses the light theme. I want the light theme to be applied regardless of the operating system used to access my website.
Hello! The light and dark themes are managed within Readabler JS according to the following guidelines: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
If you would like to set the light theme as the default and effectively disable dark mode, please ensure that the CSS variables intended for the dark theme (those with names containing “dark”) are assigned the same values as the light theme variables (those containing “light”) – https://loom.com/i/7c9c0879e8894863b13d90ef78517ae7
This approach forces a consistent appearance regardless of the user’s system preferences.
Thank you
If the SAAS model comes, I’m thinking of purchasing it.
Is there any update on when this will be available?
Hello! Thank you for your interest. The SaaS version of Readabler will not be released as a product on Envato. However, our fully developed SaaS platform Readabler Assistant with AI integration is already available. You can explore it here: https://ai.readabler.com/
Nice Product!
Thanks!
When you will provide new update and what will be the upcoming features.
Hello! Updates are released as needed, and there is no specific date scheduled at the moment. Are you expecting any particular changes?
To this day, 7 months after purchasing this script, I have not yet gotten this to work. I really like it but it does not seem to work on a basic HTML site. I’d like to put it to some use now that it got an update but still it does not work.
Hello! Following up on your previous requests related to the product, the issue was caused by incorrect script initialization, which in turn led to the problem you experienced. Please contact us via help@merkulov.design and provide a link to your website so we can recheck the issue and advise you on the necessary adjustments to ensure the script functions correctly in your specific case. You may also share screenshots showing how and where the script was initialized to help us better understand your steps. Also, please follow the documentation https://docs.merkulov.design/getting-started-with-readabler-accessiblity-script/
I have read all the instructions and it is still clashing with my basic html website. I will send an email since I do not want to share that info here.
As I can see on the provided site, the Readabler is displayed and works correctly. Can you specify your problem?
Hello! We bought different copies of the WP version, but we need this for a custom PHP site based on bootstrap. Does this plugin include a checker like the WP version? Thanks!
Hello! No, this version includes only a visual interface designed to improve accessibility. It does not contain any analysis scripts.
If you’re looking for a solution that works on any website, I recommend using the AI version(https://ai.readabler.com/). It can be integrated with any site that allows a single JavaScript script to be added(for example on site build in PHP+Bootstrap) Once connected, you’ll be able to access site analysis directly from your account https://account.readabler.com/
How does this work with a multi-language website?
Hello! Yes, it can work on multilingual sites. The Readabler script determines the language based on the “lang” tag on a page and uses the appropriate translation.
im very happy with the script https://supremehost.ca but i use cloudflare and for some reason cloudflare Rocket Loader breaks the script ive disabled rocket loader and its back to normal but i thought you should know about the issue because even telling it to ignore the script doesnt work https://developers.cloudflare.com/speed/optimization/content/rocket-loader/ignore-javascripts/
Hello! Thank you for informing us about the issue. Unfortunately, it is difficult to suggest a solution without reproducing the problem and reviewing it. Since the Readabler consists of two parts (the script itself and the component that contains its loading with settings https://www.loom.com/i/9f20f0b1118347f2a7d1af07ba8f8615 ), we can assume that these parts were loaded asynchronously due to the Rocket loader, which caused the error. Therefore, it is necessary to ensure that these parts load together or that the script itself loads first. This can likely be configured on Cloudflare, but it would be best to contact their support or refer to their documentation for further assistance.
Hi, when I’m trying to run script using shortcut I got error. Here is what I get when pres alt+9:
Uncaught TypeError: popup is null togglePopup https://dostepny.prestidigital.pl/readabler/js/readabler.js:21721 OpenInterface https://dostepny.prestidigital.pl/readabler/js/readabler.js:20465 eventHandler https://dostepny.prestidigital.pl/readabler/js/readabler.js:10792 dispatch https://dostepny.prestidigital.pl/readabler/js/readabler.js:10909 hotkeys https://dostepny.prestidigital.pl/readabler/js/readabler.js:10983
Hello! A new script release with the fixed issue is already available. Please update it on your side.
Is this compatible with WHMCS?
Hello! We haven’t tested the script with WHMCS to say for sure. If the WHMCS allows adding custom scripts then it should work with the correct connection.
Hello! Many thanks for your answer! Yes, adding custom scripts should work. See here: https://whmcs.community/topic/288657-can-anyone-help-me-place-javascript-into-whmcs/ What do you mean please: “with the correct connection” ?
I meant if you add the script taking into account the WHMCS specifications and following the script installation instructions it should work but we haven’t tested this for this specific case.
If you have any problems with the script after the purchase, you can contact us via help@merkulov.design and we will try to help.
Hello,
I’m interested in purchasing your script. Could you please let me know if, after purchase, I will receive access to the entire source code, or is the code partially or fully restricted?
Thank you!
- Edit the css and js files according to your needs.
- Minify the files with any service convenient for you
- Replace template files min.css and min.js with the newly generated files.
Thank you for your response! Could you please clarify which parts of the code are not included in the provided script? I’d like to know which specific sections or files are unavailable in the package.
All code parts are included in the final archive and compressed, and you will get 1 CSS file and 1 JS file ( minified and unminified versions) containing absolutely all the functions listed in the description.
Is there an option to purchase additional access to the full source code of this script so that it can be fully customized according to specific needs?
We can’t sell the source code of our products but we can offer you another solution if you are interested. You can contact us via help@merkulov.design to get details.
1. Does Readabler offer a lifetime license, and if so, what is the cost?
2. To what extent can Readabler be customized? For example, can you adjust CSS properties like colors or icons?
3. How many websites or domains can Readabler be used on with a single license?
4. Are updates for the plugin provided continuously, and if so, is there a cost for them?
Hello! 1. Riedebler JS provides a lifetime license for $39
2. The script provides very flexible settings for styles and functionality. All available style options are here – https://docs.merkulov.design/how-to-change-styles-of-the-readabler-script/, other script settings -https://docs.merkulov.design/how-to-manage-the-accessibility-settings/
3. According to the Envato rules, all products with a regular/extended license can be used only for one end product/site https://codecanyon.net/licenses/standard
4. Yes, the product is supported and updated. Lifetime updates are included in your license, you will be able to download them from your Envato account
Regarding question 3, if I have a website with subdomains as follows:
How many licenses do I need to purchase?
If these are 3 different sites and not interconnected parts of one project, you need 3 item licenses.
This work with opencart website?
Hello! The Readabler script should work correctly on different CMS when connected correctly following the features of each of the systems. Unfortunately, we cannot test the script on every existing platform.
Is this compatible with BigCommerce?
Hello! We haven’t tested the script with BigCommerce to say for sure. If the platform allows adding custom scripts then it should work with the correct connection.
can you tell me why the background is white? see https://lisaiceland.com
Hello! The background color of the accessibility window is white because this color is set in the script styles and you can change it following the guide https://docs.merkulov.design/how-to-change-styles-of-the-readabler-script/
The background color of the inner block of the window https://take.ms/xp2A6 is changed by the styles of your theme
I’ve tried al the methods and nothing works.
Can you update the script and push an update to deal with this, so we don’t have to deal with this bug?
Please make sure you have changed the script styles correctly. The background color should not be specified in quotes https://take.ms/sYbi9 but as shown here https://take.ms/XET3s and the color will be applied correctly.
Hi, even in your demo system the options show as UNDEFINED. Are you planning to fix your demo in the files (readabler/demo.demo.html)?
Until you fix your demo, can you please let me know how to make the UNDEFINED options show as the options we see on the website demo?
You should also add a complete instructions in the documentation instead of “add this, add that”. Including wrapping them in <script>, also where the const options will go in what order. The instructions are set to make users fail, almost intentionally.
Hello! We’ve checked our demo file and can’t find any UNDEFINED. You can contact us via help@merkulov.design and describe the problem in more detail with providing your version of the demo files.
We are ready to improve our documentation if you indicate more specifically which steps or instructions you do not understand or which part requires additional explanation here https://docs.merkulov.design/getting-started-with-readabler-accessiblity-script/ Сonst options are added in the order shown in the documentation in the same file where the script is initialized.
If the SAAS model comes, I’m thinking of purchasing it.
Hello! SAAS version may be considered in the future but is not currently planned
As far as I can see, there is demand, I recommend it to be taken into consideration. Of course, the final decision is yours.
Does this support Vue JS? and how many pages can it do?
Hello! No, it does not support the Vue JS. The Readabler JS is used on all pages of the current site.
