feat: migrate to latest web best practices

Improve accessibility, informed by Google Lighthouse insights.

Part 3
This commit is contained in:
George Cushen 2021-01-08 18:50:55 +00:00
commit 7b3aff07a7
3 changed files with 10 additions and 3 deletions

View file

@ -165,6 +165,9 @@
.sidebar-search-text { .sidebar-search-text {
flex-grow: 1; flex-grow: 1;
text-align: left; text-align: left;
// Multilingual safe option to prevent long placeholders overflowing search box.
overflow: hidden;
font-size: .8rem;
} }
.sidebar-search-shortcut { .sidebar-search-shortcut {

View file

@ -143,7 +143,11 @@
.section-heading p { .section-heading p {
font-weight: 400; font-weight: 400;
font-size: 1.1rem; font-size: 1.1rem;
color: #b2b2b2; color: rgba(0,0,0,0.54); // Accessible contrast, matching footer text color.
}
.dark .section-heading p {
color: rgb(158, 158, 158);
} }
/************************************************* /*************************************************

View file

@ -31,11 +31,11 @@
<div class="col-lg-12 project-item isotope-item {{ $js_tag_classes | safeHTMLAttr }}"> <div class="col-lg-12 project-item isotope-item {{ $js_tag_classes | safeHTMLAttr }}">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="article-title mb-0 mt-0"> <div class="section-subheading article-title mb-0 mt-0">
{{- if $do_link}}<a href="{{ $link }}" {{ $target | safeHTMLAttr }}>{{end -}} {{- if $do_link}}<a href="{{ $link }}" {{ $target | safeHTMLAttr }}>{{end -}}
{{ $item.Title | markdownify | emojify }} {{ $item.Title | markdownify | emojify }}
{{- if $do_link}}</a>{{end -}} {{- if $do_link}}</a>{{end -}}
</h3> </div>
{{ with $summary }} {{ with $summary }}
<div class="article-style"> <div class="article-style">