stargeek
PHP news website logo.
home    PHP scripts    articles    seo tools    links    search    contact    shop    realtors


Building accessible tables.







Building accessible tables.

Building accessible tables. 09/30/2002 01:52 PM

CSS and XHTML have given tables a pretty rough ride in recent times. Of course, this is the fault of just about all web developers who have at some point in their career used them for laying out page elements. This article is not about using tables for layout. It is about how to use tables to display information in an accessible manner. Use XHTML and CSS all you want for layout, but if you have information relationships to display, use tables and use them well.




This is a GrokNews Entry: (what is grok?)





Similar Items

Building accessible tables.

Grok Headline matches for Building accessible tables.

Building Accessible HTML Tables for the
Disabled


Building Accessible HTML Tables for the
Disabled
10/01/2002 12:25 PM
Blind and other severely vision impaired users rely on assistive technologies to render web content. All text can be fed through a screen reader or refreshable braille display to be presented to the user. However, despite containing text, the table above could make a real mess of things without a few extra behind the scenes accessibility enhancements. To an assistive browser our table could well look like this:
Time Planned Task Preferred Task What I actually did
10 - 12 Catch up on replying to my emails. Have a lie in. Surfed
aimlessly.
12-1 Have Lunch. Have Lunch. Had Breakfast.
1-5 Finish that project. Go to video store. Caught up on my emails.

Ok, we can still kind of make a little sense of it. That is because we can see it. A blind user can't easily scan back up and check what the third piece of information relates to. Was it what I actually did, or what I would have preferred to do? This is why we need to create relationships within the code of our table. Thankfully, from HTML4.0 a bucketful of accessibility enhancements were introduced to enable the conscientious developer to do this. -- Tim Roberts

Thanks to PHP Developer for the link.

"zeldman.gogga"

Querying SQL Server 2000 system tables
directly. Part 1: master..sysaltfiles
and master..sysconfigures system tables


Querying SQL Server 2000 system tables
directly. Part 1: master..sysaltfiles
and master..sysconfigures system tables
07/20/2004 05:58 PM

Public IT must be accessible: EC


Public IT must be accessible: EC 03/31/2005 11:39 AM
Reading frames it as a business issue

Accessible Pop-up Links


Accessible Pop-up Links 04/09/2004 04:04 PM
Sometimes we have to use pop-ups -- so we might as well do them right. This article will show you how to make them more accessible and reliable while simplifying their implementation.

ASP.NET Accessible DataGrid


ASP.NET Accessible DataGrid 04/08/2005 04:06 AM
Welcome to the Accessible ASP.NET DataGrid project!

Accessible Software


Accessible Software 07/15/2004 07:03 PM
Jouke Visser demonstrates how to adapt your Perl programs for use by those who have difficulty using a mouse or keyboard.

Accessible Image Replacement


Accessible Image Replacement 12/12/2003 04:17 PM
Image replacement is back in the news -- Levin Alexanders' 'Graphical Headings' is going around again. (note that Tom Gilder also brought it to our attention around the same time) Classic FIR has three problems, which I summarized this...

Accessible Usable Web Design


Accessible Usable Web Design 05/26/2004 03:05 PM
Now that my exams are over, I can finally start to focus on my thesis project, which I think many... (223 words)

Alt and beyond: Making web graphics
accessible.


Alt and beyond: Making web graphics
accessible.
10/25/2002 03:31 PM
Many developers still view graphics and accessibility as being on opposing ends of the web development scale. The truth is that including graphics in your documents does not mean your page has to be any less accessible. In fact graphics can be used to enhance the accessibility of a page. There are, however, a few key techniques that you can employ to ensure that you don't have to construct alternative "Text-Only" documents.

An Introduction To Accessible Web Design


An Introduction To Accessible Web Design 12/01/2002 10:05 PM
WebmasterBase Dec 1 2002 8:43PM ET

Designing For An Accessible Site


Designing For An Accessible Site 08/20/2002 10:13 AM
"Going through a few simple checks you can quickly get an idea how your page will look to a person with a disability."

Accessible Odeon - Home


Accessible Odeon - Home 07/11/2004 08:25 AM
Useable version of the Odeon website .. Accessible Odeon - Home .. Accessible Od*on .. redesigned

dracos.co.uk/odeon
track this site | 3 links


HTML: Accessible content


HTML: Accessible content 12/12/2003 11:35 AM
.net Dec 12 2003 9:36AM ET

AOL Mail To Be Accessible Via IMAP


AOL Mail To Be Accessible Via IMAP 04/21/2004 10:03 AM

WAT makes websites accessible


WAT makes websites accessible 07/26/2004 07:04 AM
Web Adaptation Technology for elderly and disabled

Accessible Streaming Content


Accessible Streaming Content 07/12/2002 12:45 PM
WebTechniques Jul 12 2002 10:37AM ET

Accessible Websites - Good for Business


Accessible Websites - Good for Business 01/18/2004 10:25 PM
Everywoman.co.uk Jan 19 2004 2:13AM GMT

IBM Posts PowerPC970FX Documentation
(Accessible to Some...)


IBM Posts PowerPC970FX Documentation
(Accessible to Some...)
01/23/2004 02:26 PM
Insanely Great Mac Jan 23 2004 1:37PM GMT

Postwatch introduces new, accessible
website


Postwatch introduces new, accessible
website
07/01/2004 02:08 AM
Webcredible Creates Accessible Website for Postwatch, the UK Watchdog for Postal Services [PRWEB Jul 1, 2004]

Build Accessible Online Forms


Build Accessible Online Forms 01/06/2003 07:36 PM
WebmasterBase Jan 6 2003 6:04PM ET

Project Gutenberg Made Accessible


Project Gutenberg Made Accessible 05/24/2004 09:08 AM

Innovative, skewered Pig still
accessible via Internet


Innovative, skewered Pig still
accessible via Internet
07/06/2004 05:06 AM
Gomemphis.com - Tue Jul 6, 06:19 am GMT

A look at Internet-accessible Megan's
Law information


A look at Internet-accessible Megan's
Law information
08/31/2004 04:32 AM
San Francisco Chronicle Aug 31 2004 7:43AM GMT

Arsenic: User-accessible gigabit
networking.


Arsenic: User-accessible gigabit
networking.
06/22/2005 02:39 AM
Ian Pratt and Keir Fraser: Arsenic: User-accessible gigabit networking.

Travel sites agree to be more accessible
to blind


Travel sites agree to be more accessible
to blind
08/19/2004 04:37 PM
SiliconValley.com Aug 19 2004 7:26PM GMT

Invisible Yet Accessible, Your Noisy
Family Printer


Invisible Yet Accessible, Your Noisy
Family Printer
01/22/2004 02:12 AM
When two or more computer users are sharing a networked peripheral like a printer, there can be a turf war of sorts, since peripherals that connect using U.S.B. cables must be situated no more than about five yards from at least one of the computers on the network.

MP3.com website will no longer be
accessible in its current form


MP3.com website will no longer be
accessible in its current form
11/16/2003 05:58 AM
CNET Buys MP3.com, plans to delete ALL content .. announcement on an mp3.com message board

msg.mp3.com/artistforums/liststory/?topic_id=164614&month=2003 11&category_id=3009
track this site | 5 links


New Deque apps help make Web content
accessible


New Deque apps help make Web content
accessible
04/23/2004 02:51 AM
Deque Systems Inc. announced two new applications on Thursday: Deque Ramp Personal Edition, which helps ensure that Web sites comply with U.S. rehabilitation and World Wide Web Consortium (W3C) Web Accessibility guidelines; and Deque Undoc for PDF, which takes the content of PDF files and turns it into HTML or XML code. Both were released as public Betas.

Accessible Information Solutions (AIS) -
Accessibility Toolbar


Accessible Information Solutions (AIS) -
Accessibility Toolbar
01/11/2004 10:31 PM
04:51 nils.org.au/ais/web/resources/toolbar/ .. free web accessibility checking toolbar .. wonderful little toolbar .. Installationshinweise

nils.org.au/ais/web/resources/toolbar
track this site | 3 links


Real Payment Gateways Made Accessible by
WebAssist


Real Payment Gateways Made Accessible by
WebAssist
04/06/2005 03:14 AM
Express Checkout, a new online payment service, has been announced by WebAssist. Express Checkout brings a true payment gateway experience to Web developers, auction sellers and online businesses of all sizes. The WA Express Checkout Toolkit, also released today by WebAssist, enables drag-and-drop eCommerce for Macromedia Dreamweaver. [PRWEB Apr 6, 2005]

TypePad makes Blogging easy, accessible,
distinctive


TypePad makes Blogging easy, accessible,
distinctive
08/27/2004 05:26 PM
effusive sun-times review of typepad .. Andy Ihnatko on TypePad

suntimes.com/output/worktech/cst-fin-andy24.html
track this site | 3 links


Benefits of an accessible website - part
2: The business case


Benefits of an accessible website - part
2: The business case
08/14/2004 06:54 PM
WebDevInfo Aug 14 2004 11:27PM GMT

Stockport Council delivers a fully
accessible web site


Stockport Council delivers a fully
accessible web site
04/28/2004 06:09 AM
PublicTechnology.net Apr 28 2004 10:27AM GMT

Answers.com Now Accessible on Mobile
Phones and Wireless Handhelds


Answers.com Now Accessible on Mobile
Phones and Wireless Handhelds
04/01/2005 01:38 AM
Lockergnome Apr 1 2005 5:29AM GMT

Utah Makes Driving Records
Online-Accessible


Utah Makes Driving Records
Online-Accessible
07/14/2004 06:48 PM
Utah has announced that driving records are now accessible online. It'll cost you $7.25, and you'll need name, birth date, last four digits of SS#, and driver's license number....

Sites Slowly See Need to Make Web
Accessible to Blind Users


Sites Slowly See Need to Make Web
Accessible to Blind Users
12/10/2003 10:17 PM
Online Journalism Review Dec 10 2003 9:43PM ET

Accessify.com - accessibility
favelets/bookmarklets to help you assess
how accessible you web pages are


Accessify.com - accessibility
favelets/bookmarklets to help you assess
how accessible you web pages are
03/21/2003 10:19 AM
Accessify.com - accessibility favelets/bookmarklets to help you assess how accessible you web pages are .. Show and label divs with ids bookmarklet .. bookmarklets

track this site | 4 links


Registration Open: Making Visualizations
of Complex Information Accessible


Registration Open: Making Visualizations
of Complex Information Accessible
06/09/2004 02:01 PM
2004-06-09: W3C is pleased to announce Making Visualizations of Complex Information Accessible for People with Disabilities, a teleconference sponsored by the W3C Web Accessibility Initiative's Research and Development Interest Group. Registration is required and is open through 21 June to 40 participants. Attendees can expect to learn about current research in making visualization technologies for the Internet accessible to persons with disabilities and to develop contacts with people performing that research. The telecon is 28 June 2004 and includes real-time captioning. (News archive)

Tables vs CSS


Tables vs CSS 10/30/2003 10:27 PM
vendor that sells product to help you maintain shitty markup claims that shitty markup is better .. Tables versus Full CSS Integration .. Web-based Humor at It's Finest .. Redesigning a web site .. DeCloak .. rant

decloak.com/Products/Dreamweaver/NestedTemplates/TablesOrLayers .aspx
track this site | 6 links


Grok Description matches for Building accessible tables.
GrokA matches for Building accessible tables.

Checking and repairing MySQL tables


Checking and repairing MySQL tables 05/03/2004 09:19 AM
CNET May 3 2004 1:48PM GMT

Brussels tables data retention law


Brussels tables data retention law 04/29/2004 09:05 AM
All your data are belong to us

Querying SQL Server 2000 system tables
directly. Part 2: master..sysprocesses
system table


Querying SQL Server 2000 system tables
directly. Part 2: master..sysprocesses
system table
07/21/2004 05:59 PM

Querying SQL Server 2000 system tables
directly. Part 3: master..sysdatabases
system table


Querying SQL Server 2000 system tables
directly. Part 3: master..sysdatabases
system table
07/26/2004 05:59 PM

Data-Tabular-Dumper-0.02


Data-Tabular-Dumper-0.02 03/23/2005 04:26 AM

Why CSS is for tables too


Why CSS is for tables too 08/02/2004 11:43 AM
CNET Aug 2 2004 3:02PM GMT

Tables without tables


Tables without tables 03/13/2003 10:22 AM
For my other weblog, I can afford to experiment, layout-wise. A large portion of the readers are already using CSS-capable...

Class-Tables-0.26


Class-Tables-0.26 01/22/2004 04:54 AM

Class-Tables-0.28


Class-Tables-0.28 07/15/2004 11:39 PM

Zebra Tables


Zebra Tables 03/06/2004 01:52 AM
While misused tables are becoming increasingly rare, the table retains a legitimate role in data formatting. A little CSS and JavaScript magic can make tables better at what they do best: displaying tabular data.

Gasp! Tables!


Gasp! Tables! 05/13/2004 05:06 PM

Andy Budd, a name some of you will recognize as a proponent of CSS-based design, has decided to take a long, hard objective look at the arguments made in favor of CSS.

I'm sure we've all found ourselves writing fairly complicated CSS to do something that would be trivial using tables. Take form styling for example. It's possible to lay out even very tricky forms using tables in just a few minutes. You can achieve similar results by floating elements with CSS, but it's a lot more involved

The rest of Andy's points are lucid, level-headed, and enforce something that you may or may not personally believe: CSS-based design under all circumstances, while a goal to strive for, is hard. Using a table for layout may at times be the best way to get the job done.

For example, it's (relatively) easy to keep a CSS-based design functioning on a simple 10 page, custom-designed site; you're designing for rigid and known conditions. There's almost never a need to fall back to tables under those circumstances.

But it's a whole new level to keep a large 500 page CMS-driven site functioning, which could potentially see large images dropped in the content area (thus breaking your floats), or multiple hands involved in creating markup (including those that are markup-illiterate), or any number of other conditions beyond your direct control. More and more of us are learning this from direct experience, myself included. Just because you know how to code without a table in sight doesn't mean the rest of the stakeholders in your project will.

None of this is permission to go wild. One simple table stripped of presentational markup should almost always suffice in these circumstances. And please, leave the multiple nested tables in 1999.

But claiming structural tables are wrong under any and all circumstances is too much of an ideal at this moment in time. The practical reality of today's web is that learning curves and browser support can sometimes raise the bar too high for full-out CSS design in certain scenarios. A designer using proper discretion who pays special attention to accessibility, essentially a designer who is educated and capable of using tables well, may consider the layout table a still-valuable tool.

Reactions will be mixed. Vive la difference!


"poker tables "


"poker tables " 09/27/2004 11:18 AM

CSS vs. Tables - an objective look


CSS vs. Tables - an objective look 05/13/2004 02:00 PM

Andy Budd offers an objective look at table based vs. CSS based design, arguing that using tables for layout sometimes makes more sense than relying on CSS. He also states that the "CSS only" approach of some standards enthusiasts may alienate those not so well-versed in CSS.

Although some of the purists in my customer base may be shocked to hear this, I'm inclined to agree with Andy. IMO, you should use whichever technique makes your work easier - both long-term and short-term. Now, I tend to avoid tables since they're a pain to maintain, but I also realize pure CSS designs can be equally painful given all the cross-browser pitfalls.

When I advocate CSS, it's never from a dogmatic position - instead, it's simply because CSS makes things so much easier, especially when it comes to updating your site. If using CSS doesn't simplify your work, then you need to simplify how you're using CSS, even if that means (shudder) using tables for your layout.


Turning the tables on e-


Turning the tables on e- 06/18/2004 01:11 PM
Techzonez Jun 18 2004 5:26PM GMT

Tables? Oh, the horror!


Tables? Oh, the horror! 05/16/2004 04:30 PM

Apparently there remains some confusion after my Thursday-afternoon rumination on the poten tial use of tables, as opposed to pure CSS-based layouts. I'm going to share some of my experience to help clear this up.

more...


The Trouble with Tables


The Trouble with Tables 02/05/2003 10:17 AM
I keep coming across articles about tables in web pages. It seems that some people don't like them at all. Dave Winer hates the performance of the weblogs.com front page. Understandably so, it's a dog.

Even if we pretend that HTML hasn't degraded from a logical format to a presentation format, tables are still a good thing. The bottom line is that many forms of data are tabular and pretending otherwise just makes the final presentation (because there's always a final presentation somewhere) harder or ugly or both. -- Michael Winser

According to Dave, Michael is one of the IE developers at Microsoft. Michael's solution is table-layout.

"zeldman.malcolm"

Does your website still use Tables?


Does your website still use Tables? 08/09/2004 08:30 PM

I will be the first to admit I have several websites with Tables and need to get them converted to CSS. I encourage you to take the time and read the linked article to better understand why you are throwing money away every day by not cleaning up your website and converting from plain jane HTML to CSS. [StopDesign< /a>]


Class-Tables-0.24


Class-Tables-0.24 01/11/2004 01:31 AM

Class-Tables-0.23


Class-Tables-0.23 12/20/2003 12:17 AM

CodeWalkers: Crossing Over (DB Tables,
That Is)


CodeWalkers: Crossing Over (DB Tables,
That Is)
01/22/2003 08:29 AM

Teachers want school tables to go


Teachers want school tables to go 04/12/2004 07:34 PM
Teachers are calling for the abolition of school league tables in England, in line with the rest of the UK.

not be able to meet time tables


not be able to meet time tables 11/11/2003 05:55 AM
may delay the writing .. reports .. Bushco

washingtonpost.com/wp-dyn/articles/A20192-2003Nov9.html
track this site | 5 links


"Throwing Tables Out the Window"


"Throwing Tables Out the Window" 07/28/2004 04:35 AM

Text, Tables, and Graphics


Text, Tables, and Graphics 12/03/2002 12:47 PM

Tables Vs. CSS - A Fight to the Death


Tables Vs. CSS - A Fight to the Death 05/27/2004 03:01 AM
WebmasterBase May 27 2004 7:53AM GMT

Class-Tables-0.29_1


Class-Tables-0.29_1 07/24/2004 06:24 AM

Throwing Tables out the Window


Throwing Tables out the Window 08/03/2004 06:01 PM

Last week Stopdesign's Douglas Bowman posted this great article about redesigning Microsoft's site using tableless layout.


Building accessible tables.

The following phrases have been identified by the grok system as matching this entry: "tables without tables" creating tabular data with css how long does it take to insert rows into a large mysql table

















Also check out:


Grok

Ipod Porn on the
Rise

Brief Abstract of
Wikipedia's
Mesothelioma Cancer
page

Get first aid
instructions in your
cell phone

IE is crap
JSPWiki gains
podcasting support

ActiveBuddy Embraces
Linux

Content Editable
IFrame's

Looks Like Martha's
Gonna Get It ...

Why Google News Is a
*Good* Thing

Some Miscellaneous
PHP Stuff

mixer
Google Algo
Discussion

Project : Visual
Basic Google API
Rank Checker Program

PHP Class 'burnauth'
released

burnauth
How to report spam
to Google & Co

SAPConnect
Fink 0.4.1 released
PHP Class 'morse'
released

PHP Class 'MySQL
Log' released

morse
MySQL Log
When training money
is tight

12 Steps to a
Bigger, Better,
Debugger

Exploring J2ME:
Being a good mobile
citizen

Open source vs. CMS
money pit

PHP Class 'MySQL
RecordSetdo'
released

PHP Class 'MySQL
Connection' released

MySQL RecordSetdo
8 Ways To Defend
Yourself From False
Spam Complaints

Generate Dynamic
Content With Tomcat
and MySQL

Red Hat 8.0 Coming
Monday

Happy Birthday
Google

Well I just knew
it...

MySQL Connection
HTML Tip: Say Boo To
Ghost Cells

PHP Class
'Spreadsheet_WriteEx
cel' released

PHP Class 'SQLCall'
released

Spreadsheet_WriteExc
el

Baculator 0.1.1 for
MS Windows Released

New Industry Group
to Pen Bug-Reporting
Standards

Copywriting
Successes and
Failures: A
Comparison Of the
Good and Bad

Are you receiving
ALL your email?

Opera 6.0 for Mac OS
X Released

September 2002
Google Update

Mozilla Phoenix 0.1
Alpha Build Released

Critical Flaws
Affront Microsoft's
FrontPage

The W3C TAG refutes
HLink

SQLCall
All-Flash A Fast
Track to Failure

A Guide to Building
Secure Web
Applications version
1.1

PHP Class
'datecombobox'
released

PHP Class
'dbApiCreate'
released

dbApiCreate
Dirty XSLT Output
what is grok?