Суть плагина проста: с помощью элемента canvas из HTML5 графики рисуются “на лету” на основе данных, содержащихся в правильно сформатированной таблице. Таким образом, люди с ограничениями по зрению или с несовместимыми браузерами видят текстовые данные в виде таблицы, пользователи без ограничений – иллюстрации. Например, строки таблицы используются для отображения столбиков или секторов, значения из заголовков таблицы становятся подписями к данным, а заголовок и обобщеня (теги title и caption) становятся заголовком и описанием таблицы.
Также этот плагин поддерживает 2 атрибута ARIA – role и area-label, что обеспечивает корректность работы скринридеров.
Пример работы этого плагина в виде таблицы и четырех графиков к ней (откроется в отдельном окне)
Оригинал статьи: Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc., Boston, MA.
Ссылки по теме
- плагин, готовый к работе: архив .zip
- репозиторий Designing with Progressive Enhancement: http://code.google.com/p/dwpe/.
