Accessibility issues and large images in tables

[pendle666]

Hello

When I have a large image to go onto a web page, I use Fireworks to slice it up and generate a table of smaller images.

If I try to validate accessibility on the page using Bobby, it doesn't pass the test because there are no table headers etc.

I'm not sure putting table headers in is the answer, as screenreaders will surely read out the headers and the following table data will be nonsense.

Does anyone have any suggestions on how I can get round this?

 

[EdwardMartinIII]

If your goal is to pass a code test, but in a table header with a height of "0".

Alternately, if you feel fancy, set a class for the TH that is not-visible.

Cheers,


Edward

Like Lovecraft? Know Photoshop? Got time for the Unspeakable?

http://www.petting-zoo.org/Movies_Dreamquest.html

 

[pendle666]

I've used the <th height=&quot;0%&quot;> as Bobby insisted on %'s.

However the report comes back now with these two errors:

&quot;If a table has two or more rows or columns that serve as headers, use structural markup to identify their hierarchy and relationship. (1 instance)
Line 54: <table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;368&quot;>&quot;

&quot;If this table is used for layout only, do not use structural markup to achieve formatting effects. (1 instance)
Line 54: <table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;368&quot;> &quot;

I can't use a percentage measurement because the different compondents of the picture won't sit nicely together, it has to be pixels.

Unless someone knows different?

 

[budha1]

I wouldn't put in table headers, as your table isn't used to display data. Use the <td> tag instead of <th>. Also, add a summary to your table within the <table> tag. Example:

<table summary=&quot;Table used for layout only&quot; width=&quot;100%&quot;>

You may also need to use the longdesc attribute so that users know what your image is displaying.

 

[pendle666]

I'm getting somewhere now, at least I pass Bobby level 1 requirements.

How do you actually use longdesc? Because I have about 12 small images making up the long one, does longdesc go in each <img> tag?


Thanks