• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Dreamweaver table accessibility

New Here ,
Jul 09, 2024 Jul 09, 2024

Copy link to clipboard

Copied

I have some questions about making tables accessible in Dreamweaver. I would prefer not to have to go into the HTML code to make these changes. My questions are: 

1) How do you add a table caption to a table that has already been created? I can only see how to do this when the table is being created. Is there a way to go in after the table has been created and add a table caption?

2) How do you identify the header rows in a table to meet accessibility guidelines? 

 

Views

133

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 09, 2024 Jul 09, 2024

Copy link to clipboard

Copied

Tables are not accessible. Period. 

 

Tables have one purpose: displaying tabular data like spreadsheets or charts. And even then, they can pose some usability issues for people with mobile devices or assisting technologies like screen readers.

 

Why do you think you need tables? 

If we understand why you're using old-timey tables, maybe we can offer you other, more accessible solutions to use instead.

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 10, 2024 Jul 10, 2024

Copy link to clipboard

Copied

quote

I have some questions about making tables accessible in Dreamweaver. I would prefer not to have to go into the HTML code to make these changes. My questions are: 

1) How do you add a table caption to a table that has already been created? I can only see how to do this when the table is being created. Is there a way to go in after the table has been created and add a table caption?

2) How do you identify the header rows in a table to meet accessibility guidelines? 

 


By @SS Day

 

Unfortunately once the table is created those options do not appear in the properties window so you would have to add the caption and modify the header rows via the code editor. And given that DW is in minimal maintenance mode, it will be unlikely that we will see something to correct this. Based on your comfort level with code, I would say that you may want to consider converting your site to a CMS whether self-hosted like Wordpress that may require some code or administration, or hosted by companies like Wix/Webflow/etc that may offer you the WYSIWYG type of editor you may be more comfortable with.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 11, 2024 Jul 11, 2024

Copy link to clipboard

Copied

LATEST

The property inspector does not allow this operation, if you do not want to enter the code, which you will nevertheless have to do to enter the value of the content of the CAPTION tag, you can by selecting the table, from the DOM palette (Ctrl F7) click on the Plus located to the left of the TABLE tag and insert a child that you will name CAPTION.

 

Lena_0-1720708369795.png

 

I'm not sure I understand your second question, but if you already use TH tags on the TR row containing the header, row identified by THEAD, and if you add a SCOPE attribute with a value of COL (if your table presents data in columns of course)... you already make the task of screen readers much easier.

 

 

<table>
    <thead>
        <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Data 1</td>
            <td>Data 2</td>
            <td>Data 3</td>
        </tr>
        <!-- Other data rows -->
    </tbody>
</table>

 

This time, DW user interface can helps you. First, select the first row in the display view, you'll see a black arrow on the left of the row when hovering the first cell. Select it. 

 

Lena_1-1720708685701.png

Then, from the properties inspector, you'll find the way to change TD cells to TH cells. You can see the check box in the image below called in french "En-tête"

 

Lena_2-1720708777321.png

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines