Search results

Accessibility in Blazor Toast component

The toast component has been designed with WAI-ARIA specifications in mind by applying the prompt WAI-ARIA roles, states, and properties with the keyboard support. It helps users who use assistive WAI-ARIA accessibility support, which is achieved using attributes.

It provides information about the elements in a document for assistive technology.

The toast component implements the keyboard navigation support by using the following WAI-ARIA practices and is tested in major screen readers.

ARIA attributes

Class Description
role alert: Identifies the element as a container when alert content will be added or updated.
@using Syncfusion.Blazor
@using Syncfusion.Blazor.Notifications

<SfToast @ref="ToastObj" Title="Matt sent you a friend request" Content="@ToastContent" TimeOut="0" >
    <ToastEvents Created="OnCreate"></ToastEvents>

@code {
    SfToast ToastObj;
    public string ToastContent { get;set; } = "You have a new friend request yet to accept";

    private void OnCreate(object args)

The output will be as follows.