WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: advise on complex table

for

From: Angela French
Date: Apr 18, 2014 10:59AM

Does this make sense now: http://sbctc.edu/general/policymanual/_a-policymanual-ch6AppendNEW.aspx ?
Thanks for looking.

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Thursday, April 17, 2014 6:25 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] advise on complex table

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>
>>
> > > list messages to <EMAIL REMOVED>
> > > list messages to <EMAIL REMOVED>
>


--
Work hard. Have fun. Make history.