Double content
I have got a dilemma, because I have to write code (XHTML, CSS and so on) based on design from an agency. Design looks nicely, but usability of it is not so good.
Design looks something like this:
Related articles (blue one on image) are exactly the same as related article again from right on the article content. Similarly useful external links under the article content are repeated on the right of article content.
So, What is the best way to do this? I see two solutions:
- Generate twice each of the section in XHTML code (by back-end code)
- Generate only once time section which will be repeat and copy them via JavaScript
Both solutions are not so good, but if we have got bad design and we don’t have any possibilities to change it (for example client is to decide on), we must choose solutions.
Why the first is bad?
- Double content in XHTML code
- Accessibility (obstruct browsing from mobile, screen reader has to read the same content again)
- SEO (to much the same words in code or something other reason to worse SEO)
- We don’t have possibilities to add any semantic relations between section in code (XHTML is restricted in this case)
Why the second is bad?
- Client has to rendering scripts (performance)
I think, the second is better than the first. If you have any ideas leave a comment.