Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 16
  1. #1
    Member glennthrower's Avatar
    Join Date
    Dec 2006
    Posts
    41
    Member #
    14518
    Hi all,

    I am currently designing a site for a friend of mine who is partially sighted.
    I am trying to design a very simple site which has boxes with text in the middle (think very simple) and i want the user to go up and down the boxes by using the arrow keys or any other key on the keyboard. I have tried a few tests in Flash, but im not even sure which program to use for it now.

    The idea is to make sure the user doesnt have to use a mouse.

    Any help would be greatly appreciated

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Glenn ...

    Very interesting topic.

    I would go for using only the TAB key and ENTER key for navigation.

    If you can give us a link to what you already have, that would be nice.

    Don't use Flash, and by using plain XHTML (HTML), you could make the
    site "readable" using software that speaks words on the web page.

    If I could see what the site is about and how it is supposed to look,
    I could probably come up with some working examples.


  4. #3
    Member glennthrower's Avatar
    Join Date
    Dec 2006
    Posts
    41
    Member #
    14518
    I have nothing so far, i just wanted to get the right program and see if i knew how to do it first, but below i have a rough sketch
    Attachment 2875
    When you press a key it selects a link and a sound clip comes out and says the link. I worry if i had it press the tab key the internet browser will not understand its for the web page.
    Attached Images Attached Images

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Tab is a pretty standard way of navigating between links and controls. An additional useful way to do it is to use the [minicode]accesskey[/minicode] HTML attribute. This specifies a key that can be used as a shortcut for a given link or form field. This article at A List Apart provides some information on how to make accesskeys visible.

    It might also be worth playing with NVDA, which is a free screen reader, to see how it fares with your page (when you create it).

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Glenn ...

    Go ahead and make a real web page and test things out ...
    Give us the link too, so we can see it, and help you with it.

    For only $30 (one year), you can subscribe to a webhost and have your
    own domain name. A cheap way to test out your ideas and experiment.
    www.cleverdot.com (or any similar discount webhost)

    Use your web space as a "sandbox" to play around.

    You can create your website by hand using Notepad, or an editor like
    Dreamweaver (in edit mode, not WYSISYG mode).

    Upload your files with a free FTP program, like FileZilla.

    Then, show us what you want to do.


  7. #6
    Member glennthrower's Avatar
    Join Date
    Dec 2006
    Posts
    41
    Member #
    14518
    Here is what i quickly came up with this morning,

    http://www.abcofallsorts.co.uk/Blind_Site

    If you use teh tab key you can get to the links, but when you do this the browser doesnt reconise the fact you are hovering over it, therefore any javascript etc is pointless becasue it doesnt pick it up (so i cant play a sound when you tab over it)

    Any suggestions?

    Cheers

  8. #7
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    While onMouseOver and onMouseOut events don't work with this navigation style, the alternative onFocus and onBlur events do, so you can use a combination of the two to achieve a uniform look.

    There is more on keyboard navigation and the related Javascript events at webAIM.

  9. #8
    Member glennthrower's Avatar
    Join Date
    Dec 2006
    Posts
    41
    Member #
    14518
    Quote Originally Posted by Shadowfiend
    While onMouseOver and onMouseOut events don't work with this navigation style, the alternative onFocus and onBlur events do, so you can use a combination of the two to achieve a uniform look.

    There is more on keyboard navigation and the related Javascript events at webAIM.
    They will work when i do a form in anohter page, i still need a way of rolling over the links and making them play a sound without using the mouse. The point of the website is to do it all by keyboard none by use of the mouse, becasue blind or partially sited persons do not want to use the mouse. I might have to go for press 1 to go to information, press 2 etc. (that is using the access keys)

    G

  10. #9
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Links should also support onfocus and onblur, as far as I know.

  11. #10
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Here's my simple test:

    http://www.catpin.com/blind.html

    View the HTML.

    You should pre-load the .wav files first (which I didn't do).
    Your WAV files will be speaking instead of sounds.

    I thought it would be nice to start the tab key on a known spot
    on the page, so the visitor would always start the same.

    Maybe some Javascripting to help the tab key after it reaches
    the last menu option?

    But it can be done without the mouse ... that's what I wanted to experiment with.



Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:06 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com