Coraline missing :focus styles

  • There are no “:focus” styles defined in the Coraline theme, which makes it difficult to navigate the page using only a keyboard and no mouse.
    (Here’s a bit more detail on why this is a problem: “Whenever you use :hover, also use :focus” )

    I’ve fixed it locally by adding corresponding :focus rules for each :hover rule — is there somewhere I can submit a patch?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey larcher,
    Sorry for the slow reply on this. Great idea, this is a needed improvement. Want to post up a patch for us and link it here? You could use a Github Gist or just drop us the link to download it. Thanks!

    Thread Starter larcher

    (@larcher)

    Sure, glad to help out. I just created a gist – this includes style.css and all the CSS files in colors/.

    I also added the following to make it easier see what’s in focus (it’s not always obvious from the difference in color, especially for plain links):

    :focus {
	outline: 1px dotted black;
}

    One last note: my changes were originally based off version 1.3 of the theme, but for the files in the gist I used 1.4.1 as a starting point.

    Hi, how do you remove the tags below the posts.
    we want to have the tag on the sidebar, but we do not want to show tags below the posts. Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry @barbyhitesman, this isn’t the official thread for all Caroline theme support.

    You’ll need to start your own thread to discuss that.

    Howdy! Just a note to say we’ve added these rules; they’ll be available in the next version of Coraline. Thanks much for the patch. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Coraline missing :focus styles’ is closed to new replies.