I always hide the h1 for the homepage of a site. This is the most modern way that I have found to hide it without hurting anything. Just add the “.home-h1” class below:
.home-h1 {
font-size: 0;
width: 1px;
height: 1px;
overflow: hidden;
position: absolute !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
clip: rect(1px, 1px, 1px, 1px);
}
May 18, 2022 by Jerad
Tagged: accessibility, css, seo, web development