Results 1 to 4 of 4

Thread: Providing alternate to non-accessible table

  1. #1
    Join Date
    Dec 2004

    Providing alternate to non-accessible table

    I am battling with some tables on a site. The site is for holiday rentals of apartments, and there is an availability calender which shows availability for a date by color. This site was my first attempt at a general web site rather than IE specific, data driven, non standards system I have been working on for a few years.

    There is a new version of the site I am working on and this site I want to be fully accessible. Now I do not want to lose the calender, however by its nature it is large, won't linearize well (at all!), but provides easy to see information for standard browser access.

    The page in question is here

    On this page there is an alternate look at the data giving periods free and prices. Again large but will linearize okay, and I plan to make this easier to understand but hope to keep the same format type.

    The questions:
    How can I provide a good alternative to a calender? Is the price table good enough?
    Will strike via CSS work at some level to provide non color alternatives?
    How can I point effectively from a non-accessible table to an accessible format?
    Can I still keep aiming for AAA if I have a set of tables that are impossible for a screen reader to cope with?

    All help here is appreciated.

  2. #2
    Join Date
    Nov 2002
    XYZZY - UK
    You can always aim but you cannot always gain AAA, the calendars are perhaps tables under those conditions just make sure you use tbody, summary and scope and such.

    You provide a link which says something on the lines of an alternative linerised list of the calendar is available here if you follow this link.

    Strike in CSS is purely stylistic whereas <del> is not. You have the problem you are relying upon colour.

  3. #3
    Join Date
    Nov 2002
    Baltimore, Maryland
    Using tables for tabular data is a good and proper thing and a calendar counts as tabular data. See http://www.w3.org/TR/html401/struct/tables.html for details.
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

  4. #4
    Join Date
    Dec 2004
    Something new every day!

    <del> looks like it will help enormously. Never considered it's use before. Thanks Robert.

    I will continue to use the tables and follow the guidelines. The use of scope and axis will also help here. Thank you Charles for the link, although I had seen it way back, its signifigance had passed me by.

    With <del> I believe I can use the color (which is eay to use for most people) and provide a useful alternative for screen readers, non CSS users and those with sight disabilities. If I am wrong here please let me know.

    A link just prior to the calender table to an alternative should suffice, I think.

    AAA is a goal, not easily (maybe not even possible under this sites structure) achievable. You have to have a goal though.

    When it is finished, can I run it passed here again?


Thread Information

Users Browsing this Thread

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

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.11258 seconds
  • Memory Usage 2,858KB
  • Queries Executed 13 (?)
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
  • (4)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (4)postbit
  • (4)postbit_onlinestatus
  • (4)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 (70):
  • 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_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_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