Verbesserung MEC Barierrefreiheit
In diesem Artikel erfahren wir, wie man sich verbessern kann. MEC Barrierefreiheit. Laut W3CWenn Websites und Webtools richtig gestaltet und programmiert sind, können sie auch Menschen mit Behinderungen nutzen. Viele Websites und Tools werden jedoch derzeit mit Barrieren entwickelt, die die Nutzung für manche Menschen erschweren oder unmöglich machen.
Das Web barrierefrei gestalten
Ein barrierefreies Internet kommt Einzelpersonen, Unternehmen und der Gesellschaft zugute. Internationale Webstandards definieren die Voraussetzungen für Barrierefreiheit.
Sie können auch Tools wie das WAVE Web Accessibility Evaluation Tool und WebAccessibility.com verwenden , um Ihren Barrierefreiheitsgrad zu überprüfen.
Wie zu verbessern MEC Barierrefreiheit
Zur Verbesserung der Zugänglichkeit in der Modern Events CalendarShortcodes und Einzelereignisseiten können Sie Folgendes hinzufügen CSS zu MEC Einstellungen > Benutzerdefiniertes CSS.
Dadurch erhalten Sie mehr Punkte im Lighthouse- System Ihres Browsers und gewährleisten die ordnungsgemäße Barrierefreiheit Ihrer Website:
.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;
}