search

theNewDynamic / gohugo-theme-ananke

Ananke: A theme for Hugo Sites
https://gohugo-ananke-theme-demo.netlify.com/
MIT License
1.09k stars 1.12k forks source link

Fix capitalization of single page section header for a11y #657

Closed lpar closed 7 months ago

lpar commented 9 months ago

Currently layouts/_default/single.html uses {{with .CurrentSection.Title }}{{. | upper }}{{end}} to change the section title to ALL UPPERCASE.

This is bad for accessibility, because screen readers are likely to read POSTS as "pee oh ess tee ess".

The right thing to do if you want something to be displayed in all caps is to use CSS text-transform. This PR fixes the template to do that. Happily Tachyons has a class for the purpose, so the template code ends up being simpler.

netlify[bot] commented 9 months ago

Deploy Preview for gohugo-ananke-theme-demo canceled.

Name Link
Latest commit 73ecd7ee875a6ed15732152fd0465e74bf22d955
Latest deploy log https://app.netlify.com/sites/gohugo-ananke-theme-demo/deploys/6524250910f248000898d61a