iter(g76): 文字头像补 role=img 使名称可播报
This commit is contained in:
@@ -9,7 +9,7 @@ export function avatar(props: AvatarProps): HTMLElement {
|
|||||||
{ class: `ua-avatar ua-avatar-${props.variant ?? 'default'}`, style: `width:${size};height:${size}`, title: props.name },
|
{ class: `ua-avatar ua-avatar-${props.variant ?? 'default'}`, style: `width:${size};height:${size}`, title: props.name },
|
||||||
props.src
|
props.src
|
||||||
? h('img', { class: 'ua-avatar-img', src: props.src, alt: props.name })
|
? h('img', { class: 'ua-avatar-img', src: props.src, alt: props.name })
|
||||||
: h('span', { class: 'ua-avatar-text', 'aria-label': props.name }, firstChar(props.name)),
|
: h('span', { class: 'ua-avatar-text', role: 'img', 'aria-label': props.name }, firstChar(props.name)), // 文字头像补 role=img,aria-label 才会被读屏当名称播报
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user