Какой предпочтительный доступный и семантически правильный метод для кодирования этого типа дизайна данных?

Question

Какой предпочтительный доступный и семантически правильный метод для кодирования этого типа дизайна данных?

• Таблица
• UL, LI
• DIV, SPAN

Для иконок я должен использовать для каждого места, или я должен значок из спрайтов CSS? Если мы здесь используем css sprite, то как кодировать, и что произойдет, когда изображения будут отключены?

Каждая ссылка откроется в новом окне, и я должен указать размер файла также для зрячих и слепых пользователей?

Так, каков наилучший метод для создания этого дизайна, и каков лучший способ показать значок и указать всем типам пользователей, что файл откроется в новом окне и каков размер файла?

Содержание таблицы должно быть доступно и понятно как можно лучше при любых условиях

• Для зрячих пользователей, даже если изображения инвалидов
• для экранного пользователя
• для пользователя текстового браузера
• и если css отключен

И какова здесь роль имен файлов PDF, видео, аудио?

альтернативный текст http://easycaptures.com/fs/uploaded/285/7713792709.png

Answer 1

Определенно работа для столов, руки вниз.

Что касается того, какие изображения использовать, если вам нужно обслуживать пользователей программ чтения с экрана, то я бы сказал, что лучше всего использовать обычные изображения с «PDF» / «Аудио» / «Видео» в качестве текстов ALT. Они появятся в случае, если изображения отключены.

Размер файла может быть указан в теге title ссылки, указывающей на загрузку IMO.