Designing Accessible Data Tables

preview_player
Показать описание
Learn how to make the data tables in your HTML documents more accessible for everyone in this tutorial by Clarissa Peterson, a Chicago-based designer who specializes in user experience and content strategy.

***********************************
RESOURCES

HTML table advanced features and accessibility

Creating Accessible Tables

Web Accessibility Tutorials: Tables Concepts

***********************************
*********************************
  1. Aquent Gymnasium
Рекомендации по теме
Designing Accessible Data 0:04:28

Designing Accessible Data Tables

Accessible Data Tables 0:38:52

Accessible Data Tables

What makes web 0:08:03

What makes web data tables accessible? Insights and a tool for rendering accessible tables for ...

Introduction to accessible 0:03:10

Introduction to accessible tables and a screen reader demo

Data Tables and 0:06:08

Data Tables and Accessibility

Table Design Ideas 0:03:30

Table Design Ideas For Mobile. How to Represent Data Tables on Mobile

How to make 0:01:59

How to make tables accessible on all devices - Web accessibility FAQ - Silktide

Why Use Accessible 0:07:59

Why Use Accessible Tables?

Mock System design 2:13:32

Mock System design interview

Accessibility: Data Tables 0:00:42

Accessibility: Data Tables

Coding for Beginners: 0:03:18

Coding for Beginners: Code Quiz #152—Making Tables Accessible, Part 1

Coding for Beginners: 0:01:08

Coding for Beginners: Web Accessibility #20— Don't Use Tables for Layout

Creating Accessible Tables 0:03:22

Creating Accessible Tables

DataViz Accessibility Part 0:00:46

DataViz Accessibility Part 3 - Adding an Accessible Data Table

[Front-End System Design] 0:45:04

[Front-End System Design] - Data Table Component

Creating Accessible Tables 0:16:36

Creating Accessible Tables Presentation

Adobe MAX Extra 0:40:54

Adobe MAX Extra - Accessible Tables

How to create 0:27:19

How to create a responsive HTML table

Web Accessibility - 0:02:25

Web Accessibility - Tables and Forms

Coding for Beginners: 0:03:11

Coding for Beginners: Web Accessibility #21— Making Tables Accessible with Semantic Markup

How to Make 0:01:43

How to Make an Accessible Table in a Microsoft Word Document

Accessible Content Creation 0:15:01

Accessible Content Creation – Tables

Putting accessibility at 0:48:29

Putting accessibility at the heart of design and code - Kateryna P, Vanessa G, Nahema S(Config 2023)

Excel - how 0:01:50

Excel - how to create accessible tables

Комментарии
Автор

This is exactly what I was looking for. You explained it very well. To all who reads this… make your electronic products accessible for everyone. It’s the law. ADA Section 508 🤗

Pumpkinpie
Автор

Very useful information and a clear explanation. Thanks for your videos!

anacerro
Автор

Brilliant video, only one comment, after you set the scope on the column headers you gave a demo of the change that made to the screen-reader's output, HOWEVER you didn't give the same demo after you applied a scope attribute to the, now, TH tags of the Day data.

terryjimfletcher
Автор

You guys are legends! Checked your website and it's awesome and everything is *FREE* ! I think you need to work on SEO! this should be available to everyone.

amitkrgupta
Автор

What do you need to keep in mind from a visual design perspective?

vdubplate