WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: advise on complex table

for

From: Birkir R. Gunnarsson
Date: Apr 17, 2014 7:25PM

I would (based on a quick review):

1. Remove non-tabular elements from the table, particularly the
footnote type things starting in row 19
"FTE Type 1: Day On Campus w/o Online (Catagory 3N)
..."
It is never good when non-tabular info is mixed with tabular info
inside a single table, it confuses the heck out of the user.

2. The h5 heading with the table title "
Assignable Square Feet (ASF) per FTE Student ", in the first row of
the table (td cell with colspan=5) is ok, but it should rather be the
<caption> element for the table. I now those can be tricky to style
using CSS, so one may want to move it ouside the table and just make
it a heading.

3. The first column (rows 3 through 18) cells should be th cells with
scope="row, this is "general class room" "basic skills" etc.

4. The td cells in row 2 "
"Academic FTE" etc. should be <th> cells with scope="colgroup", and
should not have rowspan="1". This way they are associated with all the
columns underneath them (this works well with Jaws and NVDA, does not
work with Voiceover, but neither does header/id association)..
So "Academic FTE" td cell should be th with colspan="2" and scope="colgroup".

5. The td cells in the third row of the table "First 1000" and
"additional", and so on, should be th cells with scope="col".

6. Entries with td cells with colspan=6, such as "art" and "drama"
should be put in the last two rows of the table.

Screen readers recognize scope="colgroup" and will read the
appropriate headers for the colgroup as well as the individual
columnss.

The values in the first column should be the rowheader for the table.
Once you remove the non-tabular datafrom of the table data does not
get in the way of understanding the table construct.
Cheers
-B


On 4/17/14, Angela French < <EMAIL REMOVED> > wrote:
> Thank might work to take out the Music, Art, Drama. Will have to discuss
> with the content owner. Regarding acronyms, yeah anyone reading this policy
> manual know that an FTE is a full-time enrolled student. Is there a good
> way to indicate "non-applicable" to screen readers? Is N/A understood
> aurally as it is visually?
>
> I understand about the notes being in rows. I did make a note of that one.
> I'm trying to get all the possible suggestions together before I dive in and
> present a solution to the content owner.
>
> Thanks!
>
>
> -----Original Message-----
> From: <EMAIL REMOVED>
> [mailto: <EMAIL REMOVED> ] On Behalf Of Whitney
> Quesenbery
> Sent: Thursday, April 17, 2014 3:34 PM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] advise on complex table
>
> Well, one reason it's hard to make heads or tails of is because it's all in
> acronyms - presumably meaningful to bean counters.
>
> You could simplify the table a great deal if you pulled Music, Art, Drama,
> Auditorium out of it and put them in a bulleted list below, since they just
> have one "whatever those things are" across the board.
>
> I'd define the acronyms above the table, and link to the notes below the
> table, but not in cells.
>
>
> On Thu, Apr 17, 2014 at 4:53 PM, Lucy Greco < <EMAIL REMOVED> > wrote:
>
>> I took a quick look and could not make heads or tails of it.
>> You might need to have specific header cells for each cell defined so
>> that each cell has a descriptor of what it is
>>
>> Lucia Greco
>> Web Accessibility Evangelist
>> IST - Architecture, Platforms, and Integration University of
>> California, Berkeley
>> (510) 289-6008 skype: lucia1-greco
>> http://webaccess.berkeley.edu
>> Follow me on twitter @accessaces
>>
>>
>> -----Original Message-----
>> From: <EMAIL REMOVED>
>> [mailto: <EMAIL REMOVED> ] On Behalf Of Angela
>> French
>> Sent: Thursday, April 17, 2014 1:48 PM
>> To: WebAim Forum ( <EMAIL REMOVED> )
>> Subject: [WebAIM] advise on complex table
>>
>> Hello,
>> I came across this table on our website and am wondering if it is
>> possible to make it accessible. It looks pretty bad to me.
>> It's the one at the bottom of the page.
>> http://sbctc.edu/general/policymanual/_a-policymanual-ch6Append.aspx .
>>
>> Thank you for taking a look.
>>
>> Angela French
>> Internet Specialist
>> State Board for Community and Technical Colleges
>> 360-704-4316
>> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
>> www.checkoutacollege.com<;http://www.checkoutacollege.com>;
>> www.sbctc.edu<;http://www.sbctc.edu>;
>>
>> >> >> list messages to <EMAIL REMOVED>
>> >> >> list messages to <EMAIL REMOVED>
>>
> > > messages to <EMAIL REMOVED>
> > > >


--
Work hard. Have fun. Make history.