编码此类数据设计的首选可访问且语义正确的方法是什么？ [英] What is preferred accessible and semantically correct method to code this type of data design?

问题描述

编码这种类型的数据设计的首选可访问且语义正确的方法是什么？

• 表


• UL，LI


• DIV，SPAN

对于图标，我应该分别使用地方还是我应该是CSS精灵中的图标？如果我们在此处使用css sprite，那么如何编码以及禁用图像时会发生什么？

每个链接都会在新窗口中打开，我必须指出有关文件的信息视障人士和盲人使用者的尺寸也一样

那么进行此设计的最佳方法是什么，显示图标并指示该文件将在新窗口中打开的所有类型的用户的最佳方法是什么？文件大小？

在任何情况下，表的内容都应以尽可能好的方式访问和理解

• 对于有视力的用户，即使图像被禁用
  


• 对于屏幕用户


• 对于文本浏览器用户


• ，如果禁用了css

PDF，视频，音频的文件名在这里的作用是什么？ / p>

替代文字http：// easycaptures.com/fs/uploaded/285/7713792709.png

解决方案

绝对是表格工作，请放手。

关于要使用哪种图像，如果需要为屏幕阅读器用户提供服务，那么我想说最好使用普通图像，并带有 PDF /音频 /视频作为ALT文本。

文件大小可以在链接的 title 标签中显示。指向下载IMO。

What is preferred accessible and semantically correct method to code this type of data design?

• Table
• UL, LI
• DIV,SPAN

For icons should i use for each place or i should is icon from CSS sprites? If we use css sprite here then how to code, and what will happen when images will be disabled ?

Every link will open in new window and I have to indicate about file size also for both sighted and blind users?

So what is the best method to make this design and what is best method to show icon and to indicate all type of users that file will open in new window and what is file size?

Content of table should be accessible and understandable in as good as possible manner in all conditions

• For sighted user even if images are disabled
• for screen user
• for text browser user
• and if css is disabled

And What is the role of Filenames of PDF, video, audio here?

alt text http://easycaptures.com/fs/uploaded/285/7713792709.png

解决方案

Definitely a job for tables, hands down.

As for what kind of images to use, if you need to serve screen reader users then I'd say best use normal images, with "PDF" / "Audio" / "Video" as ALT texts. Those will show up in case images are disabled.

The file size could be in the title tag of the link pointing to the download IMO.

这篇关于编码此类数据设计的首选可访问且语义正确的方法是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！