You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/timepicker/accessibility.md
+24-24Lines changed: 24 additions & 24 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,38 +9,38 @@ documentation: ug
9
9
10
10
# Accessibility in Blazor TimePicker Component
11
11
12
-
The web accessibility makes web applications and its content more accessible to people with disabilities without any barriers. It especially tracks the dynamic value changes and DOM changes.
12
+
Web accessibility ensures that applications and their content are usable by people with disabilities. It includes support for dynamic value updates and DOM changes that assistive technologies can detect.
13
13
14
-
The [Blazor TimePicker](https://www.syncfusion.com/blazor-components/blazor-timepicker)component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
14
+
The [Blazor TimePicker](https://www.syncfusion.com/blazor-components/blazor-timepicker)follows widely recognized accessibility standards and guidelines, including the Americans with Disabilities Act[ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WAI-ARIA roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
15
15
16
-
The accessibility compliance for the Blazor TimePicker component is outlined below.
16
+
The accessibility compliance for the Blazor TimePicker is outlined below.
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/full.png"alt="Yes"> - All features of the component meet the requirement.</div>
35
+
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/full.png"alt="Meets requirement"> - All features of the component meet the requirement.</div>
36
36
37
-
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/partial.png"alt="Intermediate"> - Some features of the component do not meet the requirement.</div>
37
+
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/partial.png"alt="Partially meets requirement"> - Some features of the component do not meet the requirement.</div>
38
38
39
-
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/not-supported.png"alt="No"> - The component does not meet the requirement.</div>
39
+
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/not-supported.png"alt="Does not meet requirement"> - The component does not meet the requirement.</div>
40
40
41
41
## WAI-ARIA attributes
42
42
43
-
The Blazor TimePicker component has covered the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/)specifications with the following list of WAI-ARIA attributes: `aria-haspopup`, `aria-selected`, `aria-disabled`, `aria-activedescendant`, `aria-expanded`, `aria-owns`, and `aria-autocomplete`.
43
+
The Blazor TimePicker aligns with [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/)practices. The input is presented with a `role="combobox"` and the popup list with a `role="listbox"`. Depending on configuration, the component may include the following ARIA attributes: `aria-haspopup`, `aria-selected`, `aria-disabled`, `aria-activedescendant`, `aria-expanded`, `aria-owns`, and `aria-autocomplete`.
44
44
45
45
In the TimePicker, the `combobox` plays the role of input element, and the `listbox` plays the role of popup element.
46
46
@@ -62,26 +62,26 @@ In the TimePicker, the `combobox` plays the role of input element, and the `list
62
62
63
63
## Keyboard interaction
64
64
65
-
Keyboard accessibility is one of the most important aspects of web accessibility. Disabled people like blind and those who have motor disabilities or birth defects use keyboard shortcuts more than the mouse.
65
+
Keyboard accessibility enables efficient interaction without a mouse and is essential for users who rely on keyboards or assistive technologies.
66
66
67
-
The Blazor TimePicker component has built-in keyboard accessibility support by following the [WAI-ARIA practices](https://www.w3.org/WAI/ARIA/apg/).
67
+
The Blazor TimePicker includes built-in keyboard support following the [WAI-ARIA practices](https://www.w3.org/WAI/ARIA/apg/).
68
68
69
-
N> It supports the following list of shortcut keys to interact with the TimePicker component:
69
+
N> It supports the following shortcut keys to interact with the TimePicker:
70
70
71
71
| Windows | Mac |**Description**|
72
72
| --- | --- | --- |
73
73
| <kbd>↑</kbd> | <kbd>↑</kbd> | Navigates and selects the previous item. |
74
74
| <kbd>↓</kbd> | <kbd>↓</kbd> | Navigates and selects the next item. |
75
-
| <kbd>←</kbd> | <kbd>←</kbd> | Moves the cursor towards arrow key pressed direction. |
76
-
| <kbd>→</kbd> | <kbd>→</kbd> | Moves the cursor towards arrow key pressed direction. |
75
+
| <kbd>←</kbd> | <kbd>←</kbd> | Moves the cursor in the direction of the arrow key pressed. |
76
+
| <kbd>→</kbd> | <kbd>→</kbd> | Moves the cursor in the direction of the arrow key pressed. |
77
77
| <kbd>Home</kbd> | <kbd>Home</kbd> | Navigates and selects the first item. |
78
78
| <kbd>End</kbd> | <kbd>End</kbd> | Navigates and selects the last item. |
79
-
| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Selects the currently focused item and close the popup. |
79
+
| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Selects the currently focused item and closes the popup. |
| <kbd>Esc</kbd> | <kbd>Esc</kbd> | Closes the popup. |
83
83
84
-
N> To focusout the TimePicker component, use the `t`keys. For additional information about native event, [click](https://blazor.syncfusion.com/documentation/timepicker/native-events) here.
84
+
N> To move focus out of the TimePicker, press the `t`key. For additional information about handling native events, see the [native events documentation](https://blazor.syncfusion.com/documentation/timepicker/native-events).
85
85
86
86
```cshtml
87
87
@using Syncfusion.Blazor.Calendars
@@ -102,9 +102,9 @@ N> To focusout the TimePicker component, use the `t` keys. For additional inform
102
102
103
103
## Ensuring accessibility
104
104
105
-
The Blazor TimePicker component's accessibility levels are ensured through an [axe-core](https://www.npmjs.com/package/axe-core) software tool during automated testing.
105
+
The Blazor TimePicker’s accessibility is validated using the [axe-core](https://www.npmjs.com/package/axe-core) tool during automated testing.
106
106
107
-
The accessibility compliance of the TimePicker component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/timepicker) in a new window to evaluate the accessibility of the TimePicker component with accessibility tools.
107
+
The accessibility compliance of the TimePicker is demonstrated in the following sample. Open the [TimePicker accessibility sample](https://blazor.syncfusion.com/accessibility/timepicker) in a new window to evaluate the component with accessibility tools.
Copy file name to clipboardExpand all lines: blazor/timepicker/data-binding.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Data Binding in Blazor TimePicker Component
11
11
12
-
This section briefly explains how to bind the value to the TimePicker component in the below different ways.
12
+
This section explains how to bind a value to the TimePicker component in the following ways.
13
13
14
14
* One-Way Data Binding
15
15
* Two-Way Data Binding
@@ -38,7 +38,7 @@ We can bind the value to the TimePicker component directly for `Value` property
38
38
39
39
## Two-Way Data Binding
40
40
41
-
Two-way binding can be achieved by using `bind-Value` attribute and its support string, int, Enum, DateTime, bool types. If component value has been changed, it will affect all the places where we bind the variable for the **bind-value** attribute.
41
+
Two-way binding is achieved using the`bind-Value` attribute and its support string, int, Enum, DateTime, bool types. If component value has been changed, it will affect all the places where we bind the variable for the **bind-value** attribute.
Copy file name to clipboardExpand all lines: blazor/timepicker/events.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Events in Blazor TimePicker Component
11
11
12
-
This section explains the list of events of the TimePicker component which will be triggered for appropriate TimePicker actions.
12
+
This section describes the TimePicker events that are raised for user and programmatic interactions. The following table maps legacy event names to current event names.
13
13
14
14
| Event Name(`v17.1.*`) |Event Name(`v17.2.*`) |
15
15
| ----- | ----- |
@@ -20,7 +20,7 @@ This section explains the list of events of the TimePicker component which will
20
20
21
21
## Blur
22
22
23
-
`Blur` event triggers when the input loses the focus.
23
+
The `Blur` event triggered when the input loses the focus.
24
24
25
25
```cshtml
26
26
@using Syncfusion.Blazor.Calendars
@@ -40,7 +40,7 @@ This section explains the list of events of the TimePicker component which will
40
40
41
41
## ValueChange
42
42
43
-
`ValueChange` event triggers when the Calendar value is changed.
43
+
The `ValueChange` event triggered when the Calendar value is changed.
44
44
45
45
```cshtml
46
46
@using Syncfusion.Blazor.Calendars
@@ -60,7 +60,7 @@ This section explains the list of events of the TimePicker component which will
60
60
61
61
## OnClose
62
62
63
-
`OnClose` event triggers when popup is closed.
63
+
The `OnClose` event triggered when the popup is closed.
64
64
65
65
```cshtml
66
66
@using Syncfusion.Blazor.Calendars
@@ -80,7 +80,7 @@ This section explains the list of events of the TimePicker component which will
80
80
81
81
## Created
82
82
83
-
`Created` event triggers when the component is created.
83
+
The `Created` event triggered when the component is created.
84
84
85
85
```cshtml
86
86
@using Syncfusion.Blazor.Calendars
@@ -100,7 +100,7 @@ This section explains the list of events of the TimePicker component which will
100
100
101
101
## Destroyed
102
102
103
-
`Destroyed` event triggers when the component is destroyed.
103
+
The `Destroyed` event triggered when the component is destroyed.
104
104
105
105
```cshtml
106
106
@using Syncfusion.Blazor.Calendars
@@ -119,7 +119,7 @@ This section explains the list of events of the TimePicker component which will
119
119
120
120
## Focus
121
121
122
-
`Focus` event triggers when the input gets focus.
122
+
The `Focus` event triggered when the input gets focus.
123
123
124
124
```cshtml
125
125
@using Syncfusion.Blazor.Calendars
@@ -140,7 +140,7 @@ This section explains the list of events of the TimePicker component which will
140
140
141
141
## OnItemRender
142
142
143
-
`OnItemRender` event triggers while rendering the each popup list item.
143
+
The `OnItemRender` event triggered while rendering the each popup list item.
144
144
145
145
```cshtml
146
146
@using Syncfusion.Blazor.Calendars
@@ -159,7 +159,7 @@ This section explains the list of events of the TimePicker component which will
159
159
160
160
## OnOpen
161
161
162
-
`OnOpen` event triggers when the popup is opened.
162
+
The `OnOpen` event triggered when the popup is opened.
163
163
164
164
```cshtml
165
165
@using Syncfusion.Blazor.Calendars
@@ -177,4 +177,4 @@ This section explains the list of events of the TimePicker component which will
177
177
}
178
178
```
179
179
180
-
N> TimePicker will be limited with these events and new events will be added in future based on the user requests. If the event you are looking for is not in the list, then request [here](https://www.syncfusion.com/feedback/blazor-components).
180
+
N> The TimePicker currently exposes the events listed above. Additional events may be introduced based on user feedback. If an event needed for a scenario is not available, submit a request in the [Syncfusion Blazor feedback portal](https://www.syncfusion.com/feedback/blazor-components).
0 commit comments