For a public-sector site (local government site, that sort of thing) there will be a section for latest news. This could be blog articles, it could be informational posts etc.
These posts will have a large header image associated with them and this image is more-or-less relevant to the article (so if the article is about parking on Kings Street the image will be a car parked on that particular street, that sort of thing). Not exactly purely decorative in a stock-imagery style, but not exactly required for the article to still make sense either.
My dilemma is; where should the H1 be on such a page?
download bmml source – Wireframes created with Balsamiq Mockups
Having the header above the image has benefits such as accessibility (jumping to the first H on the page and reading from there will then include the image alt-text getting read out - although this may not really be a priority for such pseudo-decorative images) plus it would be consistent with the rest of the site as the header is likely to be there on other pages.
Having the header below the image seems to make more cognitive sense to me. I would expect people to buzz over the image and ignore it (banner-blindness etc) and therefore would likely miss the H1 title so would just be presented with the text and then have to consciously look up the page to get the title of the article, and then back down to the article text to read the post - making the whole reading and comprehension and flow a bit disjointed overall (plus on page-load you might not even see the H1, depending on your screen resolution).
Is one of these options better than the other? Or indeed is there a better alternative I should consider?