问题
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
回答1:
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.
来源：https://stackoverflow.com/questions/2525076/what-is-preferred-accessible-and-semantically-correct-method-to-code-this-type-o