empty table header by WAVE tool

Question

User-944424728 posted

Hello, for empty table header displayed by WAVE tool, I tried headertext="" but it did not work. I don't see any table header (th) in the code. Please advise. Thanks.

--

<table>
<tr valign="top">
<td style="color:#c20000;width:5px;">
<asp:Label ID="lblResponseRequired" runat="server" Visible='<%#Eval("col_responserequired")%>' CssClass="required">*</asp:Label>
</td>
<td style="width:230px;">
<asp:Label ID="lblQuestion" runat="server" Text='<%# Eval("col_question")%>'></asp:Label>
</td>
<td>
<asp:MultiView ID="MultiView1" runat="server">
<asp:View ID="View1" runat="server" EnableViewState="true">
<GSI:GSITextBox runat="server" ID="txtQuestionAnswer1" GSISpecialType="GSINumericOnly" width="75"></GSI:GSITextBox><br />
<asp:Panel ID="phverify1" runat="server" ></asp:Panel>
</asp:View>
<asp:View ID="View2" runat="server">
<GSI:GSIRadioButtonList runat="server" ID="rblQuestionAnswer2" role="radiogroup">
<Items>
<asp:ListItem Value="1" Text="Yes"></asp:ListItem>
<asp:ListItem Value="0" Text="No"></asp:ListItem>
</Items>
</GSI:GSIRadioButtonList><br />
<asp:Panel ID="phverify2" runat="server"></asp:Panel>
</asp:View>
<asp:View ID="View3" runat="server">
<GSI:GSITextBox runat="server" aria-label="Question Answer3" ID="txtQuestionAnswer3" TextMode="MultiLine" Height="100" width="275"></GSI:GSITextBox><br />
<asp:Panel ID="phverify3" runat="server"></asp:Panel>
</asp:View>
<asp:View ID="View4" runat="server">
<GSI:GSIRadioButtonList runat="server" ID="rblQuestionAnswer4" role="radiogroup" >
<Items>
<asp:ListItem Value="1" Text="Yes"></asp:ListItem>
<asp:ListItem Value="0" Text="No"></asp:ListItem>
<asp:ListItem Value="2" Text="Maybe"></asp:ListItem>
</Items>
</GSI:GSIRadioButtonList><br />
<asp:Panel ID="phverify4" runat="server"></asp:Panel>
</asp:View>
<asp:View ID="View5" runat="server">
<asp:CheckBoxList runat="server" ID="ddlQuestionAnswer5" ></asp:CheckBoxList>
<br />
<asp:Panel ID="phverify5" runat="server"></asp:Panel>
</asp:View>

<asp:View ID="View6" runat="server">

<GSI:GSITextBox runat="server" ID="txtDateText6" GSISpecialType="GSIDateBoxToday" style="overflow:hidden"
DateMask="mm_dd_yyyy" GSIDirLevel="" MaxLength="10" Height="30" width="140"></GSI:GSITextBox><br />
<asp:Panel ID="phverify6" runat="server" ></asp:Panel>
</asp:View>
<asp:View ID="View7" runat="server">
<GSI:GSITextBox ID="txtPhoneArea" runat="server" GSISpecialType="GSINumericOnly" MaxLength="3" Width="35px" />
<GSI:GSITextBox ID="txtPhoneMain" runat="server" GSISpecialType="GSINumericOnly" MaxLength="3" Width="35px" />
<GSI:GSITextBox ID="txtPhoneSuffix" runat="server" GSISpecialType="GSINumericOnly" MaxLength="4" Width="45px" />
<asp:Label ID="lblExt" Text="Ext" runat="server" />
<GSI:GSITextBox ID="txtPhoneExt" runat="server" GSISpecialType="GSINumericOnly" MaxLength="5" Width="55px" />
<br />
<asp:Panel ID="phverify7" runat="server" ></asp:Panel>
</asp:View>
<asp:View ID="View8" runat="server" EnableViewState="true">
<GSI:GSITextBox runat="server" ID="txtCurrency" GSISpecialType="GSIDecimalOnly" GSIFormatMoney="true" Width="120px"></GSI:GSITextBox><br />
<asp:Panel ID="phverify8" runat="server" ></asp:Panel>
</asp:View>
</asp:MultiView>
</td>
</tr>
</table>

Answer 1

User839733648 posted

Hi aspvbnet,

According to your description and code, I suggest that if you want to show table header, you could create <thead> like below.

    <form id="form1" runat="server">
        <table>
            <thead>
                <tr>
                    <th>Label1</th>
                    <th>Label2</th>
                    <th>MultiView</th>
                </tr>
            </thead>
            <tr>
                <td style="color: #c20000; width: 5px;">
                    <asp:Label ID="lblResponseRequired" runat="server" CssClass="required">111111111111111111</asp:Label>
                </td>
                <td style="width: 230px;">
                    <asp:Label ID="lblQuestion" runat="server">22222222222222222222222</asp:Label>
                </td>
                <td>
                    <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="2">
                        <asp:View ID="View1" runat="server" EnableViewState="true">
                            <asp:TextBox runat="server" ID="txtQuestionAnswer1" gsispecialtype="GSINumericOnly" Width="75">txtQuestionAnswer1</asp:TextBox>
                            <br />
                            <asp:Panel ID="phverify1" runat="server">phverify1</asp:Panel>
                        </asp:View>
                        <asp:View ID="View2" runat="server">
                            <asp:RadioButtonList runat="server" ID="rblQuestionAnswer2" role="radiogroup">
                                <Items>
                                    <asp:ListItem Value="1" Text="Yes">rblQuestionAnswer2-item1</asp:ListItem>
                                    <asp:ListItem Value="0" Text="No">rblQuestionAnswer2-item2</asp:ListItem>
                                </Items>
                            </asp:RadioButtonList>
                            <br />
                            <asp:Panel ID="phverify2" runat="server">phverify2</asp:Panel>
                        </asp:View>
...
                    </asp:MultiView>
                </td>
            </tr>
        </table>
    </form>

result:

Best Regards,

Jenifer

Answer 2

User-944424728 posted

Hello, I do not want to show the table header.   the aspx code is not contain <th> tag but in the browser, there is a <th> tag which showed no empty table header run by WAVE tool.  I would like to hide or replace the <th> with <td> so it's no longer causing empty table header error. Please advise. Thanks.

--this is the browser code but the asp code above only have a table and asp label with no <th> tag. 

<table cellspacing="0" headertext="application question" border="0" id="ctl00_Main_content_ucApplicationQuestions_gridApplicationQuestions" wiid="C1011" wave5style="border-collapse:collapse;" style="display: block; text-align: left;">
<tbody wiid="C1012" style="display: block; text-align: left;"><tr wiid="C1013" style="display: block; text-align: left;">
<th scope="col" wiid="C1014" style="display: block; text-align: left;"><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/th_col.png" class="wave5icon" tabindex="0" alt="STRUCTURAL ELEMENTS: Column header cell" style="border: none; vertical-align: bottom; cursor: pointer; max-width: 44px; max-height: 25px; z-index: 10000; display: none;" wiid="N1577"><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/th_empty.png" class="wave5icon" tabindex="0" alt="ERRORS: Empty table header" wiid="N1478" style="border: none; vertical-align: bottom; cursor: pointer; max-width: 44px; max-height: 25px; z-index: 10000; display: inline; opacity: 1;">&nbsp;</th>

Answer 3

User839733648 posted

Hi aspvbnet,

According to your description and code, it seems that you have used master page, right?

And I'd like to ask that if you have added any plugin on your page?

alt="ERRORS: Empty table header"

From the content of the error message, I think that there are some codes written to judge if there is table header there.

If there is no, the error message will appear.

I suggest that you could check the master page's code to see if there is any code releated to the error message.

Or if you have used any plugin, you should also check that.

Best Regards,

Jenifer

Answer 4

User409696431 posted

I think you are trying to fix the wrong thing.  Accessibility requirements WAVE is testing for include the 508 requirement for a header row for tables.  Removing the empty header row (that appears to be added by the WAVE chrome extension?  Or by Chrome itself?) won't remove the error.