نظرة عامة
يعرضVisuallyHidden عنصر span مخفيًا بصريًا. يبقى محتواه في شجرة إمكانية الوصول ويمكنه توفير اسم يمكن الوصول إليه. يقبل خصائص span الأصلية ومرجع span وتركيب render الخاص بـ Base UI. استورد VisuallyHiddenProps من نقطة الإدخال نفسها.
استخدام
aria-label بالفعل، تُعد تلك السمة طريقة أخرى لتوفير اسم يمكن الوصول إليه.
المحتوى المخفي
ضع النص الداعم داخل الغلاف. تجنب وضع عناصر تحكم قابلة للتركيز داخله: يظل الغلاف مخفيًا بصريًا عندما تتلقى عناصره الفرعية التركيز. لا يضيف منطقة حية، ولا يزيل المحتوى من التقنية المساعدة، ولا يخفي البيانات السرية. استخدمid لربط الأوصاف المخفية بـ aria-describedby. تستهدف السمات الأصلية وclassName وstyle وref عنصر span المخفي أو العنصر المُوفَّر عبر render. راجع إمكانية الوصول للاطلاع على أنماط التسمية والإشعار.
الخصائص
ReactNode
Content hidden visually while remaining available to assistive technology.
ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, {}>
Element or render function composed with the hidden span props and ref.