فُحِص في 31/8/2026 · https://www.spiegel.de/
32 عائق حرجn · إضافةً إلى 7 للتحقق.
كيف تُحتسب الدرجة؟ (100 نقطة بداية)
| {n} حقل نموذج بلا تسمية يمكن التعرف عليها | -18 |
| {n} رابط بلا اسم يمكن التعرف عليه في الـ HTML | -18 |
| {n} زر بلا اسم في الـ HTML | -18 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -18 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -6 |
| لا يوجد عنوان <h1> في الـ HTML المُقدَّم | -7 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -2 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -2 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -2 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -2 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -2 |
| {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا | -2 |
| النتيجة | 0 / 100 |
قابل للإدراك
{n} حقل نموذج بلا تسمية يمكن التعرف عليها
تحقق مما إذا كان هناك aria-label مضبوط عبر JavaScript.
input, select, textarea
ما ينبغي فعله: اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.button-spon
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.button-effi
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.button-mmo
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.button-hbm
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
input::placeholder, textarea::placeholder
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
body .richtext--inverted p
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
body .richtext--inverted a
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
body .richtext--inverted a:focus
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.richtextcredit.richtextcredit--inverted a
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.richtextsystem.richtextsystem--inverted a
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.richtextsystem.richtextsystem--inverted a:hover
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.richtextsystem.richtextsystem--inverted a:focus
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-shade-base
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-shade-light
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-shade-lighter
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-shade-lightest
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-white
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.placeholder-shade-base::-moz-placeholder
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.placeholder-shade-base::placeholder
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.hover\:text-shade-lighter:hover
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.hover\:text-shade-lightest:hover
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.hover\:text-white:hover
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.focus\:text-shade-base:focus
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.focus\:text-shade-lighter:focus
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.focus\:text-white:focus
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.disabled\:text-shade-base:disabled
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.disabled\:text-shade-light:disabled
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.debug.svelte-1x5iokp
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-effi-primary-base
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-elf-primary-base
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-shade-dark
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.text-spon-primary-base
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
{n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا
المطلوب: 4.5:1 (عادي) أو 3:1 (نص كبير). في حالة «خلفية صفحة مفترَضة» تعذر تحديد الخلفية الفعلية بيقين — عند الشك تحقق في المتصفح. مما عُثر عليه: {examples}
.disabled\:text-shade-dark:disabled
ما ينبغي فعله: غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
قابل للتشغيل
{n} رابط بلا اسم يمكن التعرف عليه في الـ HTML
روابط فارغة أو مجرد أيقونة/صورة بلا alt. لا يُتعرَّف هنا على aria-label المضبوط عبر JavaScript.
a
ما ينبغي فعله: أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.
{n} زر بلا اسم في الـ HTML
الأزرار بلا نص وبلا aria-label صامتة لقارئات الشاشة — ما لم يُضبَط الاسم عبر JavaScript.
button
ما ينبغي فعله: أضِف نص الزر أو اضبط aria-label.
لا يوجد عنوان <h1> في الـ HTML المُقدَّم
يجب أن تبدأ كل صفحة بعنوان h1 واحد بالضبط. في الصفحات المبنية عبر JavaScript قد لا ينشأ الـ h1 إلا في المتصفح — عندئذٍ تحقق في الـ DOM المعروض.
body
ما ينبغي فعله: أدرِج <h1> ذا معنى كأول عنوان (على جانب الخادم إن أمكن).
تم حله بشكل صحيح بالفعل
- Textalternativen: keine automatisch erkennbaren Probleme
- يوجد رابط تخطٍّ إلى المحتوى
- يوجد معلَم <main>
الخطوات التالية
- {n} حقل نموذج بلا تسمية يمكن التعرف عليها. اربط كل حقل بعنصر <label for> أو اضبط aria-label / aria-labelledby. لا يكفي placeholder وحده.
- {n} رابط بلا اسم يمكن التعرف عليه في الـ HTML. أضِف نص رابط مرئيًا، أو استخدم في روابط الأيقونات aria-label أو صورة ذات alt.
- {n} زر بلا اسم في الـ HTML. أضِف نص الزر أو اضبط aria-label.
- {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا. غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
- {n} قاعدة{nPlural} CSS بتباين نص قد يكون منخفضًا جدًا. غمِّق لون النص أو فتِّح الخلفية حتى بلوغ الحد الأدنى المعني. لا تستخدم اللون أبدًا كسمة تمييز وحيدة.
إعادة فحص أسبوعية، بعرض JS، بريد إلكتروني عند العوائق الجديدة — قريبًا.
المنهجية & الحدود
في 31/8/2026 فُحِص الـ HTML الذي يُقدِّمه www.spiegel.de عند أول استدعاء دون تسجيل دخول، إضافةً إلى ما يصل إلى أربعة ملفات CSS مرتبطة من النطاق نفسه. ما فُحِص: تباين الألوان (من الـ CSS)، البدائل النصية، تسمية النماذج، أسماء عناصر التحكم، بنية العناوين، عنوان الصفحة ولغتها، قفل التكبير، معرّفات id مكررة، قيم tabindex موجبة، المعالم.
لم يُفحَص: كل ما ينشأ عبر JavaScript، وقابلية التشغيل بلوحة المفاتيح، والتركيز المرئي، وترتيب التركيز، وإعلان قارئ الشاشة، والمحتوى خلف تسجيل الدخول، والصفحات الفرعية. يكتشف الاختبار الآلي نحو 20–35 % من مخالفات WCAG — أما الباقي فيحتاج إلى فحص يدوي. لقطة لحظية، لا حكم قانوني.