Virtual Tour: Label accessiblity

Description

None

Acceptance Criteria

A learner should be able to tab through each button and have the label read to them

A learner should be able to tab through to the label and be able to expand it with the keyboard

Activity

Show:
Thomas Marstrander
February 4, 2021, 3:51 PM
Edited

Looks great, but the button seems to be jumping when I focus it, this seems to only happen if the label is not set explicitly for that button, see:

Hanna Eide Solstad
February 9, 2021, 1:29 PM

Not able to reproduce . Are the labels shown or only on hover? And are you experiencing this on staging.h5p.org as well?

Could you create a video showing this?

Thomas Marstrander
February 9, 2021, 3:11 PM
Edited

you can test it here: https://h5psite.eu.ngrok.io/node/3

I’ve also attached it:

 

Thomas Marstrander
February 9, 2021, 3:12 PM

Label options are:

label: ““

label position: “Use behavioral setting”

Display label: “Use behavioral setting”

Hanna Eide Solstad
February 9, 2021, 3:34 PM

Thanks, I see it now. That was very weird, I haven’t seen that before, but will look into. Since I don’t think it is caused by this issue I will close this one and get it handled outside of it.

But very good finding!

Done

Assignee

Hanna Eide Solstad

Reporter

Simon Date

Labels

None

Funding

None

Code reviewer

Thomas Marstrander

Released

None

Time tracking

0m

Time remaining

0m

Sprint

None

Priority

Medium