alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix UI review issues: accessibility, i18n, duplicate IDs, URL overflow

Browse Source 
- Rename duplicate id="settings-error" to "device-settings-error"
- Add missing i18n key value_source.scene_sensitivity.hint (en/ru/zh)
- Add accessible label to password-toggle and Stop All buttons
- Add aria-hidden toggle on connection overlay
- Fix static image URL overflow with ellipsis truncation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-03-11 14:37:56 +03:00
parent 6a22757755
commit bf910204a9
9 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
server/src/wled_controller/templates/index.html
View File

@@ -29,7 +29,7 @@
<script src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script>
</head>
<body style="visibility: hidden;">
<div id="connection-overlay" class="connection-overlay" style="display:none">
<div id="connection-overlay" class="connection-overlay" style="display:none" aria-hidden="true">
<div class="connection-overlay-content">
<div class="connection-spinner-lg"></div>
<h2 data-i18n="app.connection_lost">Server unreachable</h2>

2
server/src/wled_controller/templates/modals/api-key.html
View File

@@ -24,7 +24,7 @@
placeholder="Enter your API key..."
autocomplete="off"
>
<button type="button" class="password-toggle" onclick="togglePasswordVisibility()">
<button type="button" class="password-toggle" onclick="togglePasswordVisibility()" title="Toggle password visibility" data-i18n-title="auth.toggle_password" aria-label="Toggle password visibility" data-i18n-aria-label="auth.toggle_password">
<svg class="icon" viewBox="0 0 24 24"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></svg>
</button>
</div>

2
server/src/wled_controller/templates/modals/device-settings.html
View File

@@ -137,7 +137,7 @@
</div>
</div>
<div id="settings-error" class="error-message" style="display: none;"></div>
<div id="device-settings-error" class="error-message" style="display: none;"></div>
</form>
</div>
<div class="modal-footer">