Releasedokument für das Update des KoGIs-Baukastens, Updatename: Barrierefreiheit, Features

(1)

Update-Log: Update Barrierefreiheit, Features, Löschungen (9.0-2019-05-09)

Verbesserungen

Modul Verbesserung

Löschungen Zahlreiche Templates werden im KoGIs-Standard nicht mehr verwendet und deshalb gelöscht:

 03_untercontent_pre_d

 04_navilogos_d

 05_projekte_content_kat_checkbox_l

 05_projekte_content_kat_listbox_l

 05_projekte_content_kat_suchdarst_l

 05_projekte_content_land_checkbox_l

 05_projekte_content_land_listbox_l

 05_projekte_content_land_suchdarst_l

 05_projekte_content_ort_checkbox_l

 05_projekte_content_ort_listbox_l

 05_projekte_content_ort_suchdarst_l

 05_projekte_content_prio_listbox_l

 05_projekte_content_prio_suchdarst_l

 05_projekte_content_prog_checkbox_l

 05_projekte_content_prog_listbox_l

 05_projekte_content_prog_suchdarst_l

 05_projekte_content_reg_checkbox_l

 05_projekte_content_reg_listbox_l

 05_projekte_content_reg_suchdarst_l

 05_projekte_content_vk_checkbox_l

 05_projekte_content_vk_listbox_l

 05_projekte_content_vk_suchdarst_l

 05_veranstaltung_content_art_listbox_l

 05_veranstaltung_content_doz_listbox_l

 05_veranstaltung_content_ort_listbox_l

 05_veranstaltung_content_reg_checkbox_l

 05_veranstaltung_content_reg_listbox_l

 05_veranstaltung_content_reg_suchdarst_l

 05_veranstaltung_content_rub_checkbox_l

 05_veranstaltung_content_rub_listbox_l

 05_veranstaltung_content_rub_suchdarst_l

 05_veranstaltung_content_vk_listbox_l

 05_veranstaltung_content_vk_suchdarst_l 3 Einträge des Containers

Site > Weitere Container > JavaScripte

(2)

Absatzfunktion Zeitschiene

Es gibt eine neue Absatzart, mit der man Zeitschienen darstellen kann, alternativ Meilensteine usw.

Angepasst wurde:

 Site > Weitere Container > Absätze

 05_content_absatzliste_l

 05_content_absatzliste_zeitschiene_d

 style.css Modernizr (Bibliothek

zum Erkennen von Browserfähigkeiten)

Bisher wurde eine Bibliothek eingebunden, die nach Prüfung auf Nebeneffekten nun gelöscht wird.

Gelöscht wird:

 * /static/js/libs/modernizr-2.0.6.min.js

 * /static/js/libs/modernizr-3.5.0.min.js Angepasst wurde:

 * /static/js/libs/js_rev_7.js

 00_plugins_js_d

 00_script_js_d

 05_content_video_d

 99_six_formgen_backend_form_page_preview_d

 99_six_formgen_backend_form_view_d Barrierefreiheit

Sitzungsarchiv

Wurde der Style ausgeschaltet, standen hier zwei leere Felder, weil die >

und >| nur im Style dargestellt waren. Dies wurde anders gestaltet.

Angepasst wurden:

 a_basic.result_count_visible (de)

 a_basic.result_count_visible (en)

Templatekonsolidierung Das Karussell wurde optimiert, angepasst wurde:

05_content_karussell_l

Social-Media-Funktion Im Seitencontainer gibt es die Funktionen "Drucken" und "Senden".

Der Artikel wurde beim Eintragen eines Namens nicht versandt sondern erst, wenn man eine E-Mail-Adressse im Feld Absender hinterlegt.

Angepasst wurden:

 10_artikel_verschicken_formular_d

 10_artikel_verschicken_mail_d

Infoboxen Achtung: Diese Ergänzung wurde bereits verteilt.

Die Verschachtelung der Ersetzungsaufrufe erwartete ein korrektes Eingeben. Dies wurde ergänzt, so dass Fehler bei der Eingabe ein Stück weit mehr toleriert werden.

Angepasst wurden:

 05_ersatz_email_d

 05_ersatz_fett_d Glossar: Anpassung

aufgrund von

Wenn Bilder ausgeblendet wurden, fehlten die i und es entstanden Lücken. Es gab keinen Alternativtext für das i. Somit fehlte die

(3)

Barrierefreiheit Information. Dies wurde angepasst durch: 05_ersatz_email_d.

Suche, lokal und global Die Tausendertrennpunkte fehlten und wurden in allen Suchen und Filtern wieder eingebunden. Angepasst wurde:

 10_globale_solr_suche_d

 06_search_filter_d

 06_search_resultlist_not_d Umfragemodul:

Anpassung aufgrund von Barrierefreiheit

Bisher wurde der Hover nur über Farbe angezeigt. Die beiden Farbtöne waren vom Kontrast her nicht unterschiedlich genug.

Angepasst wurden:

 05_content_umfragen_d

 05_content_umfragen_formular_l

 05_content_umfragen_statistik_l Absatzarten: Anpassung

aufgrund von Barrierefreiheit

Sowohl beim vorwärts als auch rückwärts Tabben war der Tastaturfokus nicht immer sichtbar.

Der rote Rahmen bei Hover oder der Fokussierung sollte auch entsprechend beim Schließen des Popups verwendet werden, das bisher nur mit einem feststehenden schwarzen Rahmen versehen ist.

Beim Schließen des Popups wurde der Fokus nur über die Farbe vermittelt. Angepasst wurden:

 05_content_absatzliste_js_colorbox_d

 05_content_karussell_linkliste_l

 05_content_karussell_l

 20_galerie_bild_d

 05_content_galerie_bild_l

 05_content_bildleiste_l

 00_script_js_d

 01_styles_d

 static/css/html5/style.scss

 static/js/html5/ext.js Sitzungskalender:

Anpassung aufgrund Barrierefreiheit

Zwischen dem linken Pfeil und dem Monat fehlte der Abstand. Die beiden Pfeile haben unterschiedliche Farben. Angepasst wurden:

 style.css

 SixCalendar.php (Custom Function) Deputationssuche:

Die Suchbedingungen wurden im Suchergebnis nicht noch einmal aufgeführt, weder bei erfolgreicher noch bei nicht erfolgreicher Suche.

Angepasst wurde: 10_depu_liste_d Personenblöcke:

Anpassung aufgrund von Barrierefreiheit

Es war kein Unterschied zwischen Links und normaler Schrift erkennbar.

Angepasst wurde: style.scss Absatzarten ein- und

ausklappbar: Anpassung aufgrund von

Barrierefreiheit

Bei Hover wurde nur die Farbe der Pfeile geändert. Bei sehr starker Vergrößerung konnte die Bildergalerie nicht mehr bedient werden.

Ist man am Ende der Bilder angekommen, gibt es keinen Hinweis, dass dieses erreicht ist. Der Pfeil färbt sich weiterhin rot, es passiert nur nichts, wenn geklickt wird.

Angepasst wurde:

(4)

 ext.js in den static Dateien Linkkonzept: Anpassung

aufgrund Barrierefreiheit

Beim Hovern eines Download-Links blieb das Download Icon blau. Dies wurde angepasst durch: style.css

Videoeinbindung:

Anpassung aufgrund Barrierefreiheit und veralteter Funktionen

Überflüssige Javascript-Funktionen für die Keyboardbedienung wurden entfernt. Wer mit der Tastatur die Funktion bedienen möchte, kann die nativen HTML5 Video Player Schaltflächen direkt fokussieren und braucht diese nicht nochmal vor dem Player.

Die Anker für das Überspringen von Videos entfernt. Der Mehrwert für diejenigen, die solch eine Sprungmarke bevorzugen, anstatt 5x Tab zu drücken relativiert sich durch die Leute, die von dem plötzlich

eingeblendeten Link eher verwirrt werden.

Fullscreen und Mute Hotkeys wurden hinzugefügt für Chrome und Firefox.

Aufgrund einer fehlerhaften Implementation der Vollbild-API in IE11 und Edge ist es nicht möglich, dort ebenfalls Hotkeys für Vollbild hinzuzufügen, aber da diese Funktionalität bereits durch die HTML5 Video Steuerungselemente gegeben ist, ist dies ein reines "nice to have"

Feature für FF und Chrome User.

Flash Video-Formate wurden komplett entfernt, ebenso Modernizr Code (siehe oben).

W3C Validierung korrigiert und Erstellung des HTML-Codes durch PHP DOMDocument parser angepasst.

Angepasst wurden:

 05_ersatzfunktion_d

 05_content_video_d

 05_ersatz_video_d

 01_htmlstart_2_d

 ext.js

 style.(s)css

 frische.(s)css (noch nicht aktiv)

 99_tinymce_toolkit_d

 css\html5

 tinymce.scss

 js\plugins

 tinymce-kogis

 tinymce-kogis-toolkit.js

 tinymce-kogis-link

 tinymce-kogis-link.js

Schlagwortwolken Die durch die Barrierefreiheit hinzugefügten Unterstreichungen in den Schlagwortwolken wurden erneut überdacht und eine Anpassung vorgenommen bzw. zurückgebaut. Angepasst wurde: style.scss Inhaltsübersicht Im Template befinden sich mehrere Artefakte, die zum Beispiel dazu

führen, dass die Sitemap zweimal komplett aufgebaut wird.

Angepasst wurde: 20_sitemap_d

ASCII-Zeichen-Nutzung Achtung: Diese Ergänzung wurde bereits verteilt.

(5)

in Absatztexte und -überschriften

Wurde zur Darstellung eines fremdsprachigen (türkischen) Textes ASCII- Code-Zeichen verwendet, wurden dies nach der Überarbeitung der Ersatzfunktion nicht mehr richtig dargestellt. Angepasst wurde:

 05_ersatzfunktion_d

Bilderkarussell Wenn ein Bild-Eintrag mit einem anderen Inhalt verlinkt war, wurde das Bild und der Titel im Karussell verlinkt, sonst nicht. Dies wurde

vereinheitlicht. Angepasst wurde: style.css Menü in der

Mobilversion

In der Mobilversion im Safari (IPhone) wurden die Symbole zum Aufklappen der Untermenüpunkte etwas nach unten versetzt dargestellt und waren nicht mehr ganz mittig (bei einzeiligen Menüpunkten). Angepasst wurde: style.css

Highlightbox Die Highlightbox erschien zu eng an den vorherigen Absätzen. Dies wurde angepasst durch: css-Datei.

Dienstleistungen:

Die Links waren nicht immer als solche erkennbar. Sie unterschieden sich nicht vom normalen Text. Angepasst wurde:

 01_dienstleistung_css_d

 05_dienstleistung_content_aside_d

 05_dienstleistung_content_dl_aehnliche_l

 05_dienstleistung_content_formular_l

 05_dienstleistung_content_formular_online_l

 05_dienstleistung_content_publikationen_l

 05_dienstleistung_download_link_l

 05_dienstleistungen_content_l Veranstaltungen:

Die Hinweistexte waren nicht eindeutig genug und unterschiedlich.

Angepasst wurden:

 20_veranstaltung_anmeldung_formular_d

 SixEventRegistrationForm1.php

 Dict-Einträge: a_error.enter_your_email

 Container: Basiseinstellungen

Feld "Anmeldeformular im Frontend: Dienstellenauswahl"

dort wurde als Leeroption ein "dash" statt der bisher dort vorhandenen "---" eingesetzt.

Veranstaltungskalender:

Die Betitelung „Termin“ war an einer Stelle nicht ganz passend. Das Icon bezog sich hier auf den dahinter stehenden Monat. Angepasst wurden:

 10_veranstaltung_planer_d

 05_veranstaltung_content_planer_d Neue und geänderte Spracheinträge

 a_basic.weekday_name_monday

 a_basic.weekday_name_tuesday

 a_basic.weekday_name_wednesday

 a_basic.weekday_name_thursday

 a_basic.weekday_name_friday

 a_basic.weekday_name_Saturday

 a_basic.weekday_name_Sunday

(6)

 a_basic.month_current News und Aktuelles:

Beim Tabben durch die Seite waren teils die angesprungenen Links nicht sichtbar, weil sie von der Browserzeile überdeckt wurden. Angepasst wurden:

 05_content_news_l Neue Spracheinträge

 a_basic.open_file_download Projekte: Anpassung

aufgrund Barrierefreiheit

Im Projektmodul wurden diverse Punkte beanstandet: das Linkkonzept, der Fokus und die damit zusammenhängende Farbgebung und die Importmaske. Angepasst wurden:

 05_projekte_content_detail_d

 05_projekte_content_liste_l

 10_projekte_import_d

 05_projekte_content_import_pruef_d

 05_content_person_d

 05_content_visitenkarte_linkliste_l

 style.scss

Mehrsprachigkeitsänderungen:

 a_projects.no_file_selected

 a_projects.successful_import

 a_projects.goto_projectdataimport

 a_basic.more_project

Login-Maske Es gab eine kombinierte Fehlermeldung für beide Felder. Die Betitelung in der ersten Zeile sowie die Umrandung bezogen sich aber nur auf das erste Feld. Zudem waren die Felder nicht als Pflichtfelder

gekennzeichnet.Angepasst wurden:

 90_profile_pw_forget_d

 90_profile_log_logout_d

 90_profile_header_logic_d

 a_cug.notice_asterisk_required

 a_error.not_a_login_name

 a_error.please_state_login

 a_error.please_state_password

 a_error.forgotten_password_no_user

 a_error.forgotten_password_no_email

 a_error.forgotten_password_no_data

 custom_functions\vendor\six\vendor\six\controller\SfgForm.ph p

Visitenkarten:

Es waren optisch textuell keine Hinweise darauf vorhanden, um welche Informationen es sich hier handelt. Wurden Bilder oder Styles

abgeschaltet, gab es demnach keine Alternativtexte. Im Screenreader wurde der title-Text vorgelesen. Hierbei wurde z.B. die Telefonnummer als 49.000... und die Abkürzung für Freitag als „F“ „r“ vorgelesen.

Angepasst wurde:

 05_content_visitenkarte_d

(7)

 style.(s)css Sitzungsarchiv:

Der Tastaturfokus fiel kaum auf. Zudem war der Farbunterschied zwischen rot und blau nicht ausreichend für eine Abgrenzung.

Wurde der Style ausgeschaltet, standen hier zwei leere Felder, weil die >

und >| nur im Style dargestellt wurden. Der Screenreader hat an dieser Stelle „Link größer Zeichen“ und „Link größer Zeichen senkrech-

ter Strich“ anstatt des title vorgelesen. Angepasst wurde:

 05_content_jumplist_d

 10_sitzung_liste_d

 style.css Veranstaltungspflege:

Es war nicht erkennbar, dass sich hier ein Link befand. Es gab auch kein title-Attribut. Bei hover wurde nur die Farbe geändert. Angepasst wurde:

 05_content_links_l

 style.css Veranstaltungssuche:

Obwohl bei den weiteren Suchkriterien Eingaben gemacht wurden und die Maske ausgeklappt gelassen wurde, war die Maske beim Anzeigen der Suchergebnisse wieder eingeklappt. Da die

Konditionen für die Suche nicht angezeigt wurden, war nicht ersichtlich, wonach gesucht wurde. Angepasst wurde:

 05_veranstaltung_content_suchmaske_d

 05_veranstaltung_content_suchepruefen_d Veranstaltungen:

„Hier anmelden“ führte zu einem Formular und öffnete kein E-Mail- Programm, Symbol ist missverständlich.

Wurden Bilder durch alt-Texte ersetzt, stand an dieser Stelle zweimal der gleiche Text, da die Bildunterschrift dem alt-Text entsprach. Das Tabben durch die Breadcrumb-Navi war nicht sichtbar, wenn die Seite weiter nach unten gescrollt ist. Die Seite wurde nicht nach oben gescrollt. Angepasst wurde:

 10_veranstaltung_detail_d

 Javascript (ext.js) Veranstaltungsübersicht

: Anpassung aufgrund Barrierefreiheit

Bei dem Button wurde nur die Farbe geändert und nicht der Text unterstrichen. Bei den Einträgen pro Seite wurden die Zahlen auch unterstrichen – dies führte zu keinem konsistenten Verhalten.

Die Größe der Buttons war unterschiedlich.

Der Screenreader hat „Ort“ vor, aber nicht „Nr.“ vorgelesen.

Die Zahl hinter „Nr.“ wurde als Million... vorgelesen.

Angepasst wurde:

 05_veranstaltung_content_detail_d

 05_veranstaltung_content_liste_l

 style.css Sitzungsübersicht:

Zwei h1 auf einer Seite.

Angepasst wurde: 10_sitzung_liste_d

(8)

Fehlerkorrekturen

Modul Fehlerkorrektur

Veranstalterübersicht:

Rechtsschreibfehler und Anpassung aufgrund Barrierefreiheit

Es gab keinen Hinweis darauf, dass hier eine Auswahlliste folgte.

Angepasst wurde:

 05_content_abisz_d

 10_veranstaltung_veranstalter_d

 a_basic.events_offerer_list

 a_basic.events_offerer_letter Veranstaltungen Validierungsfehler, angepasst wurde:

Zusätzliche Anpassungen:

Content:

Dict-Einträge

- a_basic.result_count_visible - a_error.enter_your_email

- a_basic.weekday_name_monday - a_basic.weekday_name_tuesday - a_basic.weekday_name_wednesday - a_basic.weekday_name_thursday - a_basic.weekday_name_friday - a_basic.weekday_name_Saturday - a_basic.weekday_name_Sunday - a_basic.month_current

- a_basic.open_file_download - a_projects.no_file_selected - a_projects.successful_import - a_projects.goto_projectdataimport - a_basic.more_project

- a_cug.notice_asterisk_required - a_error.not_a_login_name - a_error.please_state_login - a_error.please_state_password - a_error.forgotten_password_no_user - a_error.forgotten_password_no_email - a_error.forgotten_password_no_data - a_basic.events_offerer_list

a_basic.events_offerer_letter Neue und geänderte Container:

Site > Weitere Container > Absätze

(9)

Site > Weitere Container > Basiseinstellungen

Neues Triggerset: - Neuer Filter: - Neuer Workspace: - CFs/CCs: alle Prod 2.7

Templates: alle Templates