Skip to content

Commit

Permalink
feat(a11y): solve accessibility issues (#1061)
Browse files Browse the repository at this point in the history 
* feat(tab): enhance a11y

* feat(field): enhance a11y

* test: update test snapshots

* test(tabs): add tabs integration tests
  • Loading branch information
@mlmoravek
mlmoravek committed Sep 24, 2024
1 parent 4bfab60 commit 3615594
Show file tree
Hide file tree
Showing 19 changed files with 317 additions and 66 deletions.
35 changes: 18 additions & 17 deletions packages/docs/components/Checkbox.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,23 +33,24 @@

### Props

| Prop name | Description | Type | Values | Default |
| ------------------ | -------------------------------------------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| autocomplete | Same as native autocomplete options to use in HTML5 validation | string | - | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>checkbox: {<br>&nbsp;&nbsp;autocomplete: "off"<br>}</code> |
| customValidity | Custom HTML 5 validation error to set on the form control | string \| ((currentValue: boolean, state: ValidityState) =&gt; string) | - | <code style='white-space: nowrap; padding: 0;'>""</code> |
| disabled | Same as native disabled | boolean | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| falseValue | Overrides the returned value when it's not checked | string\|number\|boolean\|object | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| indeterminate | Same as native indeterminate | boolean | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| label | Input label, unnecessary when default slot is used | string | - | |
| v-model | The input value state | string\|number\|boolean\|object\|array | - | |
| name | Same as native name | string | - | |
| nativeValue | Same as native value | string\|number\|boolean\|object | - | |
| override | Override existing theme classes completely | boolean | - | |
| required | Same as native required | boolean | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| size | Size of the control | string | `small`, `medium`, `large` | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>checkbox: {<br>&nbsp;&nbsp;size: undefined<br>}</code> |
| trueValue | Overrides the returned value when it's checked | string\|number\|boolean\|object | - | <code style='white-space: nowrap; padding: 0;'>true</code> |
| useHtml5Validation | Enable HTML 5 native validation | boolean | - | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>{<br>&nbsp;&nbsp;useHtml5Validation: true<br>}</code> |
| variant | Color of the control | string | `primary`, `info`, `success`, `warning`, `danger`, `and any other custom color` | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>checkbox: {<br>&nbsp;&nbsp;variant: undefined<br>}</code> |
| Prop name | Description | Type | Values | Default |
| ------------------ | ----------------------------------------------------------------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| autocomplete | Same as native autocomplete options to use in HTML5 validation | string | - | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>checkbox: {<br>&nbsp;&nbsp;autocomplete: "off"<br>}</code> |
| customValidity | Custom HTML 5 validation error to set on the form control | string \| ((currentValue: boolean, state: ValidityState) =&gt; string) | - | <code style='white-space: nowrap; padding: 0;'>""</code> |
| disabled | Same as native disabled | boolean | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| falseValue | Overrides the returned value when it's not checked | string\|number\|boolean\|object | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| id | Same as native id. Also set the for label for o-field wrapper - default is an uuid. | string | - | Default function (see source code) |
| indeterminate | Same as native indeterminate | boolean | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| label | Input label, unnecessary when default slot is used | string | - | |
| v-model | The input value state | string\|number\|boolean\|object\|array | - | |
| name | Same as native name | string | - | |
| nativeValue | Same as native value | string\|number\|boolean\|object | - | |
| override | Override existing theme classes completely | boolean | - | |
| required | Same as native required | boolean | - | <code style='white-space: nowrap; padding: 0;'>false</code> |
| size | Size of the control | string | `small`, `medium`, `large` | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>checkbox: {<br>&nbsp;&nbsp;size: undefined<br>}</code> |
| trueValue | Overrides the returned value when it's checked | string\|number\|boolean\|object | - | <code style='white-space: nowrap; padding: 0;'>true</code> |
| useHtml5Validation | Enable HTML 5 native validation | boolean | - | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>{<br>&nbsp;&nbsp;useHtml5Validation: true<br>}</code> |
| variant | Color of the control | string | `primary`, `info`, `success`, `warning`, `danger`, `and any other custom color` | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>checkbox: {<br>&nbsp;&nbsp;variant: undefined<br>}</code> |

### Events

Expand Down
Loading

0 comments on commit 3615594

Please sign in to comment.