{"id":27,"date":"2022-07-01T09:57:25","date_gmt":"2022-07-01T07:57:25","guid":{"rendered":"https:\/\/digital.hfh.ch\/eaccessibility\/?post_type=chapter&#038;p=27"},"modified":"2025-01-17T13:35:34","modified_gmt":"2025-01-17T12:35:34","slug":"checkliste-web-editorinnen","status":"publish","type":"chapter","link":"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/checkliste-web-editorinnen\/","title":{"raw":"Checkliste Web-Editor:innen","rendered":"Checkliste Web-Editor:innen"},"content":{"raw":"Bei der ersten Nutzung dieser Checkliste empfiehlt es sich diese einmal von oben bis unten durchzuarbeiten. Denn jeder Punkt liefert weitere Hinweise und Hilfestellungen zum Thema. Folge den Links! Mit der Zeit, kann die Checkliste schnell durchgearbeitet werden: \u00abJa, habe ich. Ja, das auch. Ja, ja, ja.\u00bb So.\u00a0(Direkt zur <a href=\"#ultraschnell\">Checkliste ohne Zusatzinfos.<\/a>)\r\n<h2>Checkliste<\/h2>\r\n<ol>\r\n \t<li>Jede visuell hervorgehobene <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/titel\/\">\u00dcberschrift, sprich jeder Titel<\/a>, ist als Heading &lt;hx&gt; definiert und z. B. nicht nur in Fettschrift geschrieben. Die Abfolge der Titel (Headingstruktur) stimmt, d. h. unter einer \u00dcberschrift 1 folgt eine \u00dcberschrift 2, danach eine \u00dcberschrift 3 usw., wobei keine \u00dcberschriftsebenen \u00fcbersprungen werden.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/absaetze\/\" target=\"_blank\" rel=\"noopener\">Abs\u00e4tze<\/a> sind als Paragraphen &lt;p&gt; definiert. Es gibt keine leeren Paragraphen und keine leeren Zeilen durch Breaks &lt;br&gt;.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/alternativtexte-und-textliche-beschreibungen-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Alternativtext und textliche Beschreibung<\/a> bei Bildern und Grafiken sind vorhanden. <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/kontraste-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Kontraste<\/a> sind bei Text wie bei Abbildungen ausreichend.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/links\/\">Links sind sprechend<\/a>, sprich kontextunabh\u00e4ngig verst\u00e4ndlich.<\/li>\r\n \t<li>Jede <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/aufzaehlungen-listen\/\" target=\"_blank\" rel=\"noopener\">Aufz\u00e4hlung<\/a> ist als Liste definiert, entweder als nummerierte, oder als Strichpunktliste. Hierf\u00fcr sind die entsprechenden Formatvorlagen zu verwenden.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/tabellen\/\" target=\"_blank\" rel=\"noopener\">Tabellen<\/a> inklusive \u00dcberschriften von Spalten und Zeilen sind als solche definiert.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/audio-inhalte\/\" target=\"_blank\" rel=\"noopener\">Audio-Inhalte<\/a> verf\u00fcgen \u00fcber eine Textalternative.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/videos\/\" target=\"_blank\" rel=\"noopener\">Videos<\/a> verf\u00fcgen \u00fcber Untertitel und, falls n\u00f6tig, \u00fcber eine Audiodeskription.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/text-in-fremdsprachen\/\" target=\"_blank\" rel=\"noopener\">Text in anderen Sprachen<\/a> (als Deutsch) ist als solcher definiert.<\/li>\r\n \t<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/pdf-und-weitere-inhalte-medien\/\">PDFs und weitere Inhalte\/Medien<\/a> sind barrierefrei.<\/li>\r\n<\/ol>\r\n<div class=\"textbox textbox--learning-objectives\">\r\n<div class=\"textbox__content\">\r\n\r\nFalls Ausf\u00fchrungen in den dahinter liegenden Kapiteln unklar oder inkorrekt sind, bitte unbedingt bei <a href=\"mailto:digi@hfh.ch\">digi@hfh.ch<\/a> melden! Vielen Dank.\r\n\r\n<\/div>\r\n<\/div>\r\n<h3><a id=\"WEITERES\"><\/a>Weiteres: auch zu \u00fcberpr\u00fcfen<\/h3>\r\n<ul>\r\n \t<li>Einsatz von Farben: Informationen werden nicht ausschliesslich \u00fcber Farben vermittelt<\/li>\r\n \t<li>Verst\u00e4ndlichkeit: \u00abSo einfach wie m\u00f6glich und so kompliziert wie notwendig.\u00bb<\/li>\r\n \t<li>Alles andere aus CI\/CD (zB. \u00ab\u00bb und Gender-Doppelpunkt)<\/li>\r\n \t<li>Hervorhebung: Verwende zur Hervorhebung eher <strong>fett<\/strong> als kursiv. HfH verwendet eine serifenlose Schriftart und kursiver Text hebt sich nicht so stark ab wie in einer Serifenschrift. Weitere Informationen zu Hervorhebungen finden sich im <a href=\"https:\/\/practicaltypography.com\/bold-or-italic.html\" target=\"_blank\" rel=\"noopener\">Butterick's Practical Typography guide on bold or italic<\/a> (englisch).<\/li>\r\n<\/ul>\r\nBasiert auch auf die <a href=\"https:\/\/www.access-for-all.ch\/images\/AccessibilityChecklisteRedakteure\/Accessibility_Checkliste_fuer_Redaktoren.pdf\" target=\"_blank\" rel=\"noopener\">Checkliste f\u00fcr Redaktoren<\/a> von <a href=\"https:\/\/www.access-for-all.ch\/\" target=\"_blank\" rel=\"noopener\">Access for all<\/a>.\r\n<h2><a id=\"ultraschnell\"><\/a>Ultraschnelle Checkliste<\/h2>\r\n<div class=\"textbox\">[h5p id=\"5\"]<\/div>\r\n<h2>Hilfsvideos<\/h2>\r\n(nicht barrierefrei, provisorisch, CH-DT)\r\n<h3>Video 1: Intro E-Accessibility Checkliste allgemein<\/h3>\r\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Intro-E-ally-Web.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Intro-E-ally-Web.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\r\n<h3>Video 2:<\/h3>\r\n<h3>\u00dcberpr\u00fcfung einfacher Beispielseiten<\/h3>\r\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Shop-Seiten-web.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Shop-Seiten-web.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\r\n<h3>Video 3: \u00dcberpr\u00fcfung Alternativtext und nochmals Checkliste<\/h3>\r\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Bild-und-allgemein.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Bild-und-allgemein.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\r\n<h3>Tabellen\u00fcberpr\u00fcfung, ein Beispiel (Titel in Spalte)<\/h3>\r\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Tabelle-web.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Tabelle-web.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>","rendered":"<p>Bei der ersten Nutzung dieser Checkliste empfiehlt es sich diese einmal von oben bis unten durchzuarbeiten. Denn jeder Punkt liefert weitere Hinweise und Hilfestellungen zum Thema. Folge den Links! Mit der Zeit, kann die Checkliste schnell durchgearbeitet werden: \u00abJa, habe ich. Ja, das auch. Ja, ja, ja.\u00bb So.\u00a0(Direkt zur <a href=\"#ultraschnell\">Checkliste ohne Zusatzinfos.<\/a>)<\/p>\n<h2>Checkliste<\/h2>\n<ol>\n<li>Jede visuell hervorgehobene <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/titel\/\">\u00dcberschrift, sprich jeder Titel<\/a>, ist als Heading &lt;hx&gt; definiert und z. B. nicht nur in Fettschrift geschrieben. Die Abfolge der Titel (Headingstruktur) stimmt, d. h. unter einer \u00dcberschrift 1 folgt eine \u00dcberschrift 2, danach eine \u00dcberschrift 3 usw., wobei keine \u00dcberschriftsebenen \u00fcbersprungen werden.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/absaetze\/\" target=\"_blank\" rel=\"noopener\">Abs\u00e4tze<\/a> sind als Paragraphen &lt;p&gt; definiert. Es gibt keine leeren Paragraphen und keine leeren Zeilen durch Breaks &lt;br&gt;.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/alternativtexte-und-textliche-beschreibungen-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Alternativtext und textliche Beschreibung<\/a> bei Bildern und Grafiken sind vorhanden. <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/kontraste-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Kontraste<\/a> sind bei Text wie bei Abbildungen ausreichend.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/links\/\">Links sind sprechend<\/a>, sprich kontextunabh\u00e4ngig verst\u00e4ndlich.<\/li>\n<li>Jede <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/aufzaehlungen-listen\/\" target=\"_blank\" rel=\"noopener\">Aufz\u00e4hlung<\/a> ist als Liste definiert, entweder als nummerierte, oder als Strichpunktliste. Hierf\u00fcr sind die entsprechenden Formatvorlagen zu verwenden.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/tabellen\/\" target=\"_blank\" rel=\"noopener\">Tabellen<\/a> inklusive \u00dcberschriften von Spalten und Zeilen sind als solche definiert.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/audio-inhalte\/\" target=\"_blank\" rel=\"noopener\">Audio-Inhalte<\/a> verf\u00fcgen \u00fcber eine Textalternative.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/videos\/\" target=\"_blank\" rel=\"noopener\">Videos<\/a> verf\u00fcgen \u00fcber Untertitel und, falls n\u00f6tig, \u00fcber eine Audiodeskription.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/text-in-fremdsprachen\/\" target=\"_blank\" rel=\"noopener\">Text in anderen Sprachen<\/a> (als Deutsch) ist als solcher definiert.<\/li>\n<li><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/pdf-und-weitere-inhalte-medien\/\">PDFs und weitere Inhalte\/Medien<\/a> sind barrierefrei.<\/li>\n<\/ol>\n<div class=\"textbox textbox--learning-objectives\">\n<div class=\"textbox__content\">\n<p>Falls Ausf\u00fchrungen in den dahinter liegenden Kapiteln unklar oder inkorrekt sind, bitte unbedingt bei <a href=\"mailto:digi@hfh.ch\">digi@hfh.ch<\/a> melden! Vielen Dank.<\/p>\n<\/div>\n<\/div>\n<h3><a id=\"WEITERES\"><\/a>Weiteres: auch zu \u00fcberpr\u00fcfen<\/h3>\n<ul>\n<li>Einsatz von Farben: Informationen werden nicht ausschliesslich \u00fcber Farben vermittelt<\/li>\n<li>Verst\u00e4ndlichkeit: \u00abSo einfach wie m\u00f6glich und so kompliziert wie notwendig.\u00bb<\/li>\n<li>Alles andere aus CI\/CD (zB. \u00ab\u00bb und Gender-Doppelpunkt)<\/li>\n<li>Hervorhebung: Verwende zur Hervorhebung eher <strong>fett<\/strong> als kursiv. HfH verwendet eine serifenlose Schriftart und kursiver Text hebt sich nicht so stark ab wie in einer Serifenschrift. Weitere Informationen zu Hervorhebungen finden sich im <a href=\"https:\/\/practicaltypography.com\/bold-or-italic.html\" target=\"_blank\" rel=\"noopener\">Butterick&#8217;s Practical Typography guide on bold or italic<\/a> (englisch).<\/li>\n<\/ul>\n<p>Basiert auch auf die <a href=\"https:\/\/www.access-for-all.ch\/images\/AccessibilityChecklisteRedakteure\/Accessibility_Checkliste_fuer_Redaktoren.pdf\" target=\"_blank\" rel=\"noopener\">Checkliste f\u00fcr Redaktoren<\/a> von <a href=\"https:\/\/www.access-for-all.ch\/\" target=\"_blank\" rel=\"noopener\">Access for all<\/a>.<\/p>\n<h2><a id=\"ultraschnell\"><\/a>Ultraschnelle Checkliste<\/h2>\n<div class=\"textbox\">\n<div id=\"h5p-5\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-5\" class=\"h5p-iframe\" data-content-id=\"5\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Checkliste als MC\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<h2>Hilfsvideos<\/h2>\n<p>(nicht barrierefrei, provisorisch, CH-DT)<\/p>\n<h3>Video 1: Intro E-Accessibility Checkliste allgemein<\/h3>\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Intro-E-ally-Web.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Intro-E-ally-Web.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\n<h3>Video 2:<\/h3>\n<h3>\u00dcberpr\u00fcfung einfacher Beispielseiten<\/h3>\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Shop-Seiten-web.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Shop-Seiten-web.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\n<h3>Video 3: \u00dcberpr\u00fcfung Alternativtext und nochmals Checkliste<\/h3>\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Bild-und-allgemein.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Bild-und-allgemein.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\n<h3>Tabellen\u00fcberpr\u00fcfung, ein Beispiel (Titel in Spalte)<\/h3>\n<figure class=\"wp-block-video\"><video src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Tabelle-web.mp4\" controls=\"controls\" width=\"1000\" height=\"150\"><track src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Tabelle-web.vtt\" srclang=\"ge\" label=\"Deutsch\" kind=\"subtitles\" \/><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Bei der ersten Nutzung dieser Checkliste empfiehlt es sich diese einmal von oben bis unten durchzuarbeiten. Denn jeder Punkt liefert weitere Hinweise und Hilfestellungen zum Thema. Folge den Links! Mit der Zeit, kann die Checkliste schnell durchgearbeitet werden: \u00abJa, habe ich. Ja, das auch. Ja, ja, ja.\u00bb So.\u00a0(Direkt zur Checkliste ohne Zusatzinfos.) Checkliste Jede visuell [&hellip;]<\/p>\n","protected":false},"author":1,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-27","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":64,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/27\/revisions"}],"predecessor-version":[{"id":518,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/27\/revisions\/518"}],"part":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/27\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=27"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/contributor?post=27"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/license?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}