Skip to content

Commit aff4503

Browse files
Website: Fix a11y warnings
1 parent 8fda5d8 commit aff4503

File tree

2 files changed

+12
-18
lines changed

2 files changed

+12
-18
lines changed

src/routes/+page.svelte

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -21,17 +21,11 @@
2121
<li>Keyboard shortcuts</li>
2222
</ul>
2323

24-
<!-- svelte-ignore a11y-missing-content -->
25-
<a id="install" />
26-
<h2>Install</h2>
24+
<h2 id="install">Install</h2>
2725
<pre class="language-">npm install -D date-picker-svelte</pre>
2826

29-
<!-- svelte-ignore a11y-missing-content -->
30-
<a id="dateinput" />
31-
<h2>DateInput</h2>
27+
<h2 id="dateinput">DateInput</h2>
3228
<DateInput />
3329

34-
<!-- svelte-ignore a11y-missing-content -->
35-
<a id="datepicker" />
36-
<h2>DatePicker</h2>
30+
<h2 id="datepicker">DatePicker</h2>
3731
<DatePicker />

src/routes/docs/+page.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,12 @@ npm install -D date-picker-svelte
2222
<DateInput bind:value={date} />
2323
```
2424

25-
## <a id="dateinput" />DateInput
25+
<h2 id="dateinput">DateInput</h2>
2626

2727
Component with an input field that shows the DatePicker component on focus.
2828
The component will not assign a date value until a specific date is selected in the picker or entered into the field.
2929

30-
### <a id="props" />Props
30+
<h3 id="props">Props</h3>
3131

3232
| Prop | Type | Description |
3333
| :----------------------- | :-------------------------------------------- | :---------------------------------------------------------- |
@@ -45,7 +45,7 @@ The component will not assign a date value until a specific date is selected in
4545
| `dynamicPositioning` | bool | Dynamicly postions the date popup to best fit on the screen |
4646
| `locale` | Locale | Locale object for internationalization |
4747

48-
#### <a id="format-string" />Format string
48+
<h4 id="format-string">Format string</h4>
4949

5050
Example format string: `yyyy-MM-dd HH:mm:ss`
5151

@@ -59,12 +59,12 @@ Example format string: `yyyy-MM-dd HH:mm:ss`
5959
| `mm` | 59 |
6060
| `ss` | 59 |
6161

62-
## <a id="datepicker" />DatePicker
62+
<h2 id="datepicker">DatePicker</h2>
6363

6464
Component with a calendar for choosing a date.
6565
The component will not assign a date value until a specific date is selected in the picker.
6666

67-
### <a id="datepicker-props" />Props
67+
<h3 id="datepicker-props">Props</h3>
6868

6969
| Prop | Type | Description |
7070
| :----------------------- | :-------------------------------------------- | :--------------------------------------------------- |
@@ -75,17 +75,17 @@ The component will not assign a date value until a specific date is selected in
7575
| `locale` | Locale | Locale object for internationalization |
7676
| `browseWithoutSelecting` | bool | Wait with updating the date until a date is selected |
7777

78-
## <a id="internationalization" />Internationalization
78+
<h2 id="internationalization">Internationalization</h2>
7979

80-
### <a id="locale" />`Locale`
80+
<h3 id="locale">`Locale`</h3>
8181

8282
Object to support internationalization. Properties (all are optional):
8383

8484
- `weekdays`: Array of weekdays in short form, Sunday to Monday. Default: `['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']`
8585
- `months`: Array of month names, January to December. Default: `['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']`
8686
- `weekStartsOn`: The day the week starts on, 0 = Sunday. Default: `1`
8787

88-
### <a id="localefromdatefnslocale" />`localeFromDateFnsLocale`
88+
<h3 id="localefromdatefnslocale">`localeFromDateFnsLocale`</h3>
8989

9090
If you use [date-fns](https://date-fns.org/), you can create a Locale object by passing a date-fns locale to this function:
9191

@@ -100,7 +100,7 @@ If you use [date-fns](https://date-fns.org/), you can create a Locale object by
100100
<DatePicker bind:value={date} {locale} />
101101
```
102102

103-
## <a id="css-variables" />CSS variables
103+
<h2 id="css-variables">CSS variables</h2>
104104

105105
Colors:
106106

0 commit comments

Comments
 (0)