kestrell: (Default)
2020-11-11 03:34 pm

Hour of Code events in December

Kes: I'm trying to find accessible events and activities for screen reader users: there is a "Screen reader" checkbox, but I'm not seeing any results for it.
We need to crip the code so we can stage our own hackathons, because wouldn't it be awesome if we could all be able to hack our own prosthetics, like Hugh Herr?

Hour of Code
https://hourofcode.com/us/learn

Join the largest learning event in history, December 7-13, 2020
https://hourofcode.com/us
How to plan your Hour of Code
Join the movement and introduce your students to computer science with these steps.
Computational thinking helps nurture problem-solving skills, logic, and creativity. And technology is transforming every industry on the planet. Students today should learn how to create technology, not just use it. By starting early, they’ll have a foundation for success in any 21st-century career path.

Trying an Hour of Code is a simple and fun way to introduce students to computer science, perhaps for the very first time, and it fits perfectly for both in-class and after-school settings. Take a look at our
participation guide
https://hourofcode.com/files/participation-guide.pdf
if you still have questions.
kestrell: (Default)
2020-11-10 08:44 am

How can I find out the URL for a website's search engine?

I'm learning about some of the features in the Edge browser, and one is that you can enter the search engine for a website, such as Amazon or Audible, and then assign it an abbreviation and search it from the address bar.

For example, I want to find out the url for the simple keyword search on Bookshare.org.

Once I have the url, I can enter it in Edge's search engine settings, assign it an abbreviation such as bk, and then, when I want to use the simple keyword search on Bookshare, I can just press control+l to open the address bar in Edge and type something like this:
bk beowulf

and Edge will return results from Bookshare that match beowulf.

The stumper is that that simple keyword search appears on every page of the Bookshare website and, when I use control+u to view the code on a Bookshare webpage, it's all scripts and divs and nothing that looks like a url for the keyword search.

The person giving the tutorial made this sound as if it would be obvious, but didn't provide any tips for how to find out what that url might be.
kestrell: (Default)
2020-10-24 01:59 pm

A possible way to accessibly edit audio and video?

I just saw this LifeHacker article on How to Easily Edit Audio and Video with Descript
Edit Audio and Video Like a Text Document With Descript
by Brendan Hesse
https://lifehacker.com/try-this-program-to-edit-audio-and-video-like-a-text-do-1845466379

I haven't tried it out, but I'm wondering if this would be an accessible way to edit audio and video for visually impaired people. Yes, there are accessible programs out there but they all seem to have a pretty high learning curve, like the ones mentioned in the LifeHacker article.

Will post about results when I try it.
kestrell: (Default)
2020-10-04 08:18 am

Ed Sharp, an accessible text editor for screen reader users

I found out about this text editor for screen reader users who are writing code.

A couple of its most useful features are that it helps provide info about tabulation and formatting structure (keeping track of the levels can be really frustrating for screen reader users), and it can also be used to convert brf files into plaintext. I’m still at the reading the manual stage, so haven’t tried these features out yet.

I would be interested in hearing from anyone else who has used this editor.

Ed Sharp accessible code editor for screen reader users
by Jamal Mazrui
Download
https://www.freelists.org/webpage/edsharp

EdSharp User Guide
https://github.com/EmpowermentZone/EdSharp/blob/master/EdSharp.md

Note: the GitHub site also has a download, but I couldn't get that one to work, so I used the first one I listed.
kestrell: (Default)
2020-10-01 09:15 am
Entry tags:

Here it is, the big scary question: what color is this?

You would think that, web developers having assigned numeric values to colors, that these systems would be precise, or even reliable...okay, perhaps somewhat predictable?

Not so!

I'm not asking for weird girl colors: all I wanted was forest green text on a cream background.

I fially got a result of forest green for at least the h1 heading.

Cream has been a lot more adventurous. Using the hex, rgb, or even the color name "cream," I have gotten lemon chiffon, gray, and default white. I even tried settling for cornsilk, but that gave me bisque. And bisque can be another weeny color word that varies from off-white to beige, which are even more variable as colors categories.

So, can I borrow some eyeballs out there? (I promise to let you keep the tooth.)
What colors are on this webpage: https://kestrell7.github.io
kestrell: (Default)
2020-09-27 02:12 pm
Entry tags:

Re: my webpage on GitHub: What does it mean "Echo is on"?

When I try to look at kestrell7.github.io all I hear is Jaws saying "Echo is on." Over the past week I've been learning some Git bash commands using Coursera and bitbucket, and I'm wondering if something got reset somehow?

My older kestrell13.github.io website, which I haven't updated in over a week, is still there and sounds okay.

What does echo on GitHub refer to?
kestrell: (Default)
2020-09-27 10:28 am

Website for up-to-date information on accessibility

Looking at this page
Best Fonts to Use for Website Accessibility by the Bureau of Internet Accessibility
https://www.boia.org/blog/best-fonts-to-use-for-website-accessibility
which will also answer your questions about specific fonts.
Their blog
https://www.boia.org/blog#main-content
has an amazing amount of up-to-date information, including
this post
Enhanced Braille Support Now Available for Google Docs
https://www.boia.org/blog/enhanced-braille-support-now-available-for-google-docs

Of course I've subscribed to their blog.
kestrell: (Default)
2020-09-27 09:49 am

WebAim's recommendations for accessible CSS

Now attempting to fix some of the font issues I had the first time around, and also applying colors.
Here's a nice simple doc with examples of CSS dos and don'ts
https://webaim.org/techniques/css/#maincontent
kestrell: (Default)
2020-09-26 03:38 pm
Entry tags:

Requesting assistance in updating the blind bookworm graphic

When I was in grammar school and spent most of classtime drawing, I came up with this image of a visually impaired bookworm that I drew on everything. It was green with big round spectacles that were as big as its head, and had little arms with two-fingered hands, so it could hold the book open and turn the pages.

When I designed one of my early web pages, Alexx's dad came up with a blind bookworm with dark sunglasses for me. You can see it on my old Blind Bookworm website at
https://www.panix.com/~kestrell/

I have this crazy hope that some people out there can help me obtain an updated version of my little bookworm, either by locating a similar Creative Commons version, or using mad art skills to update the graphic.

So this is me, asking folks to participate in a sort of demented art project. Thanks ahead of time for any suggestions/contributions.
kestrell: (Default)
2020-09-26 01:18 pm
Entry tags:

Color combinations by profession/field

Last one, I promise, but here is another color design website, but this one has recommendations for specific professions such as technology, education, media, entertainment, fashion, etc., though the orange and blue color combo makes me think of Howard johnson restaurants.

35 Logo Color Combinations to Inspire Your Design
https://looka.com/blog/logo-color-combinations/
kestrell: (Default)
2020-09-26 11:28 am
Entry tags:

Accessible color scheme picker

I went back into my livejournal archives to find this, because I remembered how addictive *and* accessible this color scheme picker was.

You can pick different motifs –city sidewalks would be great for an urban-based website, for instance—or you can pick schemes such as “green trees,” which I include a link to after the main url.

Instant Color Schemes
http://www.gpeters.com/color/color-schemes.php

green trees

https://gpeters.com/color/color-schemes.php?search_term=green%20trees
kestrell: (Default)
2020-09-26 10:33 am
Entry tags:

3 ways to figure out your web color palette

Reposting this from an email I sent to the web design list, as I found the color generator provided by the instructor didn't provide enough description for my former art student self.

I wanted to find the RGB values for a specific color, and found that I could just open a search engine and search for:
How do you make dark green in rgb?
And I found easy results.

It also led me to this website which I am now hooked on:
This website has all the information you need to create colors: the edit field allows you to enter any color value, i.e., hex number, RGB, or just the plain color word, such as "dark green," and then gives you all the ways to create it.
It also lists colors by name, defines all sorts of color terminology, and tells you if the color is web safe.
ColorHexa.com
https://www.colorhexa.com/

Lastly, if you have a favorite artist or painting, you can open a search engine and enter something like this:
Vermeer +color palette
And find out which specific colors that artist used.
kestrell: (Default)
2020-09-23 02:34 pm
Entry tags:

Windows 10 command line: how do I get to the home directory?

I'm trying to revive my knowledge of the command line interface, but can't remember how to change to the home directory. I'm actually trying to learn Git, so the help documentation assume I remember all the commands. I remember
kestrell: (Default)
2020-09-20 07:17 am

WebAIM's 2019 screen reader survey

I'm trying to get an idea of which browser is most popular with screen reader users, and how many of them take advantage of accessibility settings such as reader mode, font preferences, etc.

Of course, WebAIM is the place to go for all things related to accessibility, so here is the results of their 2019 survey
https://webaim.org/projects/screenreadersurvey8/
kestrell: (Default)
2020-09-19 08:28 am

Favorite fonts?

I realize that I am opening a serious can of geeky worms by asking this, and I even encourage that, so...

Do folks have favorite fonts?

I'm trying to decide on a font for my webpages. I want something sans serif and accessible/easy to read, but also something that evokes books. My favorite font is actually futura, which is what my business cards are in, because it is both supposedly the most easy to view font--it's a geometric sanse serif-- and associated with space travel and science fiction, due to being the easiest to see at the farthest distance. For some reason, however, it is suggested that futura should only be used for headings and signage.
kestrell: (Default)
2020-09-16 09:05 am

Resource for fonts and accessibility

This week in my web design class we are getting an introduction to CSS, including fonts and font families. A couple of months ago, I took an online course with WebAIM, the go-to resource on web accessibility.

Font accessibility, referred to as readability, can have a large impact on people who have visual impairments or reading disabilities.

WebAIM has this great page about font accessibility
https://webaim.org/techniques/fonts/
It has two extremely useful sections in particular:

1. This list of guidelines for font readability:

Important
In terms of font accessibility, there are a number of principles to keep in mind:
list of 9 items
1. Use real text rather than text within graphics.
2. Select basic, simple, easily-readable fonts.
3. Use a limited number of fonts.
4. Ensure sufficient contrast between the text and the background.
5. Avoid small font sizes.
6. Use relative units for font size.
7. Limit the use of font variations such as bold, italics, and ALL CAPITAL LETTERS.
8. Don't rely only on the appearance of the font (color, shape, font variation, placement, etc.) to convey meaning.
9. Avoid blinking or moving text.

2. The section titled "Font Readability," which lists some more guidelines for choosing and using fonts that contribute to accessibility.
kestrell: (Default)
2020-09-12 07:58 am
Entry tags:

Jaws settings users should be aware of when doing web design

Kes: I posted a question to a blind computer users list asking why a link on my webpage, which I had written so that the link and the title of the link appeared on the same line, was being broken up to two lines, one for the text title and the other for the actual link itself. Below is the answer I received from Heather Thomas, a technology instructor at the Carroll Center for the Blind. I have a little more info added after her answer.

from Heather Thomas:

The default behavior of JAWS is that it breaks each link onto its own line. This will be true even if that link appears in the middle of a sentence or on what sighted individuals perceive as a single line containing multiple links. This makes it easier to activate the links by pressing Enter because it is very clear what has focus. This is what Freedom Scientific calls “simple layout.” You can change the “document presentation mode” to “screen layout” within Quick Settings (JAWS key + V) if you want JAWS to announce information in a way that is similar to what a sighted user sees on the screen. I will warn you that, even in screen layout, you still will not hear lines exactly as they appear visually, but it will be closer than in simple layout. For comparison, NVDA’s default behavior is closer to the JAWS’s “screen layout” document presentation mode. So, you might either check out how your page presents when using JAWS in “screen layout” or read it with NVDA. Also, always keep in mind that screen readers are accessing the underlying code, so there may be other times where your sighted professor “sees” your screen content differently than you do.

Kes: I changed the Jaws setting for document presentation mode to screen mode and it does indeed show my webpage very close to how I wrote the HTML for it: if there are deviations, they aren't apparent at first look.

Here are basic steps to changing the document presentation setting:
1. Jaws settings are contextual, so you need to have a webpage or virtual document open to have the document presentation mode show up in the settings options.
2. Press Jaws+v to open Jaws settings.
3. Start typing document presentation mode in the search edit field: you should hear Jaws auto-fill potential search results, so listen for "document presentation mode".
4. You will hear Jaws say something like "Two results": down arrow to the combo box.
5. Press the spacebar to expand the combo box.
6. There will be two options: simple, which is the default to which Jaws is now set, and screen, which is what you want to press spacebar and enter to select.
7. You may at some point later wish to repeat the first few of these steps and browse through the other settings that control how Jaws presents web pages and virtual documents, but I don't recommend changing any other settings unless you know what you're doing.
8. To learn more about Jaws settings which format how webpages and virtual documents are presented, refer to the following document:
JAWS Settings to Change for Web Page Testing
https://doccenter.freedomscientific.com/doccenter/doccenter/rs11f929e9c511/2014-12-02_webpagetesting-l1/02_JAWS-Settings.htm

Final comment: this is probably another reason why blind software developers and programmers seem to all be using NVDA and Firefox.
kestrell: (Default)
2020-09-10 10:14 am
Entry tags:

Try to find a good image of an American kestrel

I'm trying to find a good online Creative Commons image of an American kestrel for my webpage: if anyone finds a good one to recommend, please post the link here.
I did find this great page about American kestrels in urban areas
https://celebrateurbanbirds.org/learn/birds/focal-species/american-kestrel/