In a table, the scope attribute indicates the direction and range of data cells covered by <th> elements.

Features

This module provides a text format filter that processes a <table> and sets the correct scope attribute value on each <th> element.

For example, the following table:

<table>
  <thead>
    <tr>
      <th>Column header 1</th>
      <th>Column header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Row header 1</th>
      <td>Value 1</td>
    </tr>
    <tr>
      <th>Row header 2</th>
      <td>Value 2</td>
    </tr>
  </tbody>
</table>

Will be transformed into:

<table>
  <thead>
    <tr>
      <th scope="col">Column header 1</th>
      <th scope="col">Column header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Row header 1</th>
      <td>Value 1</td>
    </tr>
    <tr>
      <th scope="row">Row header 2</th>
      <td>Value 2</td>
    </tr>
  </tbody>
</table>

Post-Installation

After installing this module, you can enable its functionality:

Go to Administration » Configuration » Content authoring » Text formats and editors
Edit a text format, for example, "Basic HTML"
Enable the "Set scope attribute for table headers" filter
Ensure that this filter is below the "Limit allowed HTML tags and correct faulty HTML" filter in the processing order of filters

Assuming the filter is enabled for a text format that can be used on, e.g., a basic page (node). Create or edit a basic page and enter a table. Indicate the <th> elements in the <table> and save the node. When viewing the (source of the) basic page, the scope attributes are correctly set to the <th> tags.

Table Header Scope Attribute

Top 1 contributors

Issues

Focus on more than headers aloneActiveCode Created 4 months ago

Focus on more than headers alone
Active
Code
Created 4 months ago