Skip to content

Commit bed4fe4

Browse files
committed
Accessibility tweak
1 parent fb3143b commit bed4fe4

File tree

3 files changed

+24
-23
lines changed

3 files changed

+24
-23
lines changed

src/assets/sass/modules/_typography.scss

+2-1
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,8 @@ h2 {
133133
line-height: 1.25; // 35px / 28px
134134
}
135135

136-
h3 {
136+
h3,
137+
.homepage h2 {
137138
margin: 1em 0; // 22px
138139
font-size: 1.375rem; // 22px / 16px
139140
line-height: 1.3181818; // 29px / 22px

src/mockups/index.html

+11-11
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
</script>
5353
</head>
5454

55-
<body itemscope itemtype="https://schema.org/WebPage">
55+
<body itemscope itemtype="https://schema.org/WebPage" class="homepage">
5656
<meta itemprop="accessibilityControl" content="fullKeyboardControl">
5757
<meta itemprop="accessibilityControl" content="fullMouseControl">
5858
<meta itemprop="accessibilityHazard" content="noFlashingHazard">
@@ -137,42 +137,42 @@ <h1 id="main" class="cta"><span>The small content management system that can han
137137
<div class="layout-container">
138138

139139
<div class="layout-4col">
140-
<h3 class="index-feature-foundations">Built on solid foundations</h3>
140+
<h2 class="index-feature-foundations">Built on solid foundations</h2>
141141
<p>Textpattern CMS is completely free, open source software and it's built upon proven web technologies too. Furthermore, it doesn’t muddy your HTML with additional code dependencies or script libraries.</p>
142142
</div>
143143

144144
<div class="layout-4col">
145-
<h3 class="index-feature-tags">Flexible tag-based templates</h3>
145+
<h2 class="index-feature-tags">Flexible tag-based templates</h2>
146146
<p>Your designs—your code. Textpattern has a powerful tag-based template language that’s easy to learn and provides a wealth of ways to structure a website and manipulate content.</p>
147147
</div>
148148

149149
<div class="layout-4col">
150-
<h3 class="index-feature-speed">Fast, lean, secure and extendable</h3>
150+
<h2 class="index-feature-speed">Fast, lean, secure and extendable</h2>
151151
<p>We purposefully keep the core of the CMS lean and responsive. However the system is fully extendable via plugins, of which there are hundreds available via our community of plugin authors.</p>
152152
</div>
153153

154154
<div class="layout-4col">
155-
<h3 class="index-feature-interface">Simple, elegant user interface</h3>
155+
<h2 class="index-feature-interface">Simple, elegant user interface</h2>
156156
<p>Our design philosophy extends to the Textpattern core user interface too. We try to avoid needless clutter within the administration panels and we strive to make the interface fully accessible for all users.</p>
157157
</div>
158158

159159
<div class="layout-4col">
160-
<h3 class="index-feature-languages">Available in over 50 languages</h3>
160+
<h2 class="index-feature-languages">Available in over 50 languages</h2>
161161
<p>The Textpattern core user interface has been localized into many languages. Of course, we always welcome further <a href="#">translation by the community</a>. More translations are added all the time!</p>
162162
</div>
163163

164164
<div class="layout-4col">
165-
<h3 class="index-feature-community">Community-driven development</h3>
165+
<h2 class="index-feature-community">Community-driven development</h2>
166166
<p>Well over a decade of development has been lovingly poured into our CMS. The active, friendly and helpful <a href="https://forum.textpattern.com/">community</a> surrounding the platform ensures its continued success and guides its future.</p>
167167
</div>
168168

169169
<div class="layout-4col">
170-
<h3 class="index-feature-writing">Write using Textile, Markdown, etc.</h3>
170+
<h2 class="index-feature-writing">Write using Textile, Markdown, etc.</h2>
171171
<p>Our CMS ships with built-in support for Textile text formatting language, and support for Markdown language <a rel="external" href="https://github.com/rwetzlmayr/wet_textfilter_markdown">via a plugin</a>. Alternatively, you can write plain text or vanilla HTML if you so wish.</p>
172172
</div>
173173

174174
<div class="layout-4col">
175-
<h3 class="index-feature-contribute">Contributors are welcomed</h3>
175+
<h2 class="index-feature-contribute">Contributors are welcomed</h2>
176176
<p>Textpattern is open source under the <a href="https://textpattern.com/license">GNU General Public License v2.0</a>, and all development takes place on <a rel="external" href="https://github.com/textpattern/textpattern">GitHub</a>. User contributions are welcome (and indeed, are enthusiastically encouraged).</p>
177177
</div>
178178

@@ -256,7 +256,7 @@ <h1><a href="showcase-landing.html">Site showcase</a></h1>
256256
<div class="layout-container">
257257

258258
<section class="layout-3col-2span" itemscope itemtype="https://schema.org/Blog">
259-
<h3>Latest from <a href="#">the blog</a></h3>
259+
<h2>Latest from <a href="#">the blog</a></h2>
260260
<p>
261261
<img class="prefers-color-scheme" width="756" height="160" alt="The Textpattern blog"
262262
src="../assets/img/com/index-blog-header.png"
@@ -340,7 +340,7 @@ <h1 itemprop="headline"><a itemprop="url mainEntityOfPage" title="Full article"
340340
</section>
341341

342342
<div class="layout-3col">
343-
<h3>Latest from <a href="https://forum.textpattern.com/">the forum</a></h3>
343+
<h2>Latest from <a href="https://forum.textpattern.com/">the forum</a></h2>
344344
<ul class="list--no-bullets ellipsis">
345345
<li>
346346
<a href="#">How is it that the "authors" tag is being parsed as a tag?</a>

src/templates/pages/default.txp

+11-11
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
</txp:if_search>
4949
</head>
5050
<txp:if_variable name="homepage">
51-
<body itemscope itemtype="https://schema.org/WebPage">
51+
<body itemscope itemtype="https://schema.org/WebPage" class="homepage">
5252
<txp:output_form form="body_header" />
5353
<main aria-label="Main content">
5454
<div class="wrapper-inner animation-wrapper">
@@ -123,35 +123,35 @@ echo '<a class="count-bubble" rel="external" href="https://github.com/textpatter
123123
<div class="container index-feature">
124124
<div class="layout-container">
125125
<div class="layout-4col">
126-
<h3 class="index-feature-foundations">Built on solid foundations</h3>
126+
<h2 class="index-feature-foundations">Built on solid foundations</h2>
127127
<p>Textpattern CMS is completely free, open source software and it's built upon proven web technologies too. Furthermore, it doesn’t muddy your HTML with additional code dependencies or script libraries.</p>
128128
</div>
129129
<div class="layout-4col">
130-
<h3 class="index-feature-tags">Flexible tag-based templates</h3>
130+
<h2 class="index-feature-tags">Flexible tag-based templates</h2>
131131
<p>Your designs—your code. Textpattern has a powerful tag-based template language that’s easy to learn and provides a wealth of ways to structure a website and manipulate content.</p>
132132
</div>
133133
<div class="layout-4col">
134-
<h3 class="index-feature-speed">Fast, lean, secure and extendable</h3>
134+
<h2 class="index-feature-speed">Fast, lean, secure and extendable</h2>
135135
<p>We purposefully keep the core of the CMS lean and responsive. However the system is fully extendable via plugins, of which there are hundreds available via our community of plugin authors.</p>
136136
</div>
137137
<div class="layout-4col">
138-
<h3 class="index-feature-interface">Simple, elegant user interface</h3>
138+
<h2 class="index-feature-interface">Simple, elegant user interface</h2>
139139
<p>Our design philosophy extends to the Textpattern core user interface too. We try to avoid needless clutter within the administration panels and we strive to make the interface fully accessible for all users.</p>
140140
</div>
141141
<div class="layout-4col">
142-
<h3 class="index-feature-languages">Available in over 50 languages</h3>
142+
<h2 class="index-feature-languages">Available in over 50 languages</h2>
143143
<p>The Textpattern core user interface has been localized into many languages. Of course, we always welcome further <a href="<txp:permlink id="301" />">translation by the community</a>. More translations are added all the time!</p>
144144
</div>
145145
<div class="layout-4col">
146-
<h3 class="index-feature-community">Community-driven development</h3>
146+
<h2 class="index-feature-community">Community-driven development</h2>
147147
<p>Over <txp:php>echo safe_strftime("%Y") - 2003;</txp:php> years of development has been lovingly poured into our CMS. The active, friendly and helpful <a href="https://forum.textpattern.com/">community</a> surrounding the platform ensures its continued success and guides its future.</p>
148148
</div>
149149
<div class="layout-4col">
150-
<h3 class="index-feature-writing">Write using Textile, Markdown, etc.</h3>
150+
<h2 class="index-feature-writing">Write using Textile, Markdown, etc.</h2>
151151
<p>Our CMS ships with built-in support for Textile text formatting language, and support for Markdown language <a rel="external" href="https://github.com/rwetzlmayr/wet_textfilter_markdown">via a plugin</a>. Alternatively, you can write plain text or vanilla HTML if you so wish.</p>
152152
</div>
153153
<div class="layout-4col">
154-
<h3 class="index-feature-contribute">Contributors are welcomed</h3>
154+
<h2 class="index-feature-contribute">Contributors are welcomed</h2>
155155
<p>Textpattern is open source under the <a href="<txp:site_url />license">GNU General Public License v2.0</a>, and all development takes place on <a rel="external" href="https://github.com/textpattern/textpattern">GitHub</a>. User contributions are welcome (and indeed, are enthusiastically encouraged).</p>
156156
</div>
157157
</div>
@@ -227,12 +227,12 @@ echo '<a class="count-bubble" rel="external" href="https://github.com/textpatter
227227
<div class="container">
228228
<div class="layout-container">
229229
<section class="layout-3col-2span" itemscope itemtype="https://schema.org/Blog">
230-
<h3>Latest from <a href="<txp:site_url />weblog">the blog</a>…</h3>
230+
<h2>Latest from <a href="<txp:site_url />weblog">the blog</a>…</h2>
231231
<p><img loading="lazy" decoding="async" class="prefers-color-scheme" width="756" height="160" alt="The Textpattern blog" src="/assets/img/com/index-blog-header.png" data-src-light="/assets/img/com/index-blog-header.png" data-src-dark="/assets/img/com/dark-index-blog-header.png" srcset="/assets/img/com/index-blog-header@2x.png 2x" data-srcset-light="/assets/img/com/index-blog-header@2x.png 2x" data-srcset-dark="/assets/img/com/dark-index-blog-header@2x.png 2x"></p>
232232
<txp:etc_cache id="homepage-blog"><txp:article form="article_listing_blog" limit="2" /></txp:etc_cache>
233233
</section>
234234
<div class="layout-3col">
235-
<h3>Latest from <a href="https://forum.textpattern.com/">the forum</a>…</h3>
235+
<h2>Latest from <a href="https://forum.textpattern.com/">the forum</a>…</h2>
236236
<ul class="list--no-bullets ellipsis">
237237
<txp:etc_cache id="forum-api" time="-900"><txp:php>
238238
$curl = curl_init();

0 commit comments

Comments
 (0)