@wikicasa-dev/svg-icons 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -33,3 +33,9 @@ So, if you add a new component, you just need to add the _filename_ (without its
|
|
|
33
33
|
|
|
34
34
|
The main difference is that the icons are small and do are purely decorative (e.g the searchIcon which is generally placed in an autocomplete component).
|
|
35
35
|
An image instead, is an important element of the page (which is why it needs an alt text).
|
|
36
|
+
|
|
37
|
+
## Creating an accessible Svg Image
|
|
38
|
+
|
|
39
|
+
In order to create an accessible image, it's important to keep in mind that the svg should have a **`<title>`** tag and optionally a **`<desc>`** tag with an id associated to them via _aria-labeledby._
|
|
40
|
+
|
|
41
|
+
To ensure these requirements, there is a factory method called **svgImagefactory** which creates an accessible svg component.
|