'/%3e%3cpath%20d='M50.3943%2022.237V39.5876H43.5185V22.7481C43.5185%2019.2029%2042.0411%2017.3949%2039.036%2017.3949C35.7325%2017.3949%2034.0778%2019.5338%2034.0778%2023.7585V32.9759H27.2434V23.7585C27.2434%2019.5338%2025.5857%2017.3949%2022.2822%2017.3949C19.2949%2017.3949%2017.8027%2019.2029%2017.8027%2022.7481V39.5876H10.9298V22.237C10.9298%2018.6918%2011.835%2015.8754%2013.6453%2013.7877C15.5128%2011.7049%2017.9623%2010.6355%2021.0028%2010.6355C24.522%2010.6355%2027.1813%2011.9885%2028.9542%2014.6917L30.665%2017.5633L32.3788%2014.6917C34.1517%2011.9885%2036.811%2010.6355%2040.3243%2010.6355C43.3619%2010.6355%2045.8114%2011.7049%2047.6847%2013.7877C49.4931%2015.8734%2050.3963%2018.6899%2050.3943%2022.237Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_89_8'%20x1='30.5'%20y1='0'%20x2='30.5'%20y2='65'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%236364FF'/%3e%3cstop%20offset='1'%20stop-color='%23563ACC'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Frontend Dogma<p>Default Styles for “h1” Elements Are Changing, by <span class="h-card" translate="no"><a href="https://mastodon.social/@zcorpan" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zcorpan</span></a></span> (<span class="h-card" translate="no"><a href="https://mastodon.social/@mdn" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mdn</span></a></span>):</p><p><a href="https://developer.mozilla.org/en-US/blog/h1-element-styles/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/h1-element-styles/</span></a></p><p><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>headings</span></a> <a href="https://mas.to/tags/browsers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browsers</span></a></p>
mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog
Verwaltet von:
Serverstatistik:
1,5 Tsd.aktive Profile
mastodontech.de: Über · Status · Profilverzeichnis · Datenschutzerklärung
Mastodon: Über · App herunterladen · Tastenkombinationen · Quellcode anzeigen · v4.4.0-beta.1
#headings
0 Beiträge · 0 Beteiligte · 0 Beiträge heute
Philip Kiff<p>Are you the kind of person who has always wondered how to tag a subtitle, or whether a Title in a PDF should be tagged as a Heading 1, or what to do with tags when a heading breaks across several lines? </p><p>Then you might want to check out the free webinar offered by the <span class="h-card" translate="no"><a href="https://mastodon.social/@PDFassociation" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>PDFassociation</span></a></span> on May 15.</p><p>Free Webinar – Techniques for Accessible PDF: Headings<br><a href="https://pdfa.org/event/webinar-techniques-for-accessible-pdf-headings/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pdfa.org/event/webinar-techniq</span><span class="invisible">ues-for-accessible-pdf-headings/</span></a></p><p>2/2</p><p><a href="https://mastodon.social/tags/PDF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PDF</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/TaggedPDF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TaggedPDF</span></a> <a href="https://mastodon.social/tags/BestPractices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BestPractices</span></a> <a href="https://mastodon.social/tags/Headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Headings</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Announcements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Announcements</span></a><br>Default 'h1' styles are changing · What this means for front-end developers <a href="https://ilo.im/1639ni" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1639ni</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Headings</span></a> <a href="https://mastodon.social/tags/UserAgent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UserAgent</span></a> <a href="https://mastodon.social/tags/Styles" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Styles</span></a> <a href="https://mastodon.social/tags/Sections" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sections</span></a> <a href="https://mastodon.social/tags/Rendering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rendering</span></a> <a href="https://mastodon.social/tags/Specification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Specification</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Findings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Findings</span></a><br>The WebAIM Million 2025 · Accessibility of the top 1,000,000 home pages <a href="https://ilo.im/1633v1" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1633v1</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/Contrast" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Contrast</span></a> <a href="https://mastodon.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://mastodon.social/tags/Headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Headings</span></a> <a href="https://mastodon.social/tags/Regions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Regions</span></a> <a href="https://mastodon.social/tags/WebTechnology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebTechnology</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>Choosing the right words for effective UX · What to consider when naming global website elements <a href="https://ilo.im/160tzl" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160tzl</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Words" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Words</span></a> <a href="https://mastodon.social/tags/Icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Icons</span></a> <a href="https://mastodon.social/tags/Context" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Context</span></a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Navigation</span></a> <a href="https://mastodon.social/tags/Headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Headings</span></a> <a href="https://mastodon.social/tags/Taxonomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Taxonomy</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>
Web Axe<p>Web accessibility basics — Headings. By WebAIM (updated): <a href="https://webaim.org/techniques/headings/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webaim.org/techniques/headings</span><span class="invisible">/</span></a> <a href="https://a11y.info/tags/headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>headings</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p>
pandoc<p>Change the <a href="https://fosstodon.org/tags/PDF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PDF</span></a> layout of paragraph- and subparagraph level <a href="https://fosstodon.org/tags/headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>headings</span></a> to "free-standing" by setting the `block-headings` variable.<br>Default behavior is to let those headings run into the first line; by running <a href="https://fosstodon.org/tags/pandoc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pandoc</span></a> with<br> pandoc -V block-headings<br>the headings are placed in a separate line, similar to higher-level headings.</p>
Stef Walter<p>Heading off confusion: When do headings fail WCAG? (10min): <br><a href="https://www.tpgi.com/heading-off-confusion-when-do-headings-fail-wcag/" rel="nofollow noopener" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">tpgi.com/heading-off-confusion</span><span class="invisible">-when-do-headings-fail-wcag/</span></a> <br>Bringing back some older article, because it’s still relevant. Even if not ideal, skipped heading (like H1 then H3) is not an accessibility failure.That being said, if you can avoid it, avoid it. Illogical heading order and non-descriptive ones are thought. <br><a href="https://front-end.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://front-end.social/tags/Headings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Headings</span></a></p>
EntdeckenLive-Feeds
Mastodon ist der beste Zugang, um auf dem Laufenden zu bleiben.
Du kannst jedem im Fediverse folgen und alles in chronologischer Reihenfolge sehen. Keine Algorithmen, Werbung oder Clickbaits vorhanden.
Konto erstellenAnmeldenZum Hochladen hereinziehen