{"id":31,"date":"2022-07-01T09:58:09","date_gmt":"2022-07-01T07:58:09","guid":{"rendered":"https:\/\/digital.hfh.ch\/eaccessibility\/?post_type=chapter&p=31"},"modified":"2024-10-03T14:18:12","modified_gmt":"2024-10-03T12:18:12","slug":"absaetze","status":"publish","type":"chapter","link":"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/absaetze\/","title":{"raw":"Abs\u00e4tze","rendered":"Abs\u00e4tze"},"content":{"raw":"
\r\n

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

Abs\u00e4tze sind als Paragraphen <p> definiert. Es gibt keine leeren Paragraphen <p> und keine Breaks <br> auf der Seite.<\/div>\r\n<\/div>\r\n

Hintergrund<\/h2>\r\nLeere <p>-Elemente werden durch assistive Technologien und Suchmaschinen als leere Paragraphen interpretiert und sind somit semantisch besetzt. Nur visuell sind sie nicht als solche erkennbar. HTML dient nicht der visuellen Gestaltung sondern der semantischen Strukturierung von Inhalten.\r\n\r\nUm einen neuen Absatz hinzuzuf\u00fcgen, muss die Enter-Taste einmal<\/strong>, nicht mehrmals gedr\u00fcckt werden. Ansonsten entsteht ein leeres <p>-Element. In der visuellen Bearbeitungsansicht ist es manchmal schwierig, zu \u00fcberpr\u00fcfen, ob ein leeres <p>-Element vorhanden ist. Die HTML-Ansicht kann da behilflich sein.\r\n\r\nBreaks, als <br> oder <br \/> im Code, sind verboten. Einzig f\u00fcr Adressen oder Gedichte d\u00fcrfen Breaks benutzt werden.\r\n\r\nDieses Bookmarklet<\/a>, das die Elemente in der Browseransicht<\/a> zeigt, ist unglaublich hilfreich. Zur Installationsanleitung<\/a>\r\n\r\n \r\n

Anleitungen<\/h2>\r\n

Code<\/h3>\r\nIm Quellcode erkennt man einen Absatz mit <p> ... <\/p>. Eine Ausnahme ist Pressbooks (zuugs \/ digital.hfh.ch), hier wird ein Absatz nicht speziell gekennzeichnet. Breaks <br> ... <\/br> entstehen, wenn Shift + Enter gedr\u00fcckt wird. Dies sollte jedoch vermieden werden.\r\n

Drupal: hfh.ch<\/h3>\r\nUm zu \u00fcberpr\u00fcfen, ob ein leeres <p>-Element vorhanden ist, musst du den Quellcode \u00f6ffnen (1).\r\n\r\n\"Visualisierung<\/a>\r\n\r\nHier werden die <p> und <\/p> um die Abschnitte angezeigt (2). <p>&nbsp;<\/p> (3) ist ein Beispiel eines leeren <p>-Elements in der Quellcode-Ansicht, welches gel\u00f6scht werden muss.\r\n\r\n\"Visualisierung<\/a>\r\n

zuugs.hfh.ch \/ digital.hfh.ch<\/h3>\r\nLeere Abschnitte sieht man auch in Pressbooks am besten in der Text-Ansicht (1), nicht in der visuellen.\"Visualisierung<\/a>\r\n\r\n&nbsp; (2) bezeichnet einen leeren Absatz, der gel\u00f6scht werden muss. Im Gegensatz zu Drupal werden die einzelnen Abschnitte in Pressbooks nicht mit <p> und <\/p> gekennzeichnet. Es d\u00fcrfen einfach keine &nbsp; vorkommen.\r\n\r\n\"Visualisierung<\/a>","rendered":"
\n
\n

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

Abs\u00e4tze sind als Paragraphen <p> definiert. Es gibt keine leeren Paragraphen <p> und keine Breaks <br> auf der Seite.<\/div>\n<\/div>\n

Hintergrund<\/h2>\n

Leere <p>-Elemente werden durch assistive Technologien und Suchmaschinen als leere Paragraphen interpretiert und sind somit semantisch besetzt. Nur visuell sind sie nicht als solche erkennbar. HTML dient nicht der visuellen Gestaltung sondern der semantischen Strukturierung von Inhalten.<\/p>\n

Um einen neuen Absatz hinzuzuf\u00fcgen, muss die Enter-Taste einmal<\/strong>, nicht mehrmals gedr\u00fcckt werden. Ansonsten entsteht ein leeres <p>-Element. In der visuellen Bearbeitungsansicht ist es manchmal schwierig, zu \u00fcberpr\u00fcfen, ob ein leeres <p>-Element vorhanden ist. Die HTML-Ansicht kann da behilflich sein.<\/p>\n

Breaks, als <br> oder <br \/> im Code, sind verboten. Einzig f\u00fcr Adressen oder Gedichte d\u00fcrfen Breaks benutzt werden.<\/p>\n

Dieses Bookmarklet<\/a>, das die Elemente in der Browseransicht<\/a> zeigt, ist unglaublich hilfreich. Zur Installationsanleitung<\/a><\/p>\n

 <\/p>\n

Anleitungen<\/h2>\n

Code<\/h3>\n

Im Quellcode erkennt man einen Absatz mit <p> … <\/p>. Eine Ausnahme ist Pressbooks (zuugs \/ digital.hfh.ch), hier wird ein Absatz nicht speziell gekennzeichnet. Breaks <br> … <\/br> entstehen, wenn Shift + Enter gedr\u00fcckt wird. Dies sollte jedoch vermieden werden.<\/p>\n

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

Um zu \u00fcberpr\u00fcfen, ob ein leeres <p>-Element vorhanden ist, musst du den Quellcode \u00f6ffnen (1).<\/p>\n

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

Hier werden die <p> und <\/p> um die Abschnitte angezeigt (2). <p>&nbsp;<\/p> (3) ist ein Beispiel eines leeren <p>-Elements in der Quellcode-Ansicht, welches gel\u00f6scht werden muss.<\/p>\n

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

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

Leere Abschnitte sieht man auch in Pressbooks am besten in der Text-Ansicht (1), nicht in der visuellen.\"Visualisierung<\/a><\/p>\n

&nbsp; (2) bezeichnet einen leeren Absatz, der gel\u00f6scht werden muss. Im Gegensatz zu Drupal werden die einzelnen Abschnitte in Pressbooks nicht mit <p> und <\/p> gekennzeichnet. Es d\u00fcrfen einfach keine &nbsp; vorkommen.<\/p>\n

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

Regel Abs\u00e4tze sind als Paragraphen <p> definiert. Es gibt keine leeren Paragraphen <p> und keine Breaks <br> auf der Seite. Hintergrund Leere <p>-Elemente werden durch assistive Technologien und Suchmaschinen als leere Paragraphen interpretiert und sind somit semantisch besetzt. Nur visuell sind sie nicht als solche erkennbar. HTML dient nicht der visuellen Gestaltung sondern der semantischen […]<\/p>\n","protected":false},"author":1,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-31","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/31","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\/31\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/31\/revisions\/494"}],"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\/31\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=31"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/contributor?post=31"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/license?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}