SC 1.1.1 (?)

Hello everyone,

I said I would send an example of a situation where an automatic test could
at least identify a high risk situation (an background image that caries
information).

We are in a table and a data-cell is empty , but the style on the cell
contains a non-repeating image (and only that).

Upon reflection, I think it would be very hard to say something definitive
about this sort of situation.   Perhaps in wcag-auto land such examples
really must remain manual.   After all, it could be just a decoration for
an empty cell.

Then again, and since some people were even  speaking about analysing
images and other stuff, some assessment of the styles attached to the cells
in this table ("OK" and "KO") against a word list of "significant" sounding
classes .... hmm, well, yes we are reaching quite far here.

In conclusion probably nothing to be done, but I thought it would be good
to share the example anyway.

The table code is below, preceded by a the relevant CSS.  I also put a
screen capture, many apologies for this, but  I can not provide access to
the site and related css/script itself.

The offending items are data-cells such as :      <td class="ok">&nbsp;</td>

Anyway, that is the example...
John



PS : yes, the table itself is very wrong in many ways too !


The CSS :

*****************************************
.table_cards td.ok, .table_cards td.ko {
    background-position: center center;
    background-repeat: no-repeat;
}
.table_cards td.ok {
    background-image: url("../img/ok_768px.png");

.table_cards td.ko {
    background-image: url("../img/ko_768px.png");


The HTML:

                                <table class="table_cards">
                                    <tr>
                                        <th class="arbo">
                                            &nbsp;
                                        </th>
                                        <th class="date txt_centre asc">
                                            <span>Date</span>
                                        </th>
                                        <th>
                                        <span>Merchant</span>
                                        </th>
                                        <th class="montant">
                                            <span>Amount</span>
                                        </th>
                                        <th class="statut">
                                            <span>Statut</span>
                                        </th>
                                    </tr>
                                    <tr class="close_op">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td class="txt_centre">
                                            JJ/MM/AAAA
                                        </td>
                                        <td class="commerce">
                                            <span>SHOP 1</span>
                                        </td>
                                        <td class="txt_right">
                                            50,00 €
                                        </td>
                                        <td class="ok">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr class="detail_op">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td colspan="4">
                                            <span>Transaction on my
card...xxxxxxxx</span>
                                        </td>
                                    </tr>
                                    <tr class="close_op">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td class="txt_centre">
                                            JJ/MM/AAAA
                                        </td>
                                        <td class="commerce">
                                            <span>SHOP 2</span>
                                        </td>
                                        <td class="txt_right">
                                            277,29 $
                                        </td>
                                        <td class="ok">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr class="detail_op">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td colspan="4">
                                            <span>Transaction on my
card...xxxxxxxx</span>
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td class="txt_centre">
                                            JJ/MM/AAAA
                                        </td>
                                        <td class="commerce">
                                            <span>SHOP3</span>
                                        </td>
                                        <td class="txt_right">
                                            11,90 €
                                        </td>
                                        <td class="ok">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr class="close_op">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td class="txt_centre">
                                            JJ/MM/AAAA
                                        </td>
                                        <td class="commerce">
                                            <span>SHOP4</span>
                                        </td>
                                        <td class="txt_right">
                                            1 498,36 £
                                        </td>
                                        <td class="ko">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr class="detail_op">
                                        <td class="arbo">
                                            &nbsp;
                                        </td>
                                        <td colspan="4">
                                            <span>Transaction on my
card...xxxxxxxx</span>
                                        </td>
                                    </tr>
                                </table>