Hacker News new | comments | show | ask | jobs | submit login

Open up any webpage and count how many divs with no other purpose but to serve as CSS anchors there are. We traded in non-sematic tables for non-sematic divs.



The <div> element has no semantic meaning, screen-readers don't read them and they have no intrinsic behaviour unless associated with an aria tag.


Why couldn't we just have made non-semantic tables? In addition to the semantic tables, I mean.


Divs with display:table/table-row/table-cell _are_ non-semantic tables.


except divs lack colspan


I came across this issue recently and was surprised after all these years there still isn't colspan support. Ended up having to create additional containers when I should be able to style it using CSS.


There's (almost) always a way round a problem. In the case of colspan, try this:

http://jsfiddle.net/5cUW7/8/


Which would actually be somewhat helpful, come to think of it...


adding role="presentation" to a <table> element will tell screenreaders to treat the element and its required children as non-semantic. I still say using a table for layout (of non-tabular data) is should be a last resort but it's easy for me to say since making a layout is rarely my job.


Except that div have no semantics by definition.




Guidelines | FAQ | Support | API | Security | Lists | Bookmarklet | DMCA | Apply to YC | Contact

Search: