Organize headings by literal hierarchy or importance'?

I want to be accurate semantically and legible for screen-readers.

I'm wondering about this particular situation... I have a structure like:

Current Promotion:
-Promotion Title

Recent Blog Posts:
-BlogPost Title
-BlogPost TItle

Stylistically and for better reading, I think that the titles of the individual items should be larger than the section titles, which are basically organizational.. not g开发者_开发知识库oing to get anyone too excited.

So I'm wondering if I should have the individual titles be h2s and the section headings be h3s based on 'importance' or leave it the reverse based on literal hierarchy?

It may not be a major issue, but I'm not sure what the right course of action is.

---

Headings should reflect hierarchy:

From WebAIM, a useful accessibility resource:

Pages should be structured in a hierarchical manner, with 1st degree headings () being the most important (usually page titles or heading), then 2nd degree headings ( - usually major section headings), down to 3rd degree headings (sub-sections of the ), and so on.

Some screenreaders - such as NVDA - present a structured list of headings to the end-user; if you have H2's within H3's, then the list will get messed up, and will instead look like your H3 section headers are actually sub-sections from the previous content:

Current Promotion:

Promotion Title
- Recent Blog Posts:

BlogPost Title
BlogPost TItle