Search results

Accessibility

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.EJ2.Blazor
@using Syncfusion.EJ2.Blazor.Notifications

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

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

    private void OnCreate(object args)
    {
        this.ToastObj.Show();
    }
}

The output will be as follows.

Accessibility