Wrong document outline because of Term reference label in h3

The label of a Term reference field is enclosed in a h3 element, while other fields like List, Text etc. use a div element.

In many situations, this will create a false outline for the document.

A node "My cat" has three fields (displayed in this order): Name (Text field), Tags (Term reference), Description (Long text).
The document outline would be:

1. (h1 missing)
   1. h2: Main menu
   2. h2: You are here
2. h1:
   1. (h2 missing)
      1. h3:

The "Description" (Long text) would be in the scope of the headline "Tags", which would be not correct, of course.

Apart from the semantic problem, this is a problem for accessibility, too: some screen-reader users use a document outline to jump to sections they are interested in. Because of the Term reference label being a heading (while all other labels not), these users might miss content that comes after that heading (like the Description in this example), when they are not interested in "Tags".

I can think of two possible solutions: use a heading for every field label OR don't use a heading for any field label.

Side effect of the Term reference label being an exceptional case: the field labels are inconsistently styled, all other labels are bolder and slightly bigger.

See also: #1169216: Unwanted

in field label →