[PR #694] [CLOSED] Components - Added id/name-attribute to support more accessiblity #2281

Open
opened 2026-01-29 18:18:06 +00:00 by claunia · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/radzenhq/radzen-blazor/pull/694
Author: @msdevcode
Created: 11/11/2022
Status: Closed

Base: masterHead: feature/accessibility


📝 Commits (2)

  • 09427f7 Components - Added id/name-attribute to support more accessiblity
  • 7177eaf RadzenMask - OnInput fix

📊 Changes

9 files changed (+11 additions, -11 deletions)

View changed files

📝 Radzen.Blazor/RadzenAutoComplete.razor (+2 -2)
📝 Radzen.Blazor/RadzenDropDown.razor (+1 -1)
📝 Radzen.Blazor/RadzenDropDownDataGrid.razor (+1 -1)
📝 Radzen.Blazor/RadzenMask.razor (+2 -2)
📝 Radzen.Blazor/RadzenMask.razor.cs (+1 -1)
📝 Radzen.Blazor/RadzenNumeric.razor (+1 -1)
📝 Radzen.Blazor/RadzenPassword.razor (+1 -1)
📝 Radzen.Blazor/RadzenTextArea.razor (+1 -1)
📝 Radzen.Blazor/RadzenTextBox.razor (+1 -1)

📄 Description

I added id/name-attribute to some components:

  • AutoComplete
  • DropDown
  • DropDownDatagrid
  • Mask
  • Numeric
  • Password
  • TextAera
  • TextBox

Im using this components with RadzenLabel and "Component"-attribute as "for"-attribute. The controls couldnt match with the labels "for"-attribute.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#attributes
https://www.w3schools.com/tags/att_label_for.asp

Accessibility is a more and more important topic and i tried to add or fix the "id"-attributes.

grafik

grafik

Im using Chrome and an add-on called "WAVE Evaluation Tool" to analyse it:

grafik

Im not sure if there are more components that are missing right now.

Your feedback is welcome in any cases.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/radzenhq/radzen-blazor/pull/694 **Author:** [@msdevcode](https://github.com/msdevcode) **Created:** 11/11/2022 **Status:** ❌ Closed **Base:** `master` ← **Head:** `feature/accessibility` --- ### 📝 Commits (2) - [`09427f7`](https://github.com/radzenhq/radzen-blazor/commit/09427f7496f36bb29222355cba545a5888fba543) Components - Added id/name-attribute to support more accessiblity - [`7177eaf`](https://github.com/radzenhq/radzen-blazor/commit/7177eafa96bafdaf728c262db4887c15296e10b7) RadzenMask - OnInput fix ### 📊 Changes **9 files changed** (+11 additions, -11 deletions) <details> <summary>View changed files</summary> 📝 `Radzen.Blazor/RadzenAutoComplete.razor` (+2 -2) 📝 `Radzen.Blazor/RadzenDropDown.razor` (+1 -1) 📝 `Radzen.Blazor/RadzenDropDownDataGrid.razor` (+1 -1) 📝 `Radzen.Blazor/RadzenMask.razor` (+2 -2) 📝 `Radzen.Blazor/RadzenMask.razor.cs` (+1 -1) 📝 `Radzen.Blazor/RadzenNumeric.razor` (+1 -1) 📝 `Radzen.Blazor/RadzenPassword.razor` (+1 -1) 📝 `Radzen.Blazor/RadzenTextArea.razor` (+1 -1) 📝 `Radzen.Blazor/RadzenTextBox.razor` (+1 -1) </details> ### 📄 Description I added id/name-attribute to some components: - AutoComplete - DropDown - DropDownDatagrid - Mask - Numeric - Password - TextAera - TextBox Im using this components with RadzenLabel and "Component"-attribute as "for"-attribute. The controls couldnt match with the labels "for"-attribute. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#attributes https://www.w3schools.com/tags/att_label_for.asp Accessibility is a more and more important topic and i tried to add or fix the "id"-attributes. ![grafik](https://user-images.githubusercontent.com/115212774/201373861-e864f36e-e911-4d59-b0cb-8648ada6c105.png) ![grafik](https://user-images.githubusercontent.com/115212774/201373777-5dcc7a37-7a26-4a06-8f14-0f9ca92a76a0.png) Im using Chrome and an add-on called "WAVE Evaluation Tool" to analyse it: ![grafik](https://user-images.githubusercontent.com/115212774/201374371-f95c293a-a515-4a3a-8116-52b9b0164c12.png) Im not sure if there are more components that are missing right now. Your feedback is welcome in any cases. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
claunia added the pull-request label 2026-01-29 18:18:06 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#2281