jossef / open-accessibility

Free accessibility tools menu for website maintainers powered by jQuery

Hi there! My name is Jossef Harush Kadouri.

• Founder of the cybersecurity startups zeronetworks.com and dusti.co
• I (git) merged my wife's family name with mine, hence "Harush Kadouri"
• Ranked in the top 1% on Stack Overflow
• Passionate about hacking stuff, operating systems, and building computers
• Graphic designer with OCD for pixel-perfect UI
• Riding motorcycles (Ducati FTW!)
• Growing hot peppers and organizing events in Israel

Feel free to contact me at [email protected]

open-accessibility's Issues

Pure javascript version

Please create pure javascript version of this plugin

Troubles with fixed element on layout

Good morning,

we have integrated the plugin on a site we are developing and will need to integrate it on other sites in the near future.
The plugin is really complete and well done; however, we are experiencing a problem and can't solve it.
Our layout necessarily requires some DOM elements to have a fixed position. As soon as we initialize the plugin, from the browser the elements lose their original positioning, although the inspector css is correctly read.
Can you tell us what causes this problem?
Thank you very much.

publish npm package

Performance Issue

Hi,
The way that the plugin work create a huge performance issue,

Saving the original text size cause the DOM to be change and its blocking operation,
and cause delay to the loading (especially Chrome)

see
https://developers.google.com/speed/docs/insights/browser-reflow

Did you delete my recent PullRequest?

I added a pull request for localization support which is suddenly disappeared the pull requests.
Do you have any idea?

css filter property: internet explorer has no support for that

find a workaround to invert, contrast, etc...

never use hide() show()

its better to use a class to hide elements or directly changing the css

its an old news jquery/jquery.com#88 (comment)
it got breaking changed in jquery 3.

sorry for opening a lot of issues but its things I fix on my fork and I think they are important for everyone

create open-accessability cloudflare app?

with their new apps https://www.cloudflare.com/apps/developers and translating it to english we can get a mass of new users

publish bower package

Link to accessibility statement and email link to report problems?

If I am not wrong, Israeli law about accessibility contains a paragraph about text "Accessibility statement" and person should be available to write an email letter to report problems about accessibility (and you have 60 days to fix it)... Maybe it is good idea add some accessible popup with example text and designed contacts link to this widget?

safari > 11 QuotaExceededError error in private mode

the error is raised when using localStorage in safari private mode in version prior to 11, the solution is pretty easy
wrap localStorage call in setUserOptions() with try catch:

you can read more about it here https://stackoverflow.com/questions/21159301/quotaexceedederror-dom-exception-22-an-attempt-was-made-to-add-something-to-st

The status is not saved when switching to another page

As the title says. If I chose to increase the font (or any other option), The change is reset when moving to another page on the site. I have 6 sites that I need to fix, Please help.
I would like to thank all the involved in this blessed project.

Allow setting custom accessebility button

I would love to have the option to have a custom button for opening the accessebility menu.
For example, I have an accessebility icon in my page I would like to open the menu.

I thought maybe you can add to the options an option called "openBtn" or something similar.

does the close button also need to be accessible?

right now this is the html of the closed button:

<div class="open-accessibility-close-button">
    <!--?xml version="1.0" encoding="utf-8"?-->
    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
        <path fill="#000000" d="M22,20l5.9,5.9l-2,2L20,22l-5.9,5.9l-2-2L18,20l-5.9-5.9l2-2L20,18l5.9-5.9l2,2L22,20z"></path>
    </svg>
</div>

maybe add
<span class="sr-only">סגור</span>
or
aria-label="Close"

support more languages other than hebrew

localization approaches, no need to hard-code Hebrew

npm install wrong name

npm install open-accessability --save

its should be

npm install open-accessbility --save

Support 'line-height' ajustments

When changing font size, ajust the 'line-height' property accordingly.

dont applyTextZoom when the user never changed the setting

I find it really perfomance heavy to run and set data-open-accessibility-text-original each page load for users that never changed or need the accessibility bar.

so if the user never changed any option the bar shouldn't do a thing

support mobile

currently it's disabled on purpose
the goal is to support it on mobile as well