كيفية ظهورها على Foundation وMeta Branded:

يجب أن تكون حاويات الرقم والسهم بنفس الحجم.
كيفية ظهورها على Foundation وMeta Branded:

يجب أن تكون حاويات الرقم والسهم بنفس الحجم.
لا أرى هذا على الهاتف المحمول. أفترض أن هذا خاص بـ #desktop؟
شكرًا لك، لقد بحثت أكثر: والسبب هو موضوع الأساس الجديد، والذي يُستخدم أيضًا على Meta Branded، ويحدث على كل من سطح المكتب والجوال.
لست متأكدًا مما إذا كان يجب نقله إلى Modernizing the Foundation theme أم لا.
اتخذتُ القرار التنفيذي بفعل ذلك ![]()
تم إصلاح ذلك وسيتم تحديثه قريبًا
في الوضع الداكن، تكون حالة active على بعض الأزرار (مرئية بشكل رئيسي عند التنقل بلوحة المفاتيح، ومؤقتة فقط عند استخدام الفأرة أو اللمس) قاسية على العين:
![]()
وكذلك حالة hover باللون الأحمر:
![]()
لكن الأسوأ هو زر “الخطر” بخلفية حمراء داكنة ونص داكن:

ربما يكفي تعديل قيمة اللون الأحمر/السطوع لحل المشكلتين الثانية والثالثة.
هل هذا يقتصر على سمة Meta هذه فقط؟
نعم. على الأساس:
نشط
![]()
تحويم
![]()
خطر

تباينات أفضل من Meta Branded.
لا يزال هذا هو الحال:
هل توجد أي خطط لتعديل حدود الأزرار عند استخدام لوحة ألوان WCAG؟ أجد حاليًا أن الحد الرقيق جدًا والفاتح جدًا صعب الرؤية، لذا في بعض الأماكن يبدو لي كما لو أن هناك أيقونات تطفو فقط بدلاً من الأزرار. لم يكن هذا مشكلة مع الأزرار الرمادية الصلبة السابقة.
لقد شعرت بشيء مشابه عندما تم إزالة الظل أسفل الرأس وعندما تم إزالة الخط الملون في أعلى المحرر. لكن بينما تلك مناطق واضحة من شاشتي، فإن الأزرار موجودة في أماكن مختلفة، مما يجعل حقيقة أنها صعبة التمييز عن محيطها أكثر صعوبة بالنسبة لي.
حقول النص في الإعدادات، على سبيل المثال، لها حدود أغمق:
لاحظت أيضًا أن هذا يبدو أنه يكسر تنسيق أمان الفئة:
يبدو أيضًا أن اختيار المجموعة للتغيير القادم كبير بشكل غير معتاد في التصميم الجديد:
أعتقد أن حجم نص شريط التنقل صغير جدًا على الجوال. كما أن خط المقترحات/ذات الصلة صغير جدًا أيضًا.
انظر أيضًا
أعتقد أن هذا أمر يتعلق بالذوق بالتأكيد، لأنني أرى العكس تماماً فيما يتعلق بالقديم مقابل الجديد. فخطوط وأزرار الأساس القديمة تبدو ثقيلة جداً، بينما تبدو عناصر الأساس الجديدة الأكثر انسيابية أجمل بكثير في التصميم العام بالمقارنة. ليس لدي أي شكاوى بشأن الاستخدام الوظيفي على سطح المكتب أو الهاتف المحمول، ولم يشتكِ أي من مستخدمي منذ تفعيلها. ![]()
أعتقد أنه يمكنك تقديم ملاحظات لمسؤولي الموقع أيضاً، وربما يمكنهم إنشاء سمة أخرى بالتغييرات القديمة؟ فتكبير الخطوط التي أشرت إليها ليس بالأمر الصعب باستخدام CSS. أو يمكنك استخدام امتداد متصفح من نوع Stylus لإضافة تعديلاتك الخاصة (أقوم بذلك مع جميع مواقع Discourse التي أزورها، بما في ذلك هذا الموقع).
هناك فجوة صغيرة أسفل زر “ذات صلة”
تصبح أكثر وضوحًا عند زيادة حجم الخط
Stylus
.more-topics__container .nav .d-button-label {
font-size: 150%;
}
نعم، لهذا السبب قلت
حسنًا، هذه مشكلة في تجربة المستخدم (UX) تتعلق بالموضوع الجديد Foundation وزر الموضوعات المتعلق بالذكاء الاصطناعي الذي تم حقنه. فئات الزر تختلف قليلاً، ويبدو أن وجود ارتفاع سطر إضافي (line-height) يُسبب أيضًا بعض المشاكل.

لكن هذا الإصلاح سيساعد في حل المشكلة جزئيًا - يمكن تطبيق التصحيح عن طريق ضبط الحشو (padding) وإزالة ارتفاع السطر:
.more-topics__container .nav {
font-size: larger;
li .btn {
padding: .5em;
line-height: 0;
}
}
سطح المكتب:
الجوال:
هل لا يزال من الممكن الانسحاب من هذا التغيير هنا في Meta؟ لم انضم إلى المجموعة، لكن يبدو أن التغيير مفعّل لدي الآن، مما يؤدي إلى أن أرى حدود الأزرار بصعوبة شديدة رغم أنني أستخدم لوحة ألوان WCAG.
لا، لم يعد خيار الانسحاب متاحًا في ميتا، فأصبحت المجموعة عديمة الفائدة الآن.
لكن يمكنك الاستمرار في الإبلاغ عن المشكلات التي تلاحظها، كما أنا متأكد أنك ستفعل، لاكتشاف ما لا يزال بحاجة إلى تحسين.
أنت مخطئ. سأنتظر حتى يتم إصلاح المشاكل التي أبلغت عنها حتى الآن، حتى تتمكن من التركيز عليها بالكامل
. بجدية، لا يبدو لي أن الأمر منطقيًا كثيرًا أن أقضي وقتًا في تدوين ما ألاحظه بينما لم يتم معالجة ما كتبته في فبراير بعد. بالإضافة إلى ذلك، أنا متأكد من أنك ستفهم أن الأمر ليس ممتعًا كثيرًا استخدام موقع لا يمكنك من خلاله رؤية الواجهة بشكل صحيح. من المؤسف أن إمكانية الوصول تُعد أولوية منخفضة جدًا بالنسبة لك.