Test Page: Header Size
Description
Testing if the dimensional size (e.g. height and width) of headings effects which headings screen readers will include in lists and header navigation
H3s with height set
H3 with height of 1 pixel
1 Pixel height heading: height: 1px; overflow: hidden
H3 with height of 2 pixel
2 Pixel height heading: height: 2px; overflow: hidden
H3 with height of 3 pixel
3 Pixel height heading: height: 3px; overflow: hidden
H3 with height of 4 pixel
4 Pixel height heading: height: 4px; overflow: hidden
H3 with height of 5 pixel
5 Pixel height heading: height: 5px; overflow: hidden
H3 with height of 6 pixel
6 Pixel height heading: height: 6px; overflow: hidden
H3 with height of 7 pixel
7 Pixel height heading: height: 7px; overflow: hidden
H3 with height of 8 pixel
8 Pixel height heading: height: 8px; overflow: hidden
H3 with height of 9 pixel
9 Pixel height heading: height: 9px; overflow: hidden
H3 with height of 10 pixel
10 Pixel height heading: height: 10px; overflow: hidden
H3 with height of 11 pixel
11 Pixel height heading: height: 11px; overflow: hidden
H3 with height of 12 pixel
12 Pixel height heading: height: 12px; overflow: hidden
H3 with height of 13 pixel
13 Pixel height heading: height: 13px; overflow: hidden
H3 with height of 14 pixel
14 Pixel height heading: height: 14px; overflow: hidden
H3 with height of 15 pixel
15 Pixel height heading: height: 15px; overflow: hidden
H3 with height of 16 pixel
16 Pixel height heading: height: 16px; overflow: hidden
H3 with height of 17 pixel
17 Pixel height heading: height: 17px; overflow: hidden
H3 with height of 18 pixel
18 Pixel height heading: height: 18px; overflow: hidden
H3 with height of 19 pixel
19 Pixel height heading: height: 19px; overflow: hidden
H3 with height of 20 pixel
20 Pixel height heading: height: 20px; overflow: hidden
H3 with height of 21 pixel
21 Pixel height heading: height: 21px; overflow: hidden
H3 with height of 22 pixel
22 Pixel height heading: height: 22px; overflow: hidden
H3 with height of 23 pixel
23 Pixel height heading: height: 23px; overflow: hidden
H3 with height of 24 pixel
24 Pixel height heading: height: 24px; overflow: hidden
H3 with height of 25 pixel
25 Pixel height heading: height: 25px; overflow: hidden
H3 with height of 26 pixel
26 Pixel height heading: height: 26px; overflow: hidden
H3 with height of 27 pixel
27 Pixel height heading: height: 27px; overflow: hidden
H3 with height of 28 pixel
28 Pixel height heading: height: 28px; overflow: hidden
H3s positioned off screen
H3 positioned off screen
Positioned off screen: position: absolute; top: -30em; left: -300em