3 ms·

Style is separate from content. ie. Screen readers/robots don't care about gradients etc.

by ozaark 9y ago

seanwilson 9y ago
I'm not seeing any practical benefits mentioned so this sounds like dogmatism to me. Using an img tag can sometimes just be more practical (e.g. if you're using a CMS or for use with a JS plugin). Google Image search definitely cares about images as well. I agree separating style from content has benefits but doing this at all costs isn't worth the time in my opinion and a few img tags seem harmless to me. It reminds me of how people are against JSX on principle that code and HTML should never be mixed without attempting to consider any of the benefits.
- ozaark 9y ago
  Practical benefit: users and search engines parse the content of the page for information about the subject matter, including Google Images. I agree having an img with an empty alt tag is OK, but it's not helping search optimization and neither is alt=round corner gradient (unless of course that is your subject matter :-) Imagine reading a printed text page about dogs and peppered throughout the text was mentions of 'bezel flare 2' or similar. If it doesn't make sense for that to be on the page as text alone then it shouldn't be on the page at all.
  - seanwilson 9y ago
    It just doesn't sound significant to me. Crawlers and screen readers happily ignore div and span tags that add nothing to the content, they ignore mobile scaling meta tags in the head etc.
    - ozaark 9y ago
      > they ignore mobile scaling meta tags in the head Actually the meta viewport "Helps Google’s algorithms accurately assign indexing properties to the page rather than needing to signal the existence of corresponding desktop/mobile pages." [1] Every bit of code on a page is interpreted a certain way for a reason. HTML5 now has more semantic tags like header and nav that add an additional layer of certainty over context. I'll concede that most developers seem to not care about the reasons why so long as they can push code to production faster. [1] https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design#why-responsive-design https://developers.google.com/search/mobile-sites/mobile-seo...
- rimliu 9y ago
  So sad http://www.csszengarden.com/ http://www.csszengarden.com/ is already forgotten :(
  - daviddiasfront 9y ago
    It is not! :) That website change the vision of CSS for lot of people.

Style is separate from content. ie. Screen readers/robots don't care about gradients etc.

by ozaark 9y ago

Style is separate from content. ie. Screen readers/robots don't care about gradients etc.

I'm not seeing any practical benefits mentioned so this sounds like dogmatism to me. Using an img tag can sometimes just be more practical (e.g. if you're using a CMS or for use with a JS plugin). Google Image search definitely cares about images as well. I agree separating style from content has benefits but doing this at all costs isn't worth the time in my opinion and a few img tags seem harmless to me. It reminds me of how people are against JSX on principle that code and HTML should never be mixed without attempting to consider any of the benefits.

ozaark 9y ago
Practical benefit: users and search engines parse the content of the page for information about the subject matter, including Google Images. I agree having an img with an empty alt tag is OK, but it's not helping search optimization and neither is alt=round corner gradient (unless of course that is your subject matter :-) Imagine reading a printed text page about dogs and peppered throughout the text was mentions of 'bezel flare 2' or similar. If it doesn't make sense for that to be on the page as text alone then it shouldn't be on the page at all.
- seanwilson 9y ago
  It just doesn't sound significant to me. Crawlers and screen readers happily ignore div and span tags that add nothing to the content, they ignore mobile scaling meta tags in the head etc.
  - ozaark 9y ago
    > they ignore mobile scaling meta tags in the head Actually the meta viewport "Helps Google’s algorithms accurately assign indexing properties to the page rather than needing to signal the existence of corresponding desktop/mobile pages." [1] Every bit of code on a page is interpreted a certain way for a reason. HTML5 now has more semantic tags like header and nav that add an additional layer of certainty over context. I'll concede that most developers seem to not care about the reasons why so long as they can push code to production faster. [1] https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design#why-responsive-design https://developers.google.com/search/mobile-sites/mobile-seo...
rimliu 9y ago
So sad http://www.csszengarden.com/ http://www.csszengarden.com/ is already forgotten :(
- daviddiasfront 9y ago
  It is not! :) That website change the vision of CSS for lot of people.