- ABP Framework version: v6.0.1
- UI type: MVC / Lepton-X 1.0.4
- DB provider: EF Core
- Tiered (MVC) or Identity Server Separated (Angular): yes
We require keyboard navigation support as our solution needs to meet accessibility standards.
In this specific instance, we require keyboard navigation support for the General Settings.
I've added tabindex(0) to each of the option groups (appearance, language, general settings) - we also require the ability for users to press enter to display the various options (defaulting to options for the selected group. The behaviour for pressing the enter key should mimic the click event.
It's not straightforward to make these changes as commercial javascript backs the current implementation, which I am not sure how to utilize.
<div class="lpx-settings" id="lpx-settings">
<div id="appearance" class="setting-icon" data-lpx-setting-icon="appearance" data-lpx-setting-id="settings-context-menu" tabindex="0">
<div class="setting">
<i class="bi bi-laptop-fill"></i>
</div>
</div>
@if (MvcOptions.Value.ApplicationLayout == LeptonXMvcLayouts.SideMenu)
{
<div id="containerWidth" class="setting-icon" data-lpx-setting-icon="containerWidth" data-lpx-setting-id="settings-context-menu" tabindex="0">
<div class="setting">
<i class="bi bi-layout-three-columns"></i>
</div>
</div>
}
<div id="language" class="setting-icon" data-lpx-setting-icon="language" data-lpx-setting-id="settings-context-menu" tabindex="0">
<div class="setting">
<span></span>
</div>
</div>
<div class="setting-icon" tabindex="0">
<i class="bi bi-gear-wide-connected" aria-hidden="true" data-lpx-ctx-toggle="settings-context-menu"></i>
</div>
Can you please provide a solution for this issue.
Thanks
6 Answer(s)
-
0
Hello, I'm sorry that I can't recommend a workaround right now. It is caused by a plugin that we utilize, thus finding a workaround is far more difficult than tackling the problem itself. As a result, we will be releasing a new version of 'LeptonX' soon; unfortunately, I can only recommend that you wait for it. I believe you will accept it with grace.
-
0
Hi, can you please provide us with a timeframe for the release, so we can inform our customers? Also, we are on ABP.io 6.01. Can we continue with this, or will the LeptonX release require an update to our ABP.io version too?
-
0
Hello,
can you please provide us with a timeframe for the release, so we can inform our customers?
We are planning to release a new release for
LeptonXthis week.Also, we are on ABP.io 6.01. Can we continue with this, or will the LeptonX release require an update to our ABP.io version too?
I think updating your version of
LeptonXwill suffice.If there are any improvements on these issues, I will share them with you.
-
0
Reopening
-
0
Hi, we have released
v1.0.5versionv2.0.4version forLeptonX. You can upgradeLeptonXfromv1.0.4tov1.0.5if you want. -
0
Hi, we have released v1.0.5 version v2.0.4 version for LeptonX. You can upgrade LeptonX from v1.0.4 to v1.0.5 if you want.
Closing the issue. Feel free to re-open or create a new issue if you have further questions.
