parallelus / Runway-Framework

A better way to create WordPress themes.
http://runwaywp.com
GNU General Public License v2.0
217 stars 54 forks source link

accessibility possibilities #142

Open lilmike opened 9 years ago

lilmike commented 9 years ago

Hi, First I must say this sounds like a really, really (I mean really!) awesome theme framework. I just have one or two little issues that I hope you can fix. The issues I have are that I am blind, so use a screen reader called jaws for windows (though there are other ones -- NVDA coming to mind right now) to access my computer and read the web out loud. It works rather well with your framework (considering I'm sure you've had no blind users before), and even allows me to press enter on the add icon next to a new element for an options page. However, I cannot drag to reorder or place the elements inside of each other. This presents a bit of a problem if, say, I want to add an option to an existing container or tab. I would love to help find a way (perhaps like wordpress does widgets in accessibility mode?) to make this work with screen readers, and would even be willing to give what (little) coding ability I can to help this. Anyway, thanks for such an awesome awesome awesome! framework, and hope to see more good developments like this in the future. Thanks, -Michael.

parallelus commented 9 years ago

That's an outstanding opportunity for us to take Runway and the Layout Manager to another level. I'm not sure what the methods used for drag and drop interfaces with accessibility for these uses but we can research that. The WP widgets seem like a good starting point. What can you recommend for us to test these things?

lilmike commented 9 years ago

Hi, There's a nice free screen reader you can use that works well on windows called NVDA (nvda-project.org), and it is often used to test things requiring screen readers. Although in this case I think if you just let me know when there's a beta build out I can just test it myself if need be. If you happen to be on mac, the screen reader is built into the OS and is called Voice Over -- access it by hitting cmd+f5. On linux the screen reader for gnome-type desktops is called orca and can be installed through your usual package manager. I do think the way wordpress handles it would be a good way -- have an accessibility mode you can enable, and then expose links for add items like add item inside of containers, after other items, etc. Let me know if any help is needed -- coding (to an extent), definitely testing, or whatever else may be necessary and I'll do my best. Thanks, -Michael. P.S. If you need any tips on accessibility of websites in general there's a nice website at webaim.org that has lots of details and links.

On 8/3/2015 10:47 AM, Andy wrote:

That's an outstanding opportunity for us to take Runway and the Layout Manager to another level. I'm not sure what the methods used for drag and drop interfaces with accessibility for these uses but we can research that. The WP widgets seem like a good starting point. What can you recommend for us to test these things?

— Reply to this email directly or view it on GitHub https://github.com/parallelus/Runway-Framework/issues/142#issuecomment-127283502.