selfthinker / css1k Goto Github PK

Lots of designs have accessibility issues. Although accessibility is not the most important in such a contest and some designs will be impossible to make accessible, I would prefer to fix at least all the easy issues.

Lots of designs hide certain sections (navigation and others) and then show them on :hover. That makes those sections inaccessible to touchscreens (i.e. most mobile devices) and keyboard users.
I just added a tabindex to the HTML of 4 elements (3973272) so that those designs can be fixed by using :focus instead.
That will make them mostly accessible for touchscreens and partly accessible for keyboard users (e.g. the navigation would show, but couldn't be visibly navigated via a keyboard).

And many designs don't work on smaller screen sizes, i.e. they are not mobile-friendly.

In 2016 CSS1K should really mostly provide responsive and accessible designs. I'm not sure it can be taken seriously if it doesn't work on a phone.
I plan to make that a new rule (with exceptions) and will try to fix existing designs, potentially also contacting original authors.

As the designs are getting more and new PRs come in (hopefully) there needs to be a way to deal with that. I don't know how yet. Any ideas?

The minimum could be simply to re-order the items. But based on what?
Some kind of tagging could help (maybe as classes on the links to the designs), e.g. if something is also responsive or if it is experimental or only works in one specific browser...

Some kind of voting system would be perfect and to order them by popularity. But that would either require something on a different page or more radical changes in the HTML.

Some designs are broken. Contact authors and ask them if they are interested in fixing them. If not, either fix myself or remove them.