improve sidebar accessibility for keyboard navigation

This commit is contained in:
daria 2025-02-11 11:12:57 +02:00
parent 337e2ba589
commit 93156ea920

View File

@ -203,7 +203,7 @@ define([
var active = privateData.category || 'all';
common.setHash(active);
Object.keys(categories).forEach(function (key) {
var $category = $('<div>', {'class': 'cp-sidebarlayout-category'}).appendTo($categories);
var $category = $('<div>', {'class': 'cp-sidebarlayout-category', 'tabindex': 0}).appendTo($categories);
if (key === 'all') { $category.append($('<span>', {'class': 'fa fa-bars'})); }
if (key === 'friends') { $category.append($('<span>', {'class': 'fa fa-user'})); }
if (key === 'pads') { $category.append($('<span>', {'class': 'cptools cptools-richtext'})); }
@ -213,6 +213,11 @@ define([
$category.addClass('cp-leftside-active');
}
$category.keydown(function (e) {
if (e.keyCode === 13) {
$category.click();
}
});
$category.click(function () {
if (!Array.isArray(categories[key]) && categories[key].onClick) {
categories[key].onClick();