mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-10-26 07:44:59 +03:00
Alireza Ahmadi
e2184777a0
* fix(frontend): make the panel usable with screen readers * fix(frontend): keep mobile tab names and the inbound expiry hint Review of #6907 found two gaps in the screen-reader pass: - On phone-width screens catTabLabel renders only the icon and names the tab by putting aria-label on it, but callers now pass that icon with aria-hidden for the desktop label, so every Settings, Xray and Host category tab lost its name under TalkBack. catTabLabel now clears aria-hidden on the icon it uses as the name. - DateTimePicker forwarded id and aria-label but not aria-describedby, so the inbound expiry hint ("leave blank to never expire") was never attached. It now forwards it on both the Gregorian and Jalali input.
10 lines
459 B
TypeScript
10 lines
459 B
TypeScript
import { PlusOutlined, WarningOutlined } from '@ant-design/icons';
|
|
import { Button } from 'antd';
|
|
|
|
declare const rest: Record<string, unknown>;
|
|
|
|
export const Decorative = () => <Button icon={<PlusOutlined aria-hidden />}>Add</Button>;
|
|
export const Named = () => <WarningOutlined aria-label="Disk almost full" />;
|
|
export const LabelledBy = () => <WarningOutlined aria-labelledby="warning-text" />;
|
|
export const Forwarded = () => <WarningOutlined {...rest} />;
|