| pictograms-enabled | false (default); true | Indicates whether pictograms should be added to a text to support reading or not. | People with language comprehension, learning or reading difficulties.[^1][^2] |
| pictograms-enabled | false (default); true | Indicates whether pictograms should be added to a text to support reading or not. | People with language comprehension, learning or reading difficulties.[^1][^2] |
...
@@ -9,7 +9,7 @@ The picture shows an example of how pictograms can be used to make a text more a
...
@@ -9,7 +9,7 @@ The picture shows an example of how pictograms can be used to make a text more a
To implement the feature in a web page, the web author must implement a CSS tooltip with the explanatory pictogram for selected words. In the code below a simple implementation is shown.
To implement the feature in a web page, the web author must implement a CSS tooltip with the explanatory pictogram for selected words. In the code below a simple implementation is shown.
```html
```html
<style>
<style>
...
@@ -60,7 +60,7 @@ In this case, the image would only be loaded if this is also desired by the user
...
@@ -60,7 +60,7 @@ In this case, the image would only be loaded if this is also desired by the user
A web page with pictograms can contribute to meeting the two WCAG success criteria [3.1.3 Unusual Words](https://www.w3.org/WAI/WCAG21/Understanding/unusual-words.html) and [3.1.5 Reading Level](https://www.w3.org/WAI/WCAG21/Understanding/reading-level.html). This means that the function can contribute to web accessibility. Since the function is only useful for a certain user group (people with learning and/or reading difficulties), the function should only be visible to them. The technology of MQs makes it easy to implement. Without the MQs, it would only be possible to deactivate or activate the function through JS, which would result in additional work for the web author
A web page with pictograms can contribute to meeting the two WCAG success criteria [3.1.3 Unusual Words](https://www.w3.org/WAI/WCAG21/Understanding/unusual-words.html) and [3.1.5 Reading Level](https://www.w3.org/WAI/WCAG21/Understanding/reading-level.html). This means that the function can contribute to web accessibility. Since the function is only useful for a certain user group (people with learning and/or reading difficulties), the function should only be visible to them. The technology of MQs makes it easy to implement. Without the MQs, it would only be possible to deactivate or activate the function through JS, which would result in additional work for the web author