Random Accessibility Issue

H1 and H2
H1 and H2

Random Accessibility Issue

Welcome to CodeSpread!

Recently, My friend asked me about a requirement regarding visibility of H1 and H2 tags. Although i faced the same situation some time back where i asked a lot many experienced persons mainly working with SEO. I received good number of responses but none was able to satisfy so i did what we do best, HIT and TRIAL!!


From the SEO agency, we were instructed to use H1 and H2 tags but as per design, there was no space to accommodate H1 and H2 tags. Main cause of this situation is the increasing need of a better UI requirement/UI experiments which every design agency is introducing to keep their market up among the clients.


Before that, lets review few things,

What are H1 and H2 tags?

H1 and H2 Tags are HTML elements like any other but they have special significance in terms of SEO.

H1 – Header 1 – Page Header
H2 – Header 2 – Sub Header

Search Engines crawlers look for these tags to index the page and at times proved fruitful to achieve a better search ranking. And, we know that reaching to the top 10 of search results is the ultimate goal to win customers nowadays.

Discussion 1:

In our webpage design, we were having images in place of H1 and H2 tag. We did our first attempt where we included the H1 and H2 tags and make the hidden through CSS.


SEO agency raised their doubts that if content is not human-readable then it might not be recognized by Search Engines. Later, it got confirmed through the trusted sources that if the content is not human-readable, not only search engines discards it moreover, site is penalized for the same.



Discussion 2:

Place image tags inside H1 and H2 tags and copy the H1 and H2 text in ‘alt’ property of images.


SEO agency confirmed that alt text is human readable and image tag inside H1 and H2 is a possible solution.


Accepted and Successful.


We need meta tags for better search rankings and with the above approach,we have more freedom in implementing the meta tags and achieve improved accessibility.Cheers!

Author: hershey

A passion for knowledge drives me to do programming, A passion for programming drives me to create something different, A passion for creation drives me to spread the knowledge.

Share This Post On


  1. nice superb explaination

    Post a Reply
  2. thanks for the tutorial
    I am having a problem.
    The feature “Create SQL server database” isn’t available , I can’t select it.
    Can you help, please ?

    Post a Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

More from CodeSpread:

  • Java script rendered content is not crawl able.Java script rendered content is not crawl able.There was a requirement to include 'ratings and reviews' plugin on the product pages of our website which is provided by a third party. We included a javascript library and some code as provided by...
  • Thought : User Freedom-Customized ContentThought : User Freedom-Customized ContentThis article analyzes the gap between our expectations from internet content and how it is being served to us. We are information hungry people and Internet is full of information but still not ...
  • Time Out: Not a Technical postTime Out: Not a Technical postTaking my time-out from technical world for once and sharing a regular joke in the form of  this comic with you. There is no harm in showing funny side also sometimes. wat say!!
  • YSlow is a nice addon to determine page performanceYSlow is a nice addon to determine page performanceYSLOW is one handier tool for a developer. It is used to analyze web pages and get it tested on the rules identified which are explained below. I like the name “YSlow”as it more or less poses a que...
  • Visual Studio 2013 CountdownVisual Studio 2013 CountdownIt's quite amazing to see people everywhere talking about the launch of visual studio 2013. We thought, even we should also get the feel of the new version. First thing, which I noticed, was the co...
  • Agile Encounters UnpredictabilityAgile Encounters UnpredictabilityWhat is Agile? Wikipedia says “Agile software development is a group of software development methods based on iterative and incremental development, where requirements and solutions evolve through...
  • Code 1: OOPS, class or object.Code 1: OOPS, class or object."I am not a computer science graduate" Yes! This was my innocent submission when i started my career in IT. I must admit it now that i did use this as an excuse and so do many people to avoid...
  • Web-Page responses by PostBack, AutoPostBack, CrossPostBack, CallBack.Web-Page responses by PostBack, AutoPostBack, CrossPostBack, CallBack.It is difficult to find a site on the internet which does not respond to user's action. By user's action, i mean to say, clicking on a button, selecting something from a list, navigation links. The...