Coder Social home page Coder Social logo

pojome / one-click-accessibility Goto Github PK

View Code? Open in Web Editor NEW
72.0 72.0 31.0 3.17 MB

The One Click Accessibility plugin is the fastest plugin to help you make your WordPress website more accessible.

Home Page: https://wpaccessibility.io/

JavaScript 8.32% CSS 36.94% Shell 2.03% PHP 40.19% Less 12.52%

one-click-accessibility's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

one-click-accessibility's Issues

Box Sizing

Hello,
The plugin adds in it's style sheet the following rule:
*, ::before, ::after { box-sizing: border-box; }
which causes layout issues for the site.
Could you remove if for the next release?
Thanks
Dan

High Contrast and Negative Contrast options remove background images

It would improve this plugin if the background images could be treated as images.

Some design elements require background images to be used, but these are removed with the high contrast and negative contrast options so they do not show at all which can make the site content 'disappear' when its an image tile that flips on hover to shop text, there's no image to see to try to hover / click / touch.

Fixed position of Grayscale on Firefox + Translation + no background + Closing

Great WordPress Plugin!
(Test on WP 4.9.6)

I have found only 4 points to make it even better:
1.) If I use the Grayscale option, the menu position is not fixed when scrolling on Firefox 60.0.1 - 64 Bit
(All others hold the fixed position. And the problem does not occur on Google Chrome or Microsoft Edge.)
2.) "Reset" has no translation option (For example: "Zurücksetzen" in German)
3.) Light Background is good, but I miss an additional "No Backgroundimage" option to set ONLY the background to white (disable backgroundimage!) as in "Light background" BUT leave all foreground colours as original designed.
4.) Closing the menu with click on icon works, but ... additional closing options would be helpful.
a) "Close" / "Schließen" (GER) option in sidemenu OR an (X) button?
b) Maybe closing menu also by click on webpage? (That's what I intuitively tried before I found out that I must click on the icon again.)

High Contrast not working

Hello,
When clicking on the High Contrast button - the screen turns black, but the text doesn't appear in yellow. Resulting in no text at all being showed.

You can see this issue in my site:
www.AssafManor.co.il

plugin itself is not accessible

I find it very strange that an accessibility plugin itself is not accessible. The default font size in the toggle is way too small and can't be changed in the plugin settings. Also the width of the toogle box cannot be changed. Got it working now with custom code, but this solution is not clean (it took a lot of !importants).

Internet Explorer Issue

I found an issue when using Internet Explorer 11. There is excessive white spacing within the containers. I believe this is because of the icons not having a height assigned to them. For example:

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg{height: 10px;}

Accessability-Tool-Plugin-Internet-Explorer-Issue---July-2019

Enhancement request: Individual one-click toggles

For those of us who want to only use a single Accessibility option, allow for the toggle button to be:
a) one-click so the effect is toggled on/off without opening a menu
b) assign an icon to each option, which would display as the toggle button when only 1 option is selected

Alternatively(and more complex): Allow this one-click icon toggle behavior to be extended to allow the placement of individual buttons on the page, and they each perform their intended function in one click. Perhaps with the option of displaying the text beside/below the icon.
Extending the idea further: Allow for basic positioning either at the group or individual level.

Result would be a row of individual buttons/labeled buttons that the user could place into the appropriate space on their layout, such as within the site's navigation area/dropdown.

Edit: Issue #38 would be a great way to deploy the above so it pops in anywhere, and doesn't require any positioning options at the plugin level.

locale support

i am using this plugin as one of my project.
and I will need chinese locale support.
i can help to do the translation, what is the best way for me to contribute the translation locale on this project?

thanks.

Button at bottom right.

Yo!
I would be really happy to know if there any option to make the button show in the right-bottom corner of the page.
i can make it happen without worries but then when i open up the overlay it goes down outside the screen.
הורדה

Adding a different icon

My client doesn't like the 3 icons available. They especially don't like the wheelchair as it's for a website meant to help young people with mental health concerns. They have provided me with an eye icon that they feel better reflects accessibility. Can you tell me whether there is a way to add this Eye icon. Regards, Alex

Superb, but I have a feature request

I have created a website for Disabled people, Users who have Parkinson's Disease. One-click-Accessibility works very well on WordPress. We also have STATIC pages, It would be fantastic if One-Click-Accessibility worked exactly the same (so no learning conflict) on the static pages.
Could this feature be added please.

Tool Bar Icon moved to bottom of the page

Hello. I wanted to comment on the tool bar icon. I think if there was an option to have the icon at the bottom of the screen the plugin would be more robust. Currently, if I place the icon on the bottom of the screen (off set from top), the menu features of the toolbar are not in view once open. I do not know how to code and currently building a simple wordless site but I would like to add this plugin to my site. Could you please advise how I can have the icon at the bottom of the page and have the menu open above the icon instead of below. Thank you.

Images Removed

Is this a bug?

  1. The images are removed when in High Contrast, Negative Contrast, and Light Background.
  2. When Increasing Text, it does not increase the Header Text.

Mobile don't work

Hey! First thanks for the plugin! It is great and does its job, but I'm having problems with the mobile version. It does not open accessibility options on click. Could you help me with a possible solution?

Suggestion for additional eyeglasses icon

A wheelchair is often used as accessibility icon, but in case of website-accessibility it is simply wrong. (In fact, sitting in a wheelchair does not restrict the use of a website in any way.)
But your plugin is designed to help visually impaired people!
So I suggest an additional icon as option to select: eyeglasses

Feature Request

It would be nice to have the ability to place the accessibility button towards the bottom of a page and have the menu show above instead of below. It's weird how many clients want to have this option instead of only being able to place at top because the menu only opens down.

off canves Accessibility bar open by css

I do not know if there is such a possibility but I ask anyway
It is possible to make the accessibility menu opened by an a unique CSS that i enter to specific element (like icon)?

thanks

Skip to Content Link

For some reason, the skip to content link won't skip the menu and go to my content for Oxygen Builder. I labeled the div with the id content and linked it to the main content of the site but it won't work.

One Click Accesibility translate

I would like to know how to translate One Click Accesibility?
I tried it with Loco translate and WPML but this does not work..

Looking for Dutch translation.
Thanks in advance!

Kind regards,
from Joris

Widget markup does not use semantic HTML

The widget should use semantic markup and be accessible itself. This is a tool and it has functionalities. It should not be built with <nav> and <a> elements. Instead, it should be built as a menu with semantic <button> for each menuitem.

  1. Incorrect usage of <nav>:
    <nav id="pojo-a11y-toolbar" class="<?php echo esc_attr( implode( ' ', $wrapper_classes ) ); ?>" role="navigation">
  2. Incorrect usage of <a>:
    <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-resize-font pojo-a11y-btn-resize-plus" data-action="resize-plus" data-action-group="resize" tabindex="-1">

Feature Request

Hi,

I absolutely love this plugin.

A couple of features that would really give it an edge over other plugins:

  1. Have the option to use the Dyslexia Font - https://opendyslexic.org/
  2. Ability to increase the letter spacing

Many thanks

Not working on Mobile

I have uploaded this plugin and it is working on desktop but not on mobile. It is not working on either ios or Android on my site. Is this a known issue or a conflict on my site possibly or a setting? I am using it through Wordpress.

Icon failure

I've installed the One click accessibility to my client's Elementor Pro site but all that appears is a small blue box. I have selected and Icon from the choices but no icon appears.
Any ideas how to get the icon to appear so that people actually know this feature is available on the site?
Screenshot 2020-09-21 at 12 30 37

feature: use without wordpress

Is it possible to use this without Wordpress?
We tried and extracting only relevant parts and some basic test is working but will this be officially supported with relevant instructions?

Glitch on page load

Hi there, I hope you can help.

I am using the WordPress plugin and I love it! I am however having a problem on page load; it seems to load it for a couple of seconds without css, do you know of any way that I can fix this?

Thanks in advance,
Matt.

horizontal bar fixed

Expanded and horizontal bar fixed at the top of the website.

Is there a possibility to make the options bar available at the top of the site? I say about the accessibility bar being expanded with the options visible, without the need to click the button to display the options for the bar.

Icon disappeared

Hi! I have problem with icon view. I've installed the One click accessibility to my site but I see only a small box whithout any icon. I have selected Icon from the choices but no icon appears.
Please help me how to show the icon? my website: https://instytutgk.pl/

without-icon # @ @arielk

Google advice on tabindex

I think the plugin is wonderful but Google just to throw a spanner in the works says,
"A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies."

just letting you know :)

mobile offset doesn't work

Offset setting do not work regardless of the number applied. Can you fix? Also, would be nice to have option of bottom left and bottom right, with offset controls.

new issue with broken link

hey guys,
80861537_602906077176671_1329770674260017152_n

i discover an issue.

it seems that there is a broken link.
XXXX/X#content

a id="pojo-a11y-skip-content" class="pojo-skip-link pojo-skip-content" tabindex="1" accesskey="s" href="#content">דילוג לתוכן</a

i cant find this link in front end, but when i do ctrl+U, i can see the link.

what can i do?

Add icon

Hello,

For a specific need, I need to add a pictogram in addition to the 3 pictograms already present.

It's an eye like in this example : https://www.culture.gouv.fr/var/culture/storage/images/_aliases/medium/media/politiques-ministerielles/developpement-culturel/culture-et-handicap/images/pictogrammes-2015/deficients-visuels-rvb/1390381-1-fre-FR/Deficients-visuels-RVB.jpg.

It has to be white on a blue background. I am attaching the corresponding PNG and SVG files.

How can I do ?

Thanks for your help.

Cordially
PictoMalvoyant
PictoMalvoyant

Eric

Feature request re font sizes

Would be great if we could add classes to ignore for increase / decrease fonts or somehow set a max font size for some elements. There's occasions where increasing the font will break menu or uglify the site too much.

SVG needs Title and Description Attributes

Hello

My pages are scored lower than necessary becasue the SVG icons are missing a title and description attribute. Its worth a couple of percent in the overall page score on webaccessibility tests. I've manually added them now and my page went from 95% to 97%.

Please add these as it seems an accessibility plugin is doing inaccessible things

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.