Skip to content

Commit

Permalink
Accessibility tweak
Browse files Browse the repository at this point in the history
  • Loading branch information
@philwareham
philwareham committed May 14, 2021
1 parent fb3143b commit bed4fe4
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 23 deletions.
3 changes: 2 additions & 1 deletion src/assets/sass/modules/_typography.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,8 @@ h2 {
line-height: 1.25; // 35px / 28px
}

h3 {
h3,
.homepage h2 {
margin: 1em 0; // 22px
font-size: 1.375rem; // 22px / 16px
line-height: 1.3181818; // 29px / 22px
Expand Down
22 changes: 11 additions & 11 deletions src/mockups/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@
</script>
</head>

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

<div class="layout-4col">
<h3 class="index-feature-foundations">Built on solid foundations</h3>
<h2 class="index-feature-foundations">Built on solid foundations</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-tags">Flexible tag-based templates</h3>
<h2 class="index-feature-tags">Flexible tag-based templates</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-speed">Fast, lean, secure and extendable</h3>
<h2 class="index-feature-speed">Fast, lean, secure and extendable</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-interface">Simple, elegant user interface</h3>
<h2 class="index-feature-interface">Simple, elegant user interface</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-languages">Available in over 50 languages</h3>
<h2 class="index-feature-languages">Available in over 50 languages</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-community">Community-driven development</h3>
<h2 class="index-feature-community">Community-driven development</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-writing">Write using Textile, Markdown, etc.</h3>
<h2 class="index-feature-writing">Write using Textile, Markdown, etc.</h2>
<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>
</div>

<div class="layout-4col">
<h3 class="index-feature-contribute">Contributors are welcomed</h3>
<h2 class="index-feature-contribute">Contributors are welcomed</h2>
<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>
</div>

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

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

<div class="layout-3col">
<h3>Latest from <a href="https://forum.textpattern.com/">the forum</a>…</h3>
<h2>Latest from <a href="https://forum.textpattern.com/">the forum</a>…</h2>
<ul class="list--no-bullets ellipsis">
<li>
<a href="#">How is it that the "authors" tag is being parsed as a tag?</a>
Expand Down
22 changes: 11 additions & 11 deletions src/templates/pages/default.txp
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
</txp:if_search>
</head>
<txp:if_variable name="homepage">
<body itemscope itemtype="https://schema.org/WebPage">
<body itemscope itemtype="https://schema.org/WebPage" class="homepage">
<txp:output_form form="body_header" />
<main aria-label="Main content">
<div class="wrapper-inner animation-wrapper">
Expand Down Expand Up @@ -123,35 +123,35 @@ echo '<a class="count-bubble" rel="external" href="https://github.com/textpatter
<div class="container index-feature">
<div class="layout-container">
<div class="layout-4col">
<h3 class="index-feature-foundations">Built on solid foundations</h3>
<h2 class="index-feature-foundations">Built on solid foundations</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-tags">Flexible tag-based templates</h3>
<h2 class="index-feature-tags">Flexible tag-based templates</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-speed">Fast, lean, secure and extendable</h3>
<h2 class="index-feature-speed">Fast, lean, secure and extendable</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-interface">Simple, elegant user interface</h3>
<h2 class="index-feature-interface">Simple, elegant user interface</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-languages">Available in over 50 languages</h3>
<h2 class="index-feature-languages">Available in over 50 languages</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-community">Community-driven development</h3>
<h2 class="index-feature-community">Community-driven development</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-writing">Write using Textile, Markdown, etc.</h3>
<h2 class="index-feature-writing">Write using Textile, Markdown, etc.</h2>
<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>
</div>
<div class="layout-4col">
<h3 class="index-feature-contribute">Contributors are welcomed</h3>
<h2 class="index-feature-contribute">Contributors are welcomed</h2>
<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>
</div>
</div>
Expand Down Expand Up @@ -227,12 +227,12 @@ echo '<a class="count-bubble" rel="external" href="https://github.com/textpatter
<div class="container">
<div class="layout-container">
<section class="layout-3col-2span" itemscope itemtype="https://schema.org/Blog">
<h3>Latest from <a href="<txp:site_url />weblog">the blog</a>…</h3>
<h2>Latest from <a href="<txp:site_url />weblog">the blog</a>…</h2>
<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>
<txp:etc_cache id="homepage-blog"><txp:article form="article_listing_blog" limit="2" /></txp:etc_cache>
</section>
<div class="layout-3col">
<h3>Latest from <a href="https://forum.textpattern.com/">the forum</a>…</h3>
<h2>Latest from <a href="https://forum.textpattern.com/">the forum</a>…</h2>
<ul class="list--no-bullets ellipsis">
<txp:etc_cache id="forum-api" time="-900"><txp:php>
$curl = curl_init();
Expand Down

0 comments on commit bed4fe4

Please sign in to comment.