WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Javascript Learning From a Blindness Perspective

for

From: Brandon Keith Biggs
Date: May 8, 2017 10:38PM

Hello Jim,

You can really have a lot of different setups with Javascript.

For all setups though, I have developer tools on Firefox. I press F12 and
it opens up the console. Sometimes it bugs out and puts me into the edit
box or some screen that is not the console. I just press escape or press
F12 twice to restart the developer tools. Hit shift tab to read the console
window from the console edit box. The console seems to be the only
accessible part of the developer tools.

I also read the HTML of pages quite a bit. CTRL+u will bring that up.



I use EdSharp for my scripting.



If I am not using a framework for front-end, I have a feathersJS server I
start with the browserify middleware configured. Email me off list if you
want the app.js file with the configuration. I also have browserify
installed globally.

I then swap out the public folder with whatever projects I'm working on at
the time.

I must say, using NPM in the front-end and in the back-end really helps in
making development much faster than trying to keep script tags in order.
(NPM is like pip, but for Javascript). The only thing to be aware of is NPM
is a file hog. I have some directories that are just incredibly long. I use
windows and I sometimes need to install packages using the extended path
ability in Windows 10.

I don't know what stuff you want to make, but checkout bootstrap .css for
css, howlerJS for awesome audio, adding the attribute role=-status- to your
paragraphs to get the screen reader to read refreshed content and the Web
Speech API.

These are pretty much HTML5 and really make Javascript fun to program in.

If you like C# or C++, check out Type Script and Angular2. It is like a mix
between Javascript and C#. Angular2 is great, but I found type script too
much to learn in my small amount of coding time. I'm still looking for a
good Client framework. I am really considering React, but don't like that
it doesn't have 2 way data binding and doesn't deal with the model like
Angular does. SO I'm still looking.

Hope this helps!

Thanks,



Brandon Keith Biggs <http://brandonkeithbiggs.com/>;

On Mon, May 8, 2017 at 12:58 PM, Jim Homme < <EMAIL REMOVED> > wrote:

> Hi,
> I'm unsure how to ask this, so here goes. I'm getting started learning
> JavaScript and would like to know how to set up my environment and
> understand how to use it from a keyboard user and screen reader user
> perspective. I have the Firefox Development tools. I'm reading Elegant
> Javascript. The book starts off by using console.log to show output, when
> it is teaching the language. Formerly, I have made web pages and embedded
> JavaScript or script tags. I found the page of keyboard shortcuts to the
> Firefox Development tools. Where else woud be a good place to understand
> how the tools work. If there are more accessible development tools for
> JavaScript, I'm good with using them.
>
> Thanks.
>
> Jim
>
> =========> Jim Homme,
> Team Lead and Accessibility Consultant,
> Bender HighTest Accessibility Team
> Bender Consulting Services, Inc.,
> 412-787-8567,
> <EMAIL REMOVED>
> http://www.benderconsult.com/our%20services/hightest-
> accessible-technology-solutions
> E+R=O
>
> > > > >