WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Javascript Learning From a Blindness Perspective

for

Number of posts in this thread: 2 (In chronological order)

From: Jim Homme
Date: Mon, May 08 2017 1:58PM
Subject: Javascript Learning From a Blindness Perspective
No previous message | Next message →

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 ADDRESS REMOVED =
http://www.benderconsult.com/our%20services/hightest-accessible-technology-solutions
E+R=O

From: Brandon Keith Biggs
Date: Mon, May 08 2017 10:38PM
Subject: Re: Javascript Learning From a Blindness Perspective
← Previous message | No next message

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 ADDRESS 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 ADDRESS REMOVED =
> http://www.benderconsult.com/our%20services/hightest-
> accessible-technology-solutions
> E+R=O
>
> > > > >