# مشکلات دسترس‌پذیری که بررسی می‌کنیم

<https://www.fixreports.com/fa/issues>

هر صفحه یک مشکل را توضیح می‌دهد که تست‌های خودکار ما پیدا می‌کنند: معنای آن، معیار WCAG مرتبط با آن، روش رفع آن در هر سایت، در Shopify و در WooCommerce، و نحوه بررسی اصلاح.

## مشکلات دسترس‌پذیری
- [عنصر پنهان‌شده با ARIA نباید فوکوس‌پذیر باشد یا عنصر فوکوس‌پذیری در خود داشته باشد](https://www.fixreports.com/fa/issues/aria-hidden-focus): WCAG 4.1.2 · سطح ⁨A⁩. عناصر فوکوس‌پذیر از دید صفحه‌خوان‌ها پنهان شده‌اند، اما همچنان با صفحه‌کلید قابل دسترسی هستند. (ویژگی‌ها و نقش‌های ARIA)
- [ویژگی autocomplete باید به‌درستی به کار رود](https://www.fixreports.com/fa/issues/autocomplete-valid): WCAG 1.3.5 · سطح ⁨AA⁩. یک فیلد فرم از مقدار autocomplete استفاده می‌کند که مرورگرها آن را نمی‌شناسند. (فیلدهای فرم بدون برچسب)
- [دکمه‌ها باید متن قابل تشخیص داشته باشند](https://www.fixreports.com/fa/issues/button-name): WCAG 4.1.2 · سطح ⁨A⁩. برخی دکمه‌ها نام دسترس‌پذیر ندارند، بنابراین کاربران صفحه‌خوان فقط کلمه «button» (دکمه) را می‌شنوند. (لینک‌ها و دکمه‌های بدون نام)
- [عناصر باید حداقل آستانه‌های نسبت کنتراست رنگ را برآورده کنند](https://www.fixreports.com/fa/issues/color-contrast): WCAG 1.4.3 · سطح ⁨AA⁩. برخی متن‌ها به اندازه کافی از پس‌زمینه خود متمایز نیستند تا افراد کم‌بینا بتوانند آن‌ها را بخوانند. (کنتراست رنگ پایین)
- [سندها باید برای کمک به پیمایش عنصر <title> داشته باشند](https://www.fixreports.com/fa/issues/document-title): WCAG 2.4.2 · سطح ⁨A⁩. یک صفحه عنوان ندارد، بنابراین کاربران نمی‌توانند تشخیص دهند در کدام صفحه هستند. (عنوان صفحات)
- [idهای به‌کاررفته در ARIA و برچسب‌ها باید منحصربه‌فرد باشند](https://www.fixreports.com/fa/issues/duplicate-id-aria): WCAG 4.1.2 · سطح ⁨A⁩. چند عنصر id یکسانی دارند که برای برچسب‌گذاری یا توصیف چیزی به کار می‌رود، بنابراین ممکن است فناوری‌های کمکی برچسب اشتباه را بخوانند. (ویژگی‌ها و نقش‌های ARIA)
- [فریم‌ها باید نام دسترس‌پذیر داشته باشند](https://www.fixreports.com/fa/issues/frame-title): WCAG 4.1.2 · سطح ⁨A⁩. یک فریم جاسازی‌شده (اغلب نقشه، ویدیو یا ویجت یک اپ) عنوان ندارد، بنابراین کاربران صفحه‌خوان نمی‌دانند چه چیزی در آن است. (ساختار صفحه، سرفصل‌ها و نواحی صفحه (landmarks))
- [سطح سرفصل‌ها باید هر بار فقط یک سطح افزایش یابد](https://www.fixreports.com/fa/issues/heading-order): روش توصیه‌شده دسترس‌پذیری. سطح سرفصل‌ها از هم می‌پرد (برای مثال از H2 به H4) و این کار ساختار صفحه را برای کاربران صفحه‌خوان گیج‌کننده می‌کند. (ساختار صفحه، سرفصل‌ها و نواحی صفحه (landmarks))
- [عنصر <html> باید ویژگی lang داشته باشد](https://www.fixreports.com/fa/issues/html-has-lang): WCAG 3.1.1 · سطح ⁨A⁩. صفحه زبان خود را اعلام نمی‌کند، بنابراین ممکن است صفحه‌خوان‌ها آن را با تلفظ اشتباه بخوانند. (زبان صفحه)
- [عنصر <html> باید برای ویژگی lang مقدار معتبر داشته باشد](https://www.fixreports.com/fa/issues/html-lang-valid): WCAG 3.1.1 · سطح ⁨A⁩. کد زبان صفحه معتبر نیست، بنابراین صفحه‌خوان‌ها نمی‌توانند صدای درست را انتخاب کنند. (زبان صفحه)
- [تصاویر باید متن جایگزین داشته باشند](https://www.fixreports.com/fa/issues/image-alt): WCAG 1.1.1 · سطح ⁨A⁩. تصاویر متن جایگزین ندارند، بنابراین کاربران صفحه‌خوان نمی‌دانند در آن‌ها چه چیزی نشان داده شده است. (تصاویر بدون متن جایگزین)
- [دکمه‌های input باید متن قابل تشخیص داشته باشند](https://www.fixreports.com/fa/issues/input-button-name): WCAG 4.1.2 · سطح ⁨A⁩. یک دکمه input متن ندارد، بنابراین صفحه‌خوان‌ها نمی‌توانند بگویند چه کاری انجام می‌دهد. (فیلدهای فرم بدون برچسب)
- [دکمه‌های تصویری باید متن جایگزین داشته باشند](https://www.fixreports.com/fa/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · سطح ⁨A⁩. یک دکمه تصویری متن alt ندارد، بنابراین صفحه‌خوان‌ها نمی‌توانند بگویند چه کاری انجام می‌دهد. (تصاویر بدون متن جایگزین)
- [عناصر فرم باید برچسب داشته باشند](https://www.fixreports.com/fa/issues/label): WCAG 4.1.2 · سطح ⁨A⁩. برخی فیلدهای فرم برچسب ندارند، بنابراین کاربران صفحه‌خوان نمی‌دانند چه چیزی باید وارد کنند. (فیلدهای فرم بدون برچسب)
- [سند باید یک ناحیه main داشته باشد](https://www.fixreports.com/fa/issues/landmark-one-main): روش توصیه‌شده دسترس‌پذیری. صفحه ناحیه main ندارد، بنابراین کاربران صفحه‌خوان نمی‌توانند مستقیماً به محتوا بروند. (ساختار صفحه، سرفصل‌ها و نواحی صفحه (landmarks))
- [لینک‌ها باید بدون اتکا به رنگ قابل تشخیص باشند](https://www.fixreports.com/fa/issues/link-in-text-block): WCAG 1.4.1 · سطح ⁨A⁩. لینک‌های داخل پاراگراف‌ها فقط با رنگ متمایز شده‌اند، بنابراین افرادی که تفاوت رنگ را نمی‌بینند متوجه آن‌ها نمی‌شوند. (کنتراست رنگ پایین)
- [لینک‌ها باید متن قابل تشخیص داشته باشند](https://www.fixreports.com/fa/issues/link-name): WCAG 2.4.4, 4.1.2 · سطح ⁨A⁩. برخی لینک‌ها هیچ متنی ندارند که صفحه‌خوان بتواند اعلام کند؛ اغلب لینک‌هایی که فقط یک آیکون دارند، مانند آیکون‌های شبکه‌های اجتماعی یا آیکون سبد خرید. (لینک‌ها و دکمه‌های بدون نام)
- [بزرگ‌نمایی و مقیاس‌بندی نباید غیرفعال شده باشد](https://www.fixreports.com/fa/issues/meta-viewport): WCAG 1.4.4 · سطح ⁨AA⁩. صفحه جلوی بزرگ‌نمایی با دو انگشت (pinch-zoom) را در موبایل می‌گیرد. (بزرگ‌نمایی و بازچینی)
- [صفحه باید یک سرفصل سطح یک داشته باشد](https://www.fixreports.com/fa/issues/page-has-heading-one): روش توصیه‌شده دسترس‌پذیری. صفحه سرفصل سطح اول ندارد. (ساختار صفحه، سرفصل‌ها و نواحی صفحه (landmarks))
- [همه محتوای صفحه باید داخل نواحی صفحه (landmarks) قرار داشته باشد](https://www.fixreports.com/fa/issues/region): روش توصیه‌شده دسترس‌پذیری. بخشی از محتوا داخل هیچ ناحیه صفحه (landmark) مانند header، nav، main یا footer نیست. (ساختار صفحه، سرفصل‌ها و نواحی صفحه (landmarks))
- [عناصر [role="img"] و [role="image"] باید متن جایگزین داشته باشند](https://www.fixreports.com/fa/issues/role-img-alt): WCAG 1.1.1 · سطح ⁨A⁩. عنصری که به‌عنوان تصویر ارائه شده است متن جایگزین ندارد. (تصاویر بدون متن جایگزین)
- [ناحیه قابل اسکرول باید با صفحه‌کلید در دسترس باشد](https://www.fixreports.com/fa/issues/scrollable-region-focusable): WCAG 2.1.1 · سطح ⁨A⁩. یک ناحیه قابل اسکرول با صفحه‌کلید در دسترس نیست، بنابراین کاربران صفحه‌کلید نمی‌توانند آن را اسکرول کنند. (دسترسی با صفحه‌کلید و فوکوس)
- [عنصر select باید نام دسترس‌پذیر داشته باشد](https://www.fixreports.com/fa/issues/select-name): WCAG 4.1.2 · سطح ⁨A⁩. یک منوی کشویی (اغلب انتخابگر مرتب‌سازی یا گونه محصول) برچسب ندارد. (فیلدهای فرم بدون برچسب)
- [عناصر <svg> با نقش img یا image باید متن جایگزین داشته باشند](https://www.fixreports.com/fa/issues/svg-img-alt): WCAG 1.1.1 · سطح ⁨A⁩. یک تصویر SVG که اطلاعاتی را منتقل می‌کند متن جایگزین ندارد. (تصاویر بدون متن جایگزین)
- [همه اهداف لمسی باید 24px بزرگی داشته باشند یا فاصله کافی در اطرافشان باشد](https://www.fixreports.com/fa/issues/target-size): WCAG 2.5.8 · سطح ⁨AA⁩. برخی اهداف لمسی کوچک‌تر از 24 در 24 پیکسل هستند و بیش از حد به هم نزدیک‌اند، به همین دلیل لمس کردن آن‌ها روی گوشی دشوار است. (دسترسی با صفحه‌کلید و فوکوس)