color-swatch 0.2.2 → 0.3.0
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/CHANGELOG.md +7 -1
- package/README.md +6 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Added
|
|
6
|
+
|
|
7
|
+
* Documentation on WCAG Color Contrast Guidelines
|
|
8
|
+
|
|
3
9
|
## 0.2.2
|
|
4
10
|
|
|
5
11
|
### Added
|
|
6
12
|
|
|
7
|
-
* Added files key to package.json to
|
|
13
|
+
* Added files key to package.json to properly include dist and other necessary package files
|
|
8
14
|
|
|
9
15
|
## 0.2.1
|
|
10
16
|
|
package/README.md
CHANGED
|
@@ -11,6 +11,12 @@ A **web component** for displaying color swatches, with optional **WCAG contrast
|
|
|
11
11
|
- Optional contrast panel with pass/fail indicators for large and normal text sizes
|
|
12
12
|
- Slot support for your own label/metadata
|
|
13
13
|
|
|
14
|
+
Clicking on the toggle contrast icon in the color swatch displays indicators for the pass/fail status of the provided light and dark text colors for normal and large text sizes.
|
|
15
|
+
|
|
16
|
+
[WCAG Color Contrast Guidelines](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html):
|
|
17
|
+
* Normal Text (1.4.3): Minimum 4.5:1 ratio for standard text, ensuring readability for users with low vision.
|
|
18
|
+
* Large Text (1.4.3): Minimum 3:1 ratio for text that is 18 point (typically 24px) or larger, or 14 point (typically 18.5px) and bold.
|
|
19
|
+
|
|
14
20
|
## Quick Start
|
|
15
21
|
|
|
16
22
|
Install the package:
|