To ensure their accessibility, apply the following techniques: These sorts of tables can be very challenging for screen reader users to understand. There might be nested rows or columns, or headers might be located in places other than the first row or column. Using the scope attribute (the value of scope can be either “col” or “row”)Ī complex table is any table that is not a simple table. Markup all column headers or row headers as table headers using the.Simple TableĪ simple table has a single header at the top of each column, and optionally a single header in the first column of each row. The specific tags required depends on whether the table is simple or complex. Without these tags, users who are unable to see the table can find it very difficult or impossible to understand the relationships between table headers and the cells within their scope. A few specific HTML tags are required in order to ensure data tables are accessible to screen reader users. This was a frequently abused technique in the past, but multi-column layouts can now be attained using CSS to handle layout and positioning.ĭata tables are still useful for presenting data in rows and columns. Data tables should not be used to force content into visible columns.
0 kommentar(er)
