WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Looking for very lightweight, accessible responsive static web templates - possibly a question for Jeremy Echols

for

Number of posts in this thread: 3 (In chronological order)

From: Jonathan H
Date: Mon, May 25 2020 12:02PM
Subject: Looking for very lightweight, accessible responsive static web templates - possibly a question for Jeremy Echols
No previous message | Next message →

I'm having a rather fruitless search for very small, lightweight,
clean templates, possibly for use with HUGO static generator.

I just need a four-page static informational site for VI and sighted
visitors alike.

While I'm reasonable with the accessibility part, I have a terrible
eye for design, and every time I find what looks like a great
template, it comes bundled with a ridiculous amount of bloat - why
would I want jquery and 6 libraries?!?

I see that Yahoo's PureCSS has had a recent major update and this
looks fairly clean: https://purecss.io/layouts/marketing/

Or as an alternative, this is the list of Hugo themes tagged with
Accessible: https://themes.gohugo.io/tags/accessible/

Or there's even PureCSS-based Hugo themes: https://themes.gohugo.io/tags/purecss

So, I have a sort of shortlist, but my eye for design always thinks
the basic text-only ones must be the most accesible, which isn't
always true of course. So, do any of these stand out? Or does anyone
have any other very lightweight go-to responsive accessible templates
they'd recommend?

Many thanks.

From: Jeremy Echols
Date: Tue, May 26 2020 10:47AM
Subject: Re: Looking for very lightweight, accessible responsive static web templates - possibly a question for Jeremy Echols
← Previous message | Next message →

I'm not sure why you called me out directly, but I've run into the same problems. I've been trying to figure out a nice Hugo theme for technical documentation, and even the simplest ones seem to be doing ridiculous things like disabling link focus.

The "Zen" theme, tagged as being accessible, is immediately busted when you start tabbing through the page - keyboard focus is lost for a bit somewhere in the main navigation, and even when you can find it, the difference in grays from a link to its focus state is barely perceptible to me (it goes from hex #333 to #666, which is a contrast ration of 2.2:1).

On the other hand, at a cursory glance, the "Cupper" theme appears to have accessibility built into the CSS. The demo isn't amazing (they failed to specify an alt attribute for the linked logo), but it's a lot better than Zen, and probably a great starting point for a simple static site.

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Jonathan H
Sent: Monday, May 25, 2020 11:03
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Looking for very lightweight, accessible responsive static web templates - possibly a question for Jeremy Echols

I'm having a rather fruitless search for very small, lightweight, clean templates, possibly for use with HUGO static generator.

I just need a four-page static informational site for VI and sighted visitors alike.

While I'm reasonable with the accessibility part, I have a terrible eye for design, and every time I find what looks like a great template, it comes bundled with a ridiculous amount of bloat - why would I want jquery and 6 libraries?!?

I see that Yahoo's PureCSS has had a recent major update and this looks fairly clean: https://urldefense.com/v3/__https://purecss.io/layouts/marketing/__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX8f_ExF2A$

Or as an alternative, this is the list of Hugo themes tagged with
Accessible: https://urldefense.com/v3/__https://themes.gohugo.io/tags/accessible/__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX_KtWlLOQ$

Or there's even PureCSS-based Hugo themes: https://urldefense.com/v3/__https://themes.gohugo.io/tags/purecss__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX9xQK0uZQ$

So, I have a sort of shortlist, but my eye for design always thinks the basic text-only ones must be the most accesible, which isn't always true of course. So, do any of these stand out? Or does anyone have any other very lightweight go-to responsive accessible templates they'd recommend?

Many thanks.

From: Jonathan H
Date: Tue, May 26 2020 12:16PM
Subject: Re: Looking for very lightweight, accessible responsive static web templates - possibly a question for Jeremy Echols
← Previous message | No next message

On Tue, 26 May 2020 at 17:48, Jeremy Echols < = EMAIL ADDRESS REMOVED = > wrote:

I'm not sure why you called me out directly, but I've run into the same
> problems.


It's because when I searched the archives of this list for the right
keywords, especially Hugo, your posts appeared!

> On the other hand, at a cursory glance, the "Cupper" theme appears to have
> accessibility built into the CSS. The demo isn't amazing (they failed to
> specify an alt attribute for the linked logo), but it's a lot better than
> Zen, and probably a great starting point for a simple static site.
>

Ah, OK - I did think it looked a bit "black and white" and first, but I see
it's actually from Paciello (they of WebAIM etc), so I think that's good
enough for me! I'll let you know what I build!

Thanks so much for your help,

Jonathan


>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of
> Jonathan H
> Sent: Monday, May 25, 2020 11:03
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: [WebAIM] Looking for very lightweight, accessible responsive
> static web templates - possibly a question for Jeremy Echols
>
> I'm having a rather fruitless search for very small, lightweight, clean
> templates, possibly for use with HUGO static generator.
>
> I just need a four-page static informational site for VI and sighted
> visitors alike.
>
> While I'm reasonable with the accessibility part, I have a terrible eye
> for design, and every time I find what looks like a great template, it
> comes bundled with a ridiculous amount of bloat - why would I want jquery
> and 6 libraries?!?
>
> I see that Yahoo's PureCSS has had a recent major update and this looks
> fairly clean:
> https://urldefense.com/v3/__https://purecss.io/layouts/marketing/__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX8f_ExF2A$
>
> Or as an alternative, this is the list of Hugo themes tagged with
> Accessible:
> https://urldefense.com/v3/__https://themes.gohugo.io/tags/accessible/__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX_KtWlLOQ$
>
> Or there's even PureCSS-based Hugo themes:
> https://urldefense.com/v3/__https://themes.gohugo.io/tags/purecss__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX9xQK0uZQ$
>
> So, I have a sort of shortlist, but my eye for design always thinks the
> basic text-only ones must be the most accesible, which isn't always true of
> course. So, do any of these stand out? Or does anyone have any other very
> lightweight go-to responsive accessible templates they'd recommend?
>
> Many thanks.
> > > https://urldefense.com/v3/__http://list.webaim.org/__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX_e-Bgu_A$
> List archives at
> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!!C5qS4YX3!SnyeYEVj1ePmMVcCe_cNZJ3GV4ozeYxRIkc7PbKxLantxztM7AkfUxVlbX-JWhAi0A$
> > > > > >