ĭocument.getElementById("test").focus() // javascrip In the following example, the voice guide says: "Aria Test, menuitem, this is the aria label". To make the element focusable, implement the tabindex attribute:
In the following code, the voice guide says: "Featured". The voice guide calculates the element name from the content, and does not say a role name.
#Samsung smart player turn off voice assesment tv
įor compatibility with older TV Web engines that do not fully support the W3C specification, since Tizen 3.0, you can define an empty role attribute ( role=""). Since the "button" role supports name from content, the voice guide says: "Featured button".
In the following code, the "button" role is defined for the outer div element. In the following code, the outer div element does not have a role defined. The following examples show how an HTML element can be assigned a name from its content: Only some roles support calculate a name from content If an HTML element does not have a defined name or label, the Web engine can calculate a name from the element content, if the defined role supports it. If an HTML element does not have a defined role attribute, the Web engine maps a role to it based on the W3C standard HTML Element Role Mappings.Īdditional information to be read by the voice guide can be implemented using ARIA states and properties. To inform the TTS engine that an HTML element has description information, define a role for the element using the ARIA role attributes. The element name and description are calculated using the rules defined in Accessible Name and Description Computation, although older Web engines do not follow the specification completely. You can support more complex voice guide functionality by implementing roles and descriptions based on the WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) standard for Web content accessibility.īy default, the voice guide reads content in the focused HTML element in the following order: The voice guide ignores elements hidden using the display: none property.
0 kommentar(er)
