یه نکته راجب فرانت اند امروز میخوام بهتون بگم :

اتربیوت aria-label در واقع یه ویژگی توی اچ تی ام ال هست که به وجود اومده تا برای المان هایی که متن ظاهری ندارن یه اسم و هویت بامعنی بسازه مثلا وقتی یه دکمه فقط آیکون داره و متنی روش نیست ما با این ویژگی به ابزارهای صفحه خوان میفهمونیم که کار اون دکمه چیه تا کاربرهای نابینا هم بتونن به درستی با سایت کار کنن اما با وجود این کاربرد حیاتی اگه بیاین روی المان های متنی ساده و ثابت مثل پاراگراف یا اسپن این ویژگی رو اضافه کنین دارین کار بیهوده ای میکنین چون اسکرین ریدرها طوری ساخته شدن که این ویژگی رو فقط روی المان های تعاملی پردازش میکنن و روی متن های معمولی کلا نادیده اش میگیرن پس راه اصولی برای اینکه یه متن خاص رو فقط به این ابزارها بدیم این نیست که به تگ های استاتیک aria-label بچسبونیم بلکه باید از کلاس های سی اس اس برای مخفی کردن بصری متن استفاده کنیم تا هم کدمون تمیز و استاندارد بمونه و هم دسترسی پذیری سایت کاملا حفظ بشه.

این مقاله این نکته رو به تفصیل براتون توضیح میده
https://benmyers.dev/blog/dont-use-aria-label-on-static-text-elements/

@codehalics | کدهالیک