Update Accessibility for CascadeSelect

pull/2770/head
Tuğçe Küçükoğlu 2022-07-08 13:17:35 +03:00
parent e4c5f93743
commit 10e6a902ae
4 changed files with 1 additions and 18 deletions

View File

@ -65,12 +65,6 @@ const CascadeSelectProps = [
default: "null", default: "null",
description: "Identifier of the underlying input element." description: "Identifier of the underlying input element."
}, },
{
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{ {
name: "appendTo", name: "appendTo",
type: "string", type: "string",

View File

@ -74,10 +74,6 @@ export interface CascadeSelectProps {
* Identifier of the underlying input element. * Identifier of the underlying input element.
*/ */
inputId?: string | undefined; inputId?: string | undefined;
/**
* Establishes relationships between the component and label(s) where its value should be one or more element IDs.
*/
ariaLabelledBy?: string | undefined;
/** /**
* A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself. * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
* @see CascadeSelectAppendToType * @see CascadeSelectAppendToType

View File

@ -2,7 +2,7 @@
<div ref="container" :class="containerClass" @click="onClick($event)"> <div ref="container" :class="containerClass" @click="onClick($event)">
<div class="p-hidden-accessible"> <div class="p-hidden-accessible">
<input ref="focusInput" role="combobox" type="text" :id="inputId" readonly :disabled="disabled" @focus="onFocus" @blur="onBlur" @keydown="onKeyDown" :tabindex="tabindex" <input ref="focusInput" role="combobox" type="text" :id="inputId" readonly :disabled="disabled" @focus="onFocus" @blur="onBlur" @keydown="onKeyDown" :tabindex="tabindex"
aria-haspopup="listbox" :aria-expanded="overlayVisible" :aria-labelledby="ariaLabelledBy" :aria-controls="listId" v-bind="inputProps" /> aria-haspopup="listbox" :aria-expanded="overlayVisible" :aria-controls="listId" v-bind="inputProps" />
</div> </div>
<span :class="labelClass"> <span :class="labelClass">
<slot name="value" :value="modelValue" :placeholder="placeholder"> <slot name="value" :value="modelValue" :placeholder="placeholder">
@ -58,7 +58,6 @@ export default {
dataKey: null, dataKey: null,
inputId: String, inputId: String,
tabindex: String, tabindex: String,
ariaLabelledBy: null,
appendTo: { appendTo: {
type: String, type: String,
default: 'body' default: 'body'

View File

@ -206,12 +206,6 @@ data() &#123;
<td>null</td> <td>null</td>
<td>Identifier of the underlying input element.</td> <td>Identifier of the underlying input element.</td>
</tr> </tr>
<tr>
<td>ariaLabelledBy</td>
<td>string</td>
<td>null</td>
<td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
</tr>
<tr> <tr>
<td>appendTo</td> <td>appendTo</td>
<td>string</td> <td>string</td>