Wo wir sind ist vorne.

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/barrierefreiheit-gaming-und-der-ganze-rest-mit-svenja/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Wie benutzt eine blinde Person Websites? Wie entwickelt sie? Was sind übliche Stolpersteine im Web? Wie träumt eine blinde Person? Wie denkt sie über Farben, über Typografie? Wie zockt eine blinde Person eigentlich Computerspiele und welche Hilfsmittel braucht sie dafür? All das und noch viel mehr dürften wir die blinde Developerin und Gamerin Svenja fragen! Dabei ging uns eine ganze Lichterkette auf . Dazu lernen wir noch, wie man im Browser den Akkustatus ausliest, und Sarah erzählt vom Leben jenseits des Codes. Über drei Stunden mit den lieblichsten Stimmchen der Tech-Podcast-Welt. Kringelig. Begrüßung – [00:00:53] Retro * Moritz: Umzug – [00:09:47] * Svenja: A11Y-Sessions – [00:11:54] * Sarah: A Life Beyond Coding – [00:21:27] * Moritz: Bildgenerierung mit ChatGPT Pro – [00:41:56] Property der Woche: navigator.getBattery() [https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getBattery] / BatteryManager [https://developer.mozilla.org/en-US/docs/Web/API/BatteryManager] – [00:59:00] * caniuse: getBattery() [https://caniuse.com/?search=getBattery] * Sarahs CodePen-Demo [https://codepen.io/SarahGross/pen/QwWejrx?editors=1112] Entscheide Dich! – [01:06:30] Einschub Sarah: ChatGPT-Dadaismus – [01:12:11] * ChatGPT-Session nachlesen [https://chatgpt.com/share/6800f8f4-29b0-8006-8680-7790c4538fd0] Tagesthema * 1. Allgemein – [01:14:54] * svenja-blog.de [https://svenja-blog.de/] * @svenja@mstdn.games [https://mstdn.games/@svenja] * be my eyes [https://www.bemyeyes.com/] * 2. Web – [01:57:37] * Our approach to accessibility at Miro, a real-time collaboration platform – axe-con 2023 [https://www.youtube.com/watch?v=M3Uog0F4-Ac] auf YouTube * Adrian Roselli: Don’t Use Fake Bold or Italic in Social Media [https://adrianroselli.com/2025/03/dont-use-fake-bold-or-italic-in-social-media.html] * 3. Gaming – [02:39:52] * How Blind People Play Stardew Valley With This Accessibility Mod! [https://www.youtube.com/watch?v=g4xxRk5umx8] auf YouTube GeilTeil * Sarah: Web Weekly / Browser choice – [02:58:05] * Web Weekly — Your friendly web development newsletter [https://webweekly.email/] * Folge 66: Große und kleine Helfer mit Stefan Judis [https://wowirsindistvorne.show/grosse-und-kleine-helfer-mit-stefan-judis/] * Browser choice is an accessibility consideration [https://beeps.website/blog/2025-03-29-browser-choice-is-an-accessibility-consideration/] * Svenja: pen-and-paper.info [https://pen-and-paper.info/] – [03:01:01] Das Ende – [03:05:20]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/html-von-a-bis-z-z-ix-embedded-content/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. HAA-TEH-EMM-ELL! Embeds! Auf dem Weg durch den Dev-Dschungel verschlug es die beiden Semantik-Abenteurer Sarah und Moritz in die Untiefen der eingebetteten Inhalte. Totgeglaubte Kreaturen wie embed und object, treffen auf echte Klassiker (iframe) und new Kids in Town (fencedframe). Ein wilder Ritt durch die Vergangenheit, Gegenwart mit einer Prise Zukunftsmusik. Und seid auch das nächste Mal wieder dabei, wenn es wieder heißt: Wie man sich embedded, so liegt man! Begrüßung – [00:00:55] Retro * Sarah: Scan Server Add-On for Home Assistant – [00:03:51] * addon-debian-base-scansupport [https://github.com/Connum/addon-debian-base-scansupport] * homeassistant-addon-scanserver [https://github.com/Connum/homeassistant-addon-scanserver] * Schepp’s Kommentar zur letzten Folge [https://wowirsindistvorne.show/html-von-a-bis-z-z-viii-video-und-audio/#comment-20683] * Moritz: Danke für Spenden und Abos – [00:15:18] * wwsiv.de/spende [https://wwsiv.de/spende] * Sarah: OSS development vent – [00:20:31] * opentype.js [https://github.com/opentypejs/opentype.js] * Moritz: pa11y [https://pa11y.org/] + pa11y-dashboard – [00:25:48] * Moritz: Accesibility Resources – [00:35:50] * Mastodon Thread [https://mastodon.social/@MoritzGlantz/114177168049139470] * Moritz: Freelancing. Fun with Screenreaders – [00:47:22] Property der Woche: Screen Wake Lock API [https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API] – [00:49:02] Tagesthema: embed [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed], object [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object], iframe [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe], fencedframe [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fencedframe] – [00:54:49] * Markup 2024 Spreadsheet der meist genutzten HTML-Elemente [https://docs.google.com/spreadsheets/d/1TtOMr_w58HvqNBv4RIWX021Lxm6m5ajYOcRykrPdAJc/edit?gid=248650818#gid=248650818] * W3C: Objects, Images, and Applets [https://www.w3.org/TR/html401/struct/objects.html] * referrer-policy – Folge: 62 HTML VON A BIS Z-Z IV: A Tag To Rule Them All [https://wowirsindistvorne.show/html-von-a-bis-z-z-iv-a-tag-to-rule-them-all/] * CSP – Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé [https://wowirsindistvorne.show/policy-htaccess-http-xss-csp-ole-ole/] * fencedframe auf caniuse.com [https://caniuse.com/?search=fencedframe] GeilTeil: REVENGE.CSS – [01:36:09] * Heydon/REVENGE.CSS [https://github.com/Heydon/REVENGE.CSS] * ffoodd/a11y.css [https://github.com/ffoodd/a11y.css] Das Ende – [01:40:54]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/html-von-a-bis-z-z-viii-video-und-audio/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Die HTML-Serie zieht weiter, dem Sultan ists wurscht. Aber uns nicht! Wir sezieren Audio- und Video-Element mit allen möglichen Attributen, Track und Source und Soße mit Scharf! Als Beilagen gibt es einen Ausflug zu hassOS Add-Ons und den ultimativen Web Standards Battle Rap! Yo! Begrüßung – [00:00:53] Retro * Sarah: Berufliche Veränderung – [00:04:37] * sarahg.de [https://sarahg.de] * Sarah: Uberspace + Vaultwarden + Bitwarden = ❤ [https://s.w.org/images/core/emoji/15.1.0/72x72/2764.png] – [00:12:45] * Uberlab: vaultwarden [https://lab.uberspace.de/guide_vaultwarden/] / syncthing [https://lab.uberspace.de/guide_syncthing/] * Moritz: MacBook pro 16″ vs 14″ – [00:16:06] * Moritz: Teaser Web Standards Battle Rap – [00:19:36] * Sarah: Bastelprojekt scan server als hassOS Add-On – [00:22:08] * SANE [http://www.sane-project.org/] * scanbd [https://wiki.ubuntuusers.de/scanbd/] * homeassistant-addon-scanserver [https://github.com/Connum/homeassistant-addon-scanserver] Property der Woche: Javascript Temporal – [00:40:30] * MDN Blog Post zu Javascript Temporal [https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/] * Folge 3: Ist das Frontend, oder kann das weg? [https://wowirsindistvorne.show/ist-das-frontend-oder-kann-das-weg/] Tagesthema: und – [00:46:05] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio] * caniuse autoplay [https://caniuse.com/mdn-html_elements_audio_autoplay] * Moritz‘ CodePen-Demo [https://codepen.io/MoritzGlantz/pen/JojGjao] * HTMLMediaElement controlsList explained [https://wicg.github.io/controls-list/explainer.html] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source] * Web Audio API [https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API] * [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track] * WebVTT API [https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API] * WebVTT-Demo [https://brenopolanski.github.io/html5-video-webvtt-example/] * Accept-Ranges Header (Range Requests) [https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept-Ranges] * How to Style an Audio Element [https://blog.shahednasser.com/how-to-style-an-audio-element/] * Media container formats (file types) [https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Containers] * audio captions [https://dequeuniversity.com/rules/axe/4.0/audio-caption] * Ian Devlin: WebVTT and Audio [https://www.iandevlin.com/blog/2015/12/html5/webvtt-and-audio/] * Korrekte Aussprache: Synthesizer [https://www.youtube.com/watch?v=jD4JZsGaCo8] GeilTeil: It all means nothing in the end / Amy Hupe / FFConf 2024 [https://www.youtube.com/watch?v=zTFWgEBVf6Q] – [01:40:18] Web Standards Battle Rap – [01:43:59] Das Ende – [01:47:27]

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/html-von-a-bis-z-z-vii-img-map-und-area/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Die HTML-Serie geht weiter mit img, map und area. Dabei holen wir ein paar wirklich obskure Implementierungsdetails aus der Mottenkiste. Dazu gibts Infos zu privaten Veränderungen und unserer weiteren Twitch-Karriere. Begrüßung – [00:00:56] Retro * Moritz: Neuer Nachname – [00:05:07] * A Change of Seasons [https://moritzglantz.de/blog/posts/a-change-of-seasons/] auf Moritz‘ Blog * Sarah: Linux status quo – [00:07:40] * Moritz: Morsekode [https://moritzglantz.de/morsekode/] ·– ·– ··· ·· ···- – [00:17:48] * Moritz: Working Draft zum Barrierefreiheitsstärkungsgesetz [https://workingdraft.de/644/] – [00:23:17] * Twitch-Zukunft – [00:25:31] Property der Woche: CSS field-sizing [https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing] – [00:30:41] * CodePen-Demo [https://codepen.io/MoritzGlantz/pen/zYNyxPO] Tagesthema 1. – [00:36:40] * auf MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img] * „alt“ attribute decision tree [https://www.w3.org/WAI/tutorials/images/decision-tree/] * crossorigin auf MDN [https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin#] * What does the image decoding attribute actually do? [https://www.tunetheweb.com/blog/what-does-the-image-decoding-attribute-actually-do/] * fetchpriority: Folge 60 [https://wowirsindistvorne.show/die-vereinigten-staaten-von-html-istan/] * ismap auf caniuse [https://caniuse.com/?search=ismap] * loading=“lazy“: Folge 2 [https://wowirsindistvorne.show/ccc-corona-cloud-und-chaos/] * referrerpolicy analog

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥ [https://wowirsindistvorne.show/spenden] Feedback? Kommentar [https://wowirsindistvorne.show/accessibility-overlays-mit-daniela-kubesch/#comment-text] oder Mastodon [https://mastodon.social/@wwsiv]. Es ist wieder Podcast! Wir sprechen mit Daniela Kubesch über ihre Forschung zu Accessibility Overlays. Testaufbau, Ablauf, Ergebnisse, Erkenntnisse, aber auch welche überraschenden Ergebnisse dabei Zutage traten. Dazu gibt’s einen AI-Helper der euch hilft dem LLM eurer Wahl Fragen zu eurem Projekt zu stellen, einen automatischen Website-Accessibility-Scanner (mit Frontend), weihnachtliche Musik und ein diebisches Browser-Plugin. Hohoho! * Begrüßung – [00:00:56] * Retro * Sarah: acfp 1.1.0 auf npm [https://www.npmjs.com/package/acfp] – [00:03:32] * Moritz: Danke für die Spenden – [00:05:47] * Entscheide Dich! – [00:09:57] * Tagesthema – [00:15:00] * Accessibility Overlays – The good, the bad and the ugly * a11yphant [https://a11yphant.com/] * overlayfactsheet.com [https://overlayfactsheet.com] * GeilTeil * Moritz: Pa11y [https://pa11y.org/] – [00:52:00] * Moritz: Jacob Collier – Three Christmas Songs (An Abbey Road Live-To-Vinyl Cut) [https://www.youtube.com/watch?v=ojQI3clg40o] – [00:59:31] * Daniela: Button Stealer [https://chromewebstore.google.com/detail/button-stealer/iiikidmnimlpahbeknmkeonmemajpccj?hl=en] – [01:02:43] * netbeep [https://chromewebstore.google.com/detail/netbeep/hcgpboeddcgldkgimfmcnfloonkccfmi] * „Disability Dongle“ von Liz Jackson, Alex Haagaard und Rua Williams [https://blog.castac.org/2022/04/disability-dongle/] * Raúl Krauthausen – „Disability Dongle“: Wenn nicht behinderte Lösungen für behinderte Menschen kreieren [https://raul.de/allgemein/disability-dongle-wenn-nicht-behinderte-loesungen-fuer-behinderte-menschen-kreieren/] * wheelmap.org [https://wheelmap.org/] * Das Ende – [01:07:36] * dnikub.dev [https://dnikub.dev/]