{"id":29,"date":"2022-07-01T09:57:54","date_gmt":"2022-07-01T07:57:54","guid":{"rendered":"https:\/\/digital.hfh.ch\/eaccessibility\/?post_type=chapter&p=29"},"modified":"2024-10-16T11:12:26","modified_gmt":"2024-10-16T09:12:26","slug":"titel","status":"publish","type":"chapter","link":"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/titel\/","title":{"raw":"Titel","rendered":"Titel"},"content":{"raw":"
\r\n

Regel<\/p>\r\n\r\n<\/header>\r\n

Jede visuell hervorgehobene \u00dcberschrift, sprich jeder Titel, ist als Heading <hx> definiert (und nicht nur fett). Die Abfolge der Titel (Headingstruktur) stimmt. Es werden keine \u00dcberschriften-Ebenen \u00fcbersprungen. Nach \u00dcberschrift 2 darf nicht \u00dcberschrift 4 folgen. Fettung <strong> wird nur im Fliesstext zur Hervorhebung verwendet.<\/div>\r\n<\/div>\r\n

Hintergrund<\/h2>\r\nWichtig zu beachten bei der Behandlung von Textinhalten ist, dass die semantischen Strukturen innerhalb von Textinhalten in HTML explizit ausgezeichnet werden. \u00dcberschriften als \u00dcberschriften <hx>, Abs\u00e4tze als Paragraphen <p>, etc.\u00a0Speziell blinde Menschen, allgemein aber f\u00fcr die Verwendung jeglicher maschineller Assistenztechnologien oder Suchmaschinen, sind darauf angewiesen, dass jegliche visuell sichtbare semantische Struktur aus dem HTML-Code ersichtlich ist. Visuelle Hervorhebung umfasst Schriftgr\u00f6ssen, Schriftarten, Unterstreichungen, Nummerierungen, Einf\u00e4rbungen, vergr\u00f6sserte Abst\u00e4nde aber auch spezielle Positionierungen von Inhalten, z. B.: durch Info-K\u00e4sten.\r\n\r\nDieses Bookmarklet<\/a>, das die Heading-Struktur in der Browseransicht<\/a> zeigt, ist unglaublich hilfreich.\r\n

Anleitungen<\/h2>\r\n

Code<\/h3>\r\nIm Texteditor bzw. Quellcode sind die verschiedenen \u00dcberschriften mit <hx> ... <\/hx> zu erkennen. Also z.B. \u00dcberschrift 1 ist <h1> ... <\/h1>.\r\n

Drupal: hfh.ch<\/h3>\r\nIm Editierungs-Modus von Drupal-Webseiten kann \u00dcberschrift 1 ausgew\u00e4hlt werden, diese sollte jedoch nur f\u00fcr Kapiteltitel verwendet werden. F\u00fcr Titel von Abschnitten muss mit \u00dcberschrift 2 gestartet werden.\r\n\r\nIm Bearbeitungsmodus klickst du den gew\u00fcnschten Abschnitt an (1).\r\n\r\n\"Visualisierung<\/a>\r\n\r\nDann \u00f6ffnest du das Dropdown-Menu oberhalb des Textfeldes und w\u00e4hlst die gew\u00fcnschte \u00dcberschrift (2).\r\n\r\n\"Visualisierung<\/a>\r\n\r\nDer Text sollte nun in der gew\u00fcnschten \u00dcberschrift sein (3). Unter Quellcode (4) kannst du den HTML-Code ansehen.\r\n\r\n\"Visualisierung<\/a>\r\n\r\nIn diesem Beispiel siehst du f\u00fcr \u00dcberschrift 2 den Code <h2> und <\/h2> vor bzw. nach dem Text. <p> und <\/p> kennzeichnen einen Abschnitt in der Form \u00abNormal\u00bb.\r\n\r\n\"Visualisierung<\/a>\r\n

zuugs.hfh.ch \/ digital.hfh.ch<\/h3>\r\nDie Kaptieltitel werden automatisch der \u00dcberschrift 1 zugeteilt. Deshalb kann innerhalb vom Kapitel nur \u00dcberschrift 2 (im Text-Editor als <h2> und <\/h2> ersichtlich) als h\u00f6chste Hierarchiestufe gew\u00e4hlt werden. Sollen dem Abschnitt weitere Subabschnitte hinzugef\u00fcgt werden, ist es wichtig, sich an die Reihenfolge zu halten (\u00dcberschrift 3 (Text-Editor: <h3> und <\/h3>), gefolgt von \u00dcberschrift 4 (Text-Editor: <h4> und <\/h4> etc.)). Kommt ein neues Thema, kann wieder \u00dcberschrift 2 gew\u00e4hlt werden.\r\n\r\nUm eine neue \u00dcberschrift zu w\u00e4hlen, muss du in den gew\u00fcnschten Abschnitt klicken (1) und dann das Dropdown-Menu oberhalb des Textfeldes \u00f6ffnen (2). Dort kannst du die richtige \u00dcberschrift ausw\u00e4hlen (3).\r\n\r\n\"Visualisierung<\/a>\r\n\r\nDanach solltest du die \u00c4nderung der \u00dcberschriftenart in der visuellen Ansicht sehen (4). Im Text-Editor (5) sind die HTML-Codes zu sehen (6).\r\n\r\n\"Visualisierung<\/a>\r\n\r\n\"Visualisierung<\/a>","rendered":"
\n
\n

Regel<\/p>\n<\/header>\n

Jede visuell hervorgehobene \u00dcberschrift, sprich jeder Titel, ist als Heading <hx> definiert (und nicht nur fett). Die Abfolge der Titel (Headingstruktur) stimmt. Es werden keine \u00dcberschriften-Ebenen \u00fcbersprungen. Nach \u00dcberschrift 2 darf nicht \u00dcberschrift 4 folgen. Fettung <strong> wird nur im Fliesstext zur Hervorhebung verwendet.<\/div>\n<\/div>\n

Hintergrund<\/h2>\n

Wichtig zu beachten bei der Behandlung von Textinhalten ist, dass die semantischen Strukturen innerhalb von Textinhalten in HTML explizit ausgezeichnet werden. \u00dcberschriften als \u00dcberschriften <hx>, Abs\u00e4tze als Paragraphen <p>, etc.\u00a0Speziell blinde Menschen, allgemein aber f\u00fcr die Verwendung jeglicher maschineller Assistenztechnologien oder Suchmaschinen, sind darauf angewiesen, dass jegliche visuell sichtbare semantische Struktur aus dem HTML-Code ersichtlich ist. Visuelle Hervorhebung umfasst Schriftgr\u00f6ssen, Schriftarten, Unterstreichungen, Nummerierungen, Einf\u00e4rbungen, vergr\u00f6sserte Abst\u00e4nde aber auch spezielle Positionierungen von Inhalten, z. B.: durch Info-K\u00e4sten.<\/p>\n

Dieses Bookmarklet<\/a>, das die Heading-Struktur in der Browseransicht<\/a> zeigt, ist unglaublich hilfreich.<\/p>\n

Anleitungen<\/h2>\n

Code<\/h3>\n

Im Texteditor bzw. Quellcode sind die verschiedenen \u00dcberschriften mit <hx> … <\/hx> zu erkennen. Also z.B. \u00dcberschrift 1 ist <h1> … <\/h1>.<\/p>\n

Drupal: hfh.ch<\/h3>\n

Im Editierungs-Modus von Drupal-Webseiten kann \u00dcberschrift 1 ausgew\u00e4hlt werden, diese sollte jedoch nur f\u00fcr Kapiteltitel verwendet werden. F\u00fcr Titel von Abschnitten muss mit \u00dcberschrift 2 gestartet werden.<\/p>\n

Im Bearbeitungsmodus klickst du den gew\u00fcnschten Abschnitt an (1).<\/p>\n

\"Visualisierung<\/a><\/p>\n

Dann \u00f6ffnest du das Dropdown-Menu oberhalb des Textfeldes und w\u00e4hlst die gew\u00fcnschte \u00dcberschrift (2).<\/p>\n

\"Visualisierung<\/a><\/p>\n

Der Text sollte nun in der gew\u00fcnschten \u00dcberschrift sein (3). Unter Quellcode (4) kannst du den HTML-Code ansehen.<\/p>\n

\"Visualisierung<\/a><\/p>\n

In diesem Beispiel siehst du f\u00fcr \u00dcberschrift 2 den Code <h2> und <\/h2> vor bzw. nach dem Text. <p> und <\/p> kennzeichnen einen Abschnitt in der Form \u00abNormal\u00bb.<\/p>\n

\"Visualisierung<\/a><\/p>\n

zuugs.hfh.ch \/ digital.hfh.ch<\/h3>\n

Die Kaptieltitel werden automatisch der \u00dcberschrift 1 zugeteilt. Deshalb kann innerhalb vom Kapitel nur \u00dcberschrift 2 (im Text-Editor als <h2> und <\/h2> ersichtlich) als h\u00f6chste Hierarchiestufe gew\u00e4hlt werden. Sollen dem Abschnitt weitere Subabschnitte hinzugef\u00fcgt werden, ist es wichtig, sich an die Reihenfolge zu halten (\u00dcberschrift 3 (Text-Editor: <h3> und <\/h3>), gefolgt von \u00dcberschrift 4 (Text-Editor: <h4> und <\/h4> etc.)). Kommt ein neues Thema, kann wieder \u00dcberschrift 2 gew\u00e4hlt werden.<\/p>\n

Um eine neue \u00dcberschrift zu w\u00e4hlen, muss du in den gew\u00fcnschten Abschnitt klicken (1) und dann das Dropdown-Menu oberhalb des Textfeldes \u00f6ffnen (2). Dort kannst du die richtige \u00dcberschrift ausw\u00e4hlen (3).<\/p>\n

\"Visualisierung<\/a><\/p>\n

Danach solltest du die \u00c4nderung der \u00dcberschriftenart in der visuellen Ansicht sehen (4). Im Text-Editor (5) sind die HTML-Codes zu sehen (6).<\/p>\n

\"Visualisierung<\/a><\/p>\n

\"Visualisierung<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Regel Jede visuell hervorgehobene \u00dcberschrift, sprich jeder Titel, ist als Heading <hx> definiert (und nicht nur fett). Die Abfolge der Titel (Headingstruktur) stimmt. Es werden keine \u00dcberschriften-Ebenen \u00fcbersprungen. Nach \u00dcberschrift 2 darf nicht \u00dcberschrift 4 folgen. Fettung <strong> wird nur im Fliesstext zur Hervorhebung verwendet. Hintergrund Wichtig zu beachten bei der Behandlung von Textinhalten ist, […]<\/p>\n","protected":false},"author":1,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-29","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/29","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":17,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/29\/revisions"}],"predecessor-version":[{"id":510,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/29\/revisions\/510"}],"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\/29\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=29"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/contributor?post=29"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/license?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}