Results 1 to 6 of 6

Thread: How do the blind browse a site?

  1. #1
    Join Date
    Oct 2009

    Question How do the blind browse a site?

    Hi all, I'm wondering if anyone here can help me to understand how a blind person browses a web site? I've heard talk of 'screen readers' but never encountered one and I'm currently in the early stages of building a website and would like to build as much accessibility into it as I can right from the foundations up. To this end I'd like to be able to simulate the experience a blind person would have visiting the site as part of our QA process but I don't really have much experience of this kind of thing.

    Thanks in advance

  2. #2
    Join Date
    Jul 2008
    One of the programs used is called JAWS

  3. #3
    Join Date
    Apr 2006
    There is a Screen Reader Simulation page that lets you view the page as if you were using a screen reader:

    There is also firefox plugin that works as a screen reader emulator:

    Also look at the sticky at the top of the page in this forum:


    Something to remember, accessibility-wise.

    If there is text inside a form tag, and it is not a field value or inside a <LABEL> tag then it will be ignored by the screen reader.

    Please enter Login name: <input type="text" name="user" id="user">

    Text is not read by reader.

    <label for="user">Please enter Login name:</label><input type="text" name="user" id="user">

    "Please enter Login name" is read by reader.

  4. #4
    Join Date
    Oct 2009

    Thanks :)

    Thanks folks that's some good stuff there - my site is developed in asp.net and for the most part I was lucky enough to have been trained in the early days of my career by someone who cared about the little things so I got into the habit of making 'label for' pretty much from day one but I didn't why it was important until yesterday

    That screen-reader simulator you suggest sounds like exactly what I was looking for and I'll try the other suggestions too.

    Really appreciate the input, thanks all

  5. #5
    Join Date
    Jul 2008
    urbana, il
    some suggestions:

    use consistent html from page to page. that way, even if your page is hard to use, a user knowing he has to jump ahead 20 links each page visit saves him ton of time. if each page is different, that predictability is lost. It's like the difference between cooking in your own kitchen versus a strangers. don't make them constantly "look" around.

    sectionize everything. the idea is to group related info and features together so that a user can jump to a section, and then find the part they needed. imagine a grocery store without aisles or signs, how would anyone find anything?

    like a store, use big signs to point to your most important sections.
    h1s for nav, content and footer.
    h2 for content sections
    h3 for each paragraph (or two or three) of page content.

    standard sections include headers, navigation, content, contact info, table of contents, and footers.

    add a "skip to" menu, or use ARIA landmark roles.

    don't use <br>, use <p> or <ul> tags.

    don't put meaning less text ("click here", "more...") inside of links, use the text as a label for the content. ("download page", "NYT article about polar bears").

    also, don't repeat yourself in link text, each should be unique; if not possible, use the title attrib to add meta info.

    make the text of the navigation menu as short and direct as possible.

    Place the most important word first, or asap, in all <H1-5>, labels, legends, and <A>s.
    to wit: never label like:
    Enter your name, Enter your address, Enter your zip...

    realize that there is no skimming, or glancing: they have to wait for steven hawking to read the label to them before they decide if that's what they want.
    the less they have to listen to, the faster and easier your site will be to use, which reflects well on you.

    if you make a flowchart of how a screen reader user would navigate your site, keep in mind that H tags, legends, and links are the decision points.

    blindness aside, more users have movement problems: how well can YOU use your site work without touching the mouse?
    that test is easy, relevant, and free.

    Create, Share, and Debug HTML pages and snippets with a cool new web app I helped create: pagedemos.com

  6. #6
    Join Date
    Oct 2009
    To add to rnd me's suggestions alt tags are also considered very important to the blind.
    Here is a good article from zdnet I came across the other day.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.16093 seconds
  • Memory Usage 2,897KB
  • Queries Executed 15 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (73):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates