archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

chore: add accessible name to the icon button (#3300)

Browse Source
This commit is contained in:
Ryo Matsukawa 2024-06-23 21:58:39 +09:00 committed by GitHub
parent 069163053f
commit edd48a09cc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/great-avocados-eat.md Normal file
View File

@ -0,0 +1,6 @@
---
"@nextui-org/chip": patch
"@nextui-org/input": patch
---
Add accessible name to the icon button (#2802, #2808)

2
apps/docs/content/components/input/password.ts
View File

@ -69,7 +69,7 @@ export default function App() {
variant="bordered"
placeholder="Enter your password"
endContent={
<button className="focus:outline-none" type="button" onClick={toggleVisibility}>
<button className="focus:outline-none" type="button" onClick={toggleVisibility} aria-label="toggle password visibility">
{isVisible ? (
<EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
) : (

1
packages/components/chip/src/use-chip.ts
View File

@ -130,6 +130,7 @@ export function useChip(originalProps: UseChipProps) {
role: "button",
tabIndex: 0,
className: slots.closeButton({class: classNames?.closeButton}),
"aria-label": "close chip",
...mergeProps(closePressProps, closeFocusProps),
};
};

1
packages/components/input/src/use-input.ts
View File

@ -473,6 +473,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
...props,
role: "button",
tabIndex: 0,
"aria-label": "clear input",
"data-slot": "clear-button",
"data-focus-visible": dataAttr(isClearButtonFocusVisible),
className: slots.clearButton({class: clsx(classNames?.clearButton, props?.className)}),