@phun-ky/speccer 11.2.0 → 11.2.2
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 +16 -2
- package/dist/speccer.esm.js +1 -1
- package/dist/speccer.esm.js.map +1 -1
- package/dist/speccer.js +1 -1
- package/dist/speccer.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -43,6 +43,8 @@
|
|
|
43
43
|
- [A11y notation](#a11y-notation)
|
|
44
44
|
- [Tab stops](#tab-stops)
|
|
45
45
|
- [Landmarks and regions](#landmarks-and-regions)
|
|
46
|
+
- [Headings](#headings)
|
|
47
|
+
- [Autocomplete](#autocomplete)
|
|
46
48
|
- [Keys and shortcut](#keys-and-shortcut)
|
|
47
49
|
- [Customization](#customization)
|
|
48
50
|
- [API](#api)
|
|
@@ -548,9 +550,9 @@ In your component examples, use the following attribute.
|
|
|
548
550
|
|
|
549
551
|
### A11y notation
|
|
550
552
|
|
|
551
|
-
With **SPECCER**, you can also display accessibility notation, like [Accessibility Bluelines](https://dribbble.com/shots/6269661-Accessibility-Bluelines?utm_source=Clipboard_Shot&utm_campaign=jeremyelder&utm_content=Accessibility%20Bluelines&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=jeremyelder&utm_content=Accessibility%20Bluelines&utm_medium=Social_Share):
|
|
553
|
+
With **SPECCER**, you can also display accessibility notation, like [Accessibility Bluelines](https://dribbble.com/shots/6269661-Accessibility-Bluelines?utm_source=Clipboard_Shot&utm_campaign=jeremyelder&utm_content=Accessibility%20Bluelines&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=jeremyelder&utm_content=Accessibility%20Bluelines&utm_medium=Social_Share) or [A11y Annotation Kit](https://www.figma.com/community/file/953682768192596304):
|
|
552
554
|
|
|
553
|
-
Prior art: [Jeremy Elder](https://twitter.com/JeremyElder)
|
|
555
|
+
Prior art: [Jeremy Elder](https://twitter.com/JeremyElder) and [Stephanie Hagadorn](https://shagadorn.work/)
|
|
554
556
|
|
|
555
557
|
#### Tab stops
|
|
556
558
|
|
|
@@ -564,6 +566,18 @@ If you want to display tab stops, append `data-speccer="a11y tabstops"` as an at
|
|
|
564
566
|
|
|
565
567
|
If you want to display landmarks and regions, append `data-speccer="a11y landmark"` as an attribute to the container you want to display the landmarks and regions in.
|
|
566
568
|
|
|
569
|
+
#### Headings
|
|
570
|
+
|
|
571
|
+
|
|
572
|
+
|
|
573
|
+
If you want to display headings, append `data-speccer="a11y headings"` as an attribute to the container you want to display the headings in.
|
|
574
|
+
|
|
575
|
+
#### Autocomplete
|
|
576
|
+
|
|
577
|
+
|
|
578
|
+
|
|
579
|
+
If you want to display autocomplete, append `data-speccer="a11y autocomplete"` as an attribute to the container you want to display the autocomplete in.
|
|
580
|
+
|
|
567
581
|
#### Keys and shortcut
|
|
568
582
|
|
|
569
583
|
|
package/dist/speccer.esm.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @phun-ky/speccer
|
|
3
3
|
* A script to annotate, show spacing specs and to display typography information in documentation/website on HTML elements
|
|
4
4
|
* @author Alexander Vassbotn Røyne-Helgesen <alexander@phun-ky.net>
|
|
5
|
-
* @version 11.2.
|
|
5
|
+
* @version 11.2.2
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright (c) 2018 Alexander Vassbotn Røyne-Helgesen
|
|
8
8
|
*
|