پرش به محتوا
بناBana UI

حالت نمایش

پالت رنگی

با ↑ ↓ جابه‌جا شوید و Enter را بزنید. Esc برای بستن.

دسترس‌پذیری و امنیت

هدف WCAG 2.2 AA است. چیزی که کتابخانه تضمین نمی‌کند را هم صریح می‌نویسیم.

چه چیزی انجام شده

  • حلقه Focus ۲ پیکسلی همیشه‌دیدنی روی همه کنترل‌ها (:focus-visible).
  • همه تعامل‌ها با صفحه‌کلید؛ Tabs با Arrow/Home/End و جهت RTL.
  • کنتراست ۴٫۵:۱ برای متن و ۳:۱ برای حاشیه کنترل‌ها و حلقه فوکوس، با تست خودکار.
  • خطا فقط با رنگ نمایش داده نمی‌شود (آیکون و متن).
  • prefers-reduced-motion همه مدت‌ها را صفر می‌کند؛ forced-colors برای دکمه، سوییچ و Dialog پوشش داده شده؛ prefers-contrast: more متن‌ها و حاشیه‌ها را پررنگ می‌کند.
  • بدون eval، new Function، handler درون‌خطی و innerHTML — سازگار با CSP سخت‌گیرانه.

چه چیزی را باید خودتان بسنجید

  • Screen Readerهای واقعی (NVDA، VoiceOver، TalkBack): تست خودکار فقط بخشی از مشکلات را می‌گیرد.
  • نام دسترس‌پذیر دکمه‌های فقط‌آیکون، Alt تصاویر و ساختار Headingها در محتوای شما.
  • کنتراست پالت‌های اختصاصی خودتان.
امنیت واقعی در Backend است Bana فقط UX سمت مرورگر را فراهم می‌کند. Authentication، Authorization، Validation، CSRF، Rate limit، بررسی نوع واقعی فایل و Escape خروجی باید در سرور انجام شوند.

ویرایش این صفحه در GitHub