Red Hound: Notes to Myself



A Plugin for a Friend

Screenshot showing initial DFW

Screenshot showing initial DFW


I have a friend with multiple disabilities who is learning to work with WordPress. Two of his disabilities are poor vision and challenges with his motor skills. He relies on two things to navigate the interface: Visual Cues, and Dragon Naturally Speaking. The awesome people at WordPress have been working on a new user interface for the TinyMCE editor, and these changes have in part greatly improved the working situation for him by removing so much visual cruft from the screen.
The problem is that once he is in that screen, there are no visual cues to lead him to his next step. The expectation is that one would be able to discover next steps by tabbing or moving his mouse, but this is not something to be taken lightly. Using a mouse is very problematic, and even tabbing can be an intimidating process.

Screenshot showing DFW with button

Screenshot showing DFW with button

A Hopeful Solution

I would like to try and make a plugin for my friend so that it is easier for him to navigate within the TinyMCE editor. The plugin has to be able to put a functional "Publish" button in a location that is obvious and easy for him to get to once he is in the TinyMCE editor.
To the left is a screenshot showing the first attempt. It has plenty of shortcomings, such as only working when the DFW button is clicked, and it is a html division styled to look like a button rather than a real button, which of course is an accessibility fail, but one thing at a time. I am going after VISUAL cues here, to help him navigate.

Validators, Tools, and Reference Links:

Web Worker

MDN article
HTML5 Rocks article
The Blob Scratch Site
Need to check the headers! Where is the REDIRECT coming from?

Layout and Stylesheets

GSS Scratch Site
Apple Auto Layout Guide
HTML layout
Scratch scratch scratch site
Old bootstrap v2

Authentication Resources

WordPress OAuth2

Proxy Issues

Using WordPress Behind a Proxy

The Moving Target...

I want to use this for a plugin for Robert
When I can get it to work for me....which I have not yet...
Source: How to create dynamic diagonal line from left-bottom to right-top corner?
The second set of test code puts a diagonal across the entire background, and it is not contained with the division. In terms of a fade, I got it wrong. That said, like the diagonal background, and will keep it.
Loved the math solution to this, but it put a square right in the middle of the page (see the image to the right). Still, the solution was so elegant, I want to save it forever.
Note: html overflow hidden had to be removed from css file to enable scrollbar

Screenshot showing initial DFW

var angle = Math.atan2($(window).width(),$(window).height()); // in radians $('#blocktop,#blockbottom').css('transform','skew(-'+angle+'rad)');

$('#blocktop,#blockbottom').css('transform', 'skew(-' + angle + 'rad)') .add('#logo').show();

Test Heading ARIA Level Two

Odds and Ends

Canvas Accessibility Test

Your browser does not support the HTML5 canvas tag.
On its own the HTML canvas element is not accessible to everyone and that s not likely to change. The canvas itself is simply a primitive drawing surface that web developers can use via a fairly low level graphics API.
Read the full article

كفيف# RTL Search Term Blind

Latest on #a11y

Setting Up WordPress with JAWS and NVDA

Screenshots of languages below were not announced by JAWS (Version 16, Tested on IE, using Desktop). The languages with the Chinese characters, i.e., Japanese, Chinese long-form and short-form were announced by NVDA (2014.3), but only as "Chinese Characters" (Please note the testing was done with English selected as the language to run. Will retest with other settings). NVDA read the Korean language correctly. In the case of my_MM, it read the first two numbers correctly and then added a third number that did not match the display.