You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: index.html
+27-24Lines changed: 27 additions & 24 deletions
Original file line number
Diff line number
Diff line change
@@ -12,10 +12,13 @@
12
12
</head>
13
13
14
14
<body>
15
+
16
+
<h1>Accessible HTML Content Patterns</h1>
17
+
15
18
<mainrole="main">
16
19
17
20
<navid="section__table-of-contents" role="navigation" aria-labelledby="title__table-of-contents"><!-- Start of #section__table-of-contents -->
18
-
<h1id="title__table-of-contents">Table of Contents</h1>
21
+
<h2id="title__table-of-contents">Table of Contents</h2>
19
22
<ul>
20
23
<li><ahref="#section__about">About</a></li>
21
24
<li><ahref="#section__headings">Headings</a></li>
@@ -62,7 +65,7 @@ <h1 id="title__table-of-contents">Table of Contents</h1>
62
65
<hr/>
63
66
64
67
<asideid="section__about" role="complementary" aria-labelledby="title__about"><!-- Start of #section__about -->
65
-
<h1id="title__about">About</h1>
68
+
<h2id="title__about">About</h2>
66
69
67
70
<p>
68
71
Accessible, semantic markup patterns for HTML content. Uses the full <arel="external" href="http://html5doctor.com/element-index/"><cite>HTML5 Doctor Element Index</cite></a>, minus the <code><details></code>, <code><summary></code>, <code><command></code>, and <code><menu></code> tags.
<sectionid="section__headings" role="region" aria-labelledby="title__headings"><!-- Start of #section__headings -->
78
-
<h1id="title__headings">Headings</h1>
81
+
<h2id="title__headings">Headings</h2>
79
82
80
83
<h1>First Header h1</h1>
81
84
<p>
@@ -106,10 +109,10 @@ <h6>Sixth header h6</h6>
106
109
<hr/>
107
110
108
111
<sectionid="section__text-level" role="region" aria-labelledby="title__text-level"><!-- Start of #section__text-level -->
109
-
<h1id="title__text-level">Text-level</h1>
112
+
<h2id="title__text-level">Text-level</h2>
110
113
111
114
<divid="subsection__content" role="region" aria-labelledby="subtitle__content"><!-- Start of #subsection__content -->
112
-
<h2id="subtitle__content">Content</h2>
115
+
<h3id="subtitle__content">Content</h3>
113
116
<p>
114
117
And he <em>looked</em> over at <strong>the alarm clock</strong>, ticking on the <i>chest</i> of <b>drawers</b>. "God in <u>Heaven</u>!" he <s>thought</s>. It was <small>half past six</small> and the <abbr>hands</abbr> were <q>quietly moving forwards</q>, it was even later <cite>than half past</cite>, more <dfn>like quarter to seven</dfn>. Had the <sub>alarm</sub> clock not <sup>rung</sup>? He <time>could</time> see from the <code>bed that it had been set</code> for four <kbd>o'clock</kbd> as it <samp>should</samp> have <var>been</var>; it <mark>certainly</mark> must have rung.
<divid="subsection__links" role="region" aria-labelledby="subtitle__links"><!-- Start of #subsection__links -->
129
-
<h2id="subtitle__links">Links</h2>
132
+
<h3id="subtitle__links">Links</h3>
130
133
<p>
131
134
And even if he did catch the <ahref="#">train</a> he would not avoid his boss's anger as the <ahref="#" rel="external">office assistant</a> would have been there to see the five o'clock train go, he would have put in his report about <ahref="https://twitter.com/twitter" rel="external">Gregor</a>'s not being there a long time ago. The office assistant was the boss's man, spineless, and with no understanding. What about if he reported sick? But that would be <ahref="#">extremely strained and suspicious as in fifteen years of service Gregor had never once yet been ill</a>. His boss would certainly come round with the doctor from the medical insurance company, accuse his parents of having a lazy son, and accept the doctor's recommendation not to make any claim as the doctor believed that no-one was ever ill but that many were workshy. And what's more, would he have been entirely wrong in this case? Gregor did in fact, apart from excessive sleepiness after sleeping for so long, feel completely well and even felt much hungrier than usual.
132
135
</p>
@@ -138,7 +141,7 @@ <h2>Block-level link title</h2>
138
141
</a>
139
142
</div><!-- End of #subsection__links -->
140
143
<divid="subsection__lists" role="region" aria-labelledby="subtitle__lists"><!-- Start of #subsection__lists -->
141
-
<h2id="subtitle__lists">Lists</h2>
144
+
<h3id="subtitle__lists">Lists</h3>
142
145
<h3>Unordered List</h3>
143
146
<ul>
144
147
<li>Apple</li>
@@ -219,7 +222,7 @@ <h3>Definition List</h3>
219
222
</dl>
220
223
</div><!-- End of #subsection__lists -->
221
224
<divid="subsection__code" role="region" aria-labelledby="subtitle__code"><!-- Start of #subsection__code -->
0 commit comments