question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'Change language' in the user profile menu is not focusable

See original GitHub issue

Observed behavior

Follow-up from #5999

https://github.com/learningequality/kolibri/pull/5999#issuecomment-547386757

  • ~BlockItem components (eg, Coach > Class Home > Quizzes and Lessons lists) don’t have any keyboard outline style.~ addressed by #5852
  • The keyboard focus indicator skips “Change language” in the user profile menu.

Expected behavior

proper focus rings everywhere

User-facing consequences

accessibility not as good

Context

0.13.x develop branch

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:16 (16 by maintainers)

github_iconTop GitHub Comments

1reaction
radinamaticcommented, Nov 2, 2019

Cleaned up the comments and opened new issues. This then becomes only about the Change language not being focusable, and I changed the title accordingly, hope that is OK.

0reactions
indirectlylitcommented, Nov 1, 2019

recommendation:

  1. Create one roll-up issue for all instances where something can get keyboard focus, but does not use the standard outline. (Please put all information in the issue description, not as comments)
  2. Create new, independent issues for cases where something cannot get keyboard focus, or otherwise behaves strangely
Read more comments on GitHub >

github_iconTop Results From Across the Web

An invalid form control with name ... is not focusable - Drupal
Steps to reproduce:​​ Check your browser console for the following error: An invalid form control with name='node[basic_page][field_paragraphs][0 ...
Read more >
An invalid form control with name='' is not focusable
This issue occurs on Chrome if a form field fails validation, but due to the respective invalid control not being focusable the browser's...
Read more >
Change the language your Mac uses - Apple Support
On your Mac, choose Apple menu > System Settings, click General in the sidebar, then click Language & Region on the right. (You...
Read more >
focus-visible - CSS: Cascading Style Sheets - MDN Web Docs
The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the UA (User Agent) determines via heuristics ...
Read more >
The autofocus attribute - HTML Standard - WhatWG
A focusable area is said to be click focusable if the user agent determines that it is click focusable. User agents should consider...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found