Accessibility can be enabled for Live Match Tracker Widget by specifying additional settings in SIR function when adding a widget.
On how to include widget on a page please read Getting Started Guide.
These are accessibility related widget props:
| Name | Type | Default | Description |
|---|---|---|---|
| accessibilityEnabled | boolean | false | When set to true, widget web accessibility support is enabled. |
| accessibilityLiveRegionsEnabled | boolean | true | When set to true, live match track pitch live announcer is enabled. |
| accessibilityHeadingLevel | number | 1 | Accessibility aria headings level, valid inputs are numbers 1,2,3,4,5,6 |
When enabled, web accessibility support for navigation and components is added to a widget. All buttons, tabs and dropdowns are reachable by keyboard navigation and can be activated with the keyboard.
The visual parts of the main LMT component are hidden from the screen readers, but a hidden live region component can be enabled for announcing live events to the screen reader, containing a screen reader accessible only button that can be used by the user to silence the LMT announcing.
All accessible Live Match Tracker components contain headers, making navigation easier for screen reader users. Header tags are only screen reader visible.
This setting gives you an option to set accessibility aria headings level for widget to match the headings context of your site (ex. 1 if widget is a main element, 3 for widgets in sidebars etc).
<body>
<script>
(function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].