تحسين إمكانية الوصول إلى MEC
سنتعرف في هذه المقالة على كيفية تحسين إمكانية الوصول إلى مواقع الويب. وفقًا لاتحاد شبكة الويب العالمية (W3C) ، عندما تُصمَّم مواقع الويب وأدواتها وتُبرمج بشكل صحيح، يُمكن للأشخاص ذوي الإعاقة استخدامها. مع ذلك، تُطوَّر العديد من المواقع والأدوات حاليًا مع وجود عوائق في إمكانية الوصول تجعل استخدامها صعبًا أو مستحيلاً بالنسبة لبعض الأشخاص.
جعل الويب متاحًا
إن إتاحة الوصول إلى الإنترنت تُفيد الأفراد والشركات والمجتمع. تُحدد معايير الويب الدولية متطلبات إمكانية الوصول.
يمكنك أيضًا استخدام أدوات مثل أداة تقييم إمكانية الوصول إلى الويب WAVE وموقع WebAccessibility.com للتحقق من مستوى إمكانية الوصول لديك.
كيفية تحسين إمكانية الوصول إلى MEC
لتحسين إمكانية الوصول في Modern Events Calendarفي صفحات الأحداث الفردية والرموز المختصرة الخاصة بـ 's، يمكنك إضافة ما يلي CSS إلى إعدادات MEC > CSS مخصص.
بفعل ذلك، ستحصل على المزيد من النقاط في برنامج Lighthouse في متصفحك، وستطبق إمكانية الوصول المناسبة لموقعك الإلكتروني:
.mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day,
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt.mec-weekly-disabled.mec-table-nullday span {
font-weight: 300;
}
.mec-calendar .mec-event-article .mec-event-detail,
.mec-calendar .mec-calendar-side .mec-next-month a,
.mec-calendar .mec-calendar-side .mec-previous-month a,
.mec-calendar .mec-table-nullday,
.mec-single-event .mec-current,
.mec-single-event .mec-event-meta .mec-events-event-categories a,
.mec-single-event .mec-event-meta dd,
.mec-single-event .mec-next-event-details abbr,
.mec-yearly-view-wrap .mec-agenda-date-wrap i,
.mec-yearly-view-wrap .mec-agenda-date-wrap span.mec-agenda-day,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day,
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span,
.mec-skin-tile-month-navigator-container .mec-next-month,
.mec-skin-tile-month-navigator-container .mec-previous-month,
.mec-events-agenda-wrap span.mec-agenda-day,
.mec-events-agenda-wrap .mec-agenda-time,
.mec-event-grid-modern .event-grid-modern-head .mec-event-day,
.mec-event-grid-modern .mec-event-content p,
.mec-event-grid-clean .mec-event-content p,
.mec-event-grid-classic .mec-event-content p,
.mec-event-list-modern .mec-event-date .event-f,
.mec-event-list-modern .mec-event-date .event-da,
.mec-wrap .mec-time-details,
.mec-wrap .mec-event-detail,
.mec-wrap .mec-event-loc-place {
color: #000;
}
.mec-wrap .mec-av-spot-wrap p,
.mec-event-tile-view ul.mec-categories li.mec-category a,
.mec-event-tile-view .mec-event-loc-place,
.mec-skin-grid-container .mec-event-grid-novel .mec-event-address,
.mec-skin-grid-container .mec-event-grid-novel .mec-event-detail,
.mec-skin-grid-container .mec-event-grid-novel .mec-event-month,
.mec-skin-grid-container .mec-event-grid-novel ul.mec-categories li.mec-category a,
.mec-skin-grid-container .mec-event-grid-novel ul.mec-categories li.mec-category a:before,
.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers a,
.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers i:before,
.mec-event-grid-colorful ul.mec-categories li.mec-category a,
.mec-event-grid-colorful .mec-event-content .mec-grid-event-location,
.mec-event-grid-colorful .event-grid-modern-head .mec-event-day,
.mec-event-grid-colorful ul.mec-categories li.mec-category a,
.mec-wrap .mec-skin-grid-events-container .mec-time-details,
.mec-wrap .mec-skin-grid-events-container .mec-event-loc-place,
.mec-wrap .mec-event-grid-classic .mec-time-details {
color: #fff;
}