مشاكل إمكانية الوصول إلى RAMP

مرحبًا،

أعمل في مبادرة RAMP الخاصة بفيروس كوفيد-19. اخترنا منصة Discourse لمنصة المنتدى الخاصة بنا، ونحن راضون جدًا عنها.

لقد كان زميلي وأنا نراجع إمكانية الوصول. أعتقد أننا تعاملنا مع مشاكل التباين المنخفض باستخدام وظيفة CSS الخاصة بالإدارة. لكن لدينا بعض المشاكل، كما تشير أداة WAVE، والتي لا نعتقد أننا نستطيع معالجتها بأنفسنا، وهي كالتالي:

  • صورة مرتبطة تفتقر إلى نص بديل: تتعلق هذه بصور الرموز التعريفية. هناك عنوان وصفي، لكن الحقل البديل فارغ.

  • يوجد حقل تسمية مفقود في كل صفحة:

    <div><input type="text"></div>

  • يوجد عنوان فارغ في كل صفحة:

    <div class="title"><h3></h3><!-- --></div>

  • هناك العديد من الأزرار الفارغة المبلغ عنها، المرتبطة بـ svg.

  • هناك روابط فارغة، على سبيل المثال:
    <a href="" aria-hidden="true" tabindex="-1" class="tabLoc"></a>
    و
    <a href="" class="edit-topic" title="edit the title and category of this topic" data-ember-action="" data-ember-action-27="27"><svg class="fa d-icon d-icon-pencil-alt svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#pencil-alt"></svg></a>.

  • يوجد رأس جدول فارغ: <th data-sort-order="posters" class="posters"></th>

سأكون مندهشًا جدًا إذا كنا نحن فقط من يواجه هذه المشاكل، لذا أتساءل ما إذا كانت أداة WAVE مبالغ فيها أم أننا ربما نغفل عن بعض النقاط. أي مساعدة ستكون محل تقدير كبير.

شكرًا جزيلاً مقدّمًا،
كوستاس

8 إعجابات