UX for the Web

Properties and states

ARIA properties define the properties of an element that can extend the meaning of the element beyond the default role. In the next example, the aria-required="true" property adds more context to the <input> tag, which is to notify the screen reader that this input field is required for successful validation:

<form action="post"> <label for="username">Username</label> <input id="username" type="text" aria-required="true" /> <hr/> <label for="password">Password</label> <input id="password" type="text" aria-required="true" /> <hr/> <input type="login" value="Login"></form>

ARIA states define the current condition of an element. The state of an element can be dynamic and can change based on the user's interaction with the ...