Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improv hover "name" indication on numbered chapters #13

Open
MickeyKay opened this issue Aug 11, 2014 · 6 comments
Open

Improv hover "name" indication on numbered chapters #13

MickeyKay opened this issue Aug 11, 2014 · 6 comments

Comments

@MickeyKay
Copy link

Great site, first of all.

The only issue I have is that the numbered play links give no indication of what the play's title/content is. This makes it hard to semantically navigate the massive amount of content. At present, the link's title attribute shows on hover, however these simply say something like "View Play 2", and only appear after hovering for nearly 1 sec (in Chrome at least).

My suggestion would be to create an immediate hover effect that displays the actual title of the chapter (you could use something akin to Bootstrap's Tooltips).

Something like:
image

@cew821
Copy link
Contributor

cew821 commented Aug 13, 2014

I like this idea, we'll definitely consider implementing. cc/ @mollieru

@mollieru
Copy link
Contributor

Great idea! Maybe something kind of like this...

screenshot 2014-08-13 00 02 20

@MickeyKay
Copy link
Author

Also, keep in mind that for the sake of accessibility those links need to
have good title tags. Right now they don't really indicate the target
content.

On Tuesday, August 12, 2014, mollieru notifications@github.com wrote:

Great idea! Maybe something kind of like this...

[image: screenshot 2014-08-13 00 02 20]
https://cloud.githubusercontent.com/assets/3680494/3901115/bbdab56c-229e-11e4-9384-30cb9355920a.png

Reply to this email directly or view it on GitHub
#13 (comment).

@MickeyKay
Copy link
Author

That looks great by the way :-)

On Tuesday, August 12, 2014, Mickey Kay mickeyskay@gmail.com wrote:

Also, keep in mind that for the sake of accessibility those links need to
have good title tags. Right now they don't really indicate the target
content.

On Tuesday, August 12, 2014, mollieru <notifications@github.com
javascript:_e(%7B%7D,'cvml','notifications@github.com');> wrote:

Great idea! Maybe something kind of like this...

[image: screenshot 2014-08-13 00 02 20]
https://cloud.githubusercontent.com/assets/3680494/3901115/bbdab56c-229e-11e4-9384-30cb9355920a.png

Reply to this email directly or view it on GitHub
#13 (comment).

@ErieMeyer
Copy link
Contributor

Love the mock, @mollieru!

Great point on the tags, too!

@cew821
Copy link
Contributor

cew821 commented Aug 13, 2014

The tags issue is fixed now!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants