vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Merge pull request #38450 from raizasafeel/feat/a11y

Browse source 
feat: add accessibillity to desk landing page icons
This commit is contained in:
Ejaaz Khan 2026-04-07 21:22:35 +05:30 • committed by GitHub
commit 62c297678d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frappe/desk/page/desktop/desktop.html
View file

@ -26,9 +26,9 @@
<div class="flex" style="gap:16px; align-items: center;">
<div class="desktop-notifications">
<div class="dropdown dropdown-notifications">
<button class="btn-reset nav-link text-muted" data-toggle="dropdown" >
<button class="btn-reset nav-link text-muted" data-toggle="dropdown" aria-label="{{ _("Notifications") }}" aria-haspopup="true">
<svg
class="icon icon-md"
class="icon icon-md" aria-hidden="true"
>
<use href="#icon-bell"></use>
</svg>
@ -50,8 +50,8 @@
</div>
</div>
</div>
<div class="desktop-avatar">
</div>
<button class="desktop-avatar btn-reset" aria-label="{{ _('User Menu') }}">
</button>
</div>
</header>

2
frappe/public/js/frappe/ui/desktop_icon.html
View file

@ -1,4 +1,4 @@
<a class="desktop-icon" data-id="{{ icon.label}}" data-logo="{{ icon.logo_url }}" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" style="text-decoration:none">
<a href="#" class="desktop-icon" data-id="{{ icon.label}}" data-logo="{{ icon.logo_url }}" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" style="text-decoration:none">
{% if(frappe.utils.get_desktop_icon(icon.label, frappe.boot.desktop_icon_style ) && icon.icon_type != "Folder") %}
<div class="icon-container">
<img class="app-icon" src="{{ frappe.utils.get_desktop_icon(icon.label, frappe.boot.desktop_icon_style) }}" alt="{{ icon.label }}" />

11
frappe/public/scss/desk/global.scss
View file

@ -19,14 +19,19 @@ a {
a,
a:hover,
a:active,
a:focus,
.btn,
.btn:hover,
.btn:active,
.btn:focus {
.btn:active {
outline: 0;
}
a:focus-visible,
.btn:focus-visible,
.btn-reset:focus-visible {
box-shadow: var(--focus-default);
outline: none;
}
a.grey,
.sidebar-section a,
.control-value a,