1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Hexenliste
  5. Über
  6. Blog
  7. Shop
  • Anmelden oder registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Erweiterte Suche
  1. Bloghexen | Bloggerforum
  2. Forum
  3. Bloggen allgemein
  4. Allgemeines rund ums Bloggen

Barrierefreiheit

  • hanghuhn
  • 6. Oktober 2024 um 12:23
  • hanghuhn
    Wortmagierin
    Reaktionen
    416
    Punkte
    1.426
    Beiträge
    199
    • 6. Oktober 2024 um 12:23
    • #1

    Das Thema Barrierefreiheit ist sehr wichtig und daher dachte ich, mach ich mal einen Thread dazu auf.

    Konkret geht es darum, worauf zu achten ist, um den Blog möglichst barrierefrei zu gestalten:

    - welche Schriftarten eignen sich bzw. welche nicht?

    - was ist mit fett gedrucktem Text?

    - worauf ist bei der Farbwahl zu achten?

    - wie schreibt man Bildbeschreibungen? (etwas, womit ich mich sehr schwertue)

    Ich weiß, dass z. B. viele Schriftarten, die vielleicht in den Augen mancher schön aussehen, gar nicht geeignet sind für Screenreader. Fett gedruckter Text zum Hervorheben kann auch, soweit ich weiß, problematisch werden (bold sollte aber funktionieren mit Screenreadern, soweit ich weiß). Es gibt auch Tools, die z. B. den Farbkontrast überprüfen oder generell, wie barrierefrei eine Seite ist.

    Habt ihr Erfahrungen mit dem Thema gemacht oder euch schon mal beschäftigt? Was tut ihr, um euren Blog barrierefrei zu gestalten?

    mein Blog | Instagram | Mastodon

  • Sayuchan
    Meisterin
    Reaktionen
    856
    Punkte
    3.964
    Beiträge
    598
    • 6. Oktober 2024 um 23:12
    • #2

    Ich glaube, ich habs so eingestellt, dass wenn man im Browser eine eigene Schrift usw eingestellt hat, diese erlaubt wird. Ansonsten einfach Standart. Ich hab zb auf meine tablet eine schrift die für Menschen mit lrs leichter zu lesen ist und fast alle Blogs übernehmen das, nur manche haben es eingestellt das die stur bei der eigenen bleiben mega nervig.


    Schwarz auf weiß bleibt, so kann auch glaub ich das Tool zum umkehren genutzt werden.


    Bild Beschreibung versuch ich einfach Stumpf zu schreiben was ich auf den bild sehe.


    Wichtig ist eben zu erlauben das man große der Schrift usw anpassen kann.

    Glaub das machen aber die meisten im css unbewusst. Ansonsten hab ich noch nicht genau geprüft wie das ist

    Instagram | BlueSky | Threads

  • Sari
    Forenlegende
    Reaktionen
    4.309
    Punkte
    13.544
    Trophäen
    1
    Beiträge
    1.791
    • 7. Oktober 2024 um 09:06
    • #3

    Oh, das finde ich spannend, weil ich mir ehrlich gesagt nie großartig Gedanken dazu gemacht habe!

    Heldenhaushalt - Instagram - Pixelfed - Threads

  • Anne
    Administratorin
    Reaktionen
    1.843
    Punkte
    5.669
    Beiträge
    693
    • 8. Oktober 2024 um 07:19
    • #4

    Das ist ein riesengroßes Thema und super wichtig!
    Ab Juni 2025 ist Barrierefreiheit für Webseiten sogar gesetzlich vorgeschrieben. Private Webseiten und die von Kleinunternehmen sind davon zwar ausgenommen, aber die sollten natürlich nach Möglichkeit genauso zugänglich sein.

    Barrierefreiheit ist ja generell ein sehr weiter Begriff. Bei Webseiten assoziiert man damit schnell, dass halt Screenreader für Menschen mit Sehbeeinträchtigungen damit klarkommen sollen. Quasi das Pendant zum Klischee, dass ein Gebäude barrierefrei ist, sobald man mit dem Rollstuhl reinkommt.
    Aber das geht halt noch deutlich weiter und umfasst beispielsweise auch motorische Einschränkungen (--> kleine Buttons und Menüs, die sich nicht mit der Tastatur ansteuern lassen), Farbenblindheit (--> Kontraste), Gehörlosigkeit (--> Videos), Konzentrationsschwierigkeiten, und und und.

    Die Sache mit den Kontrasten finde ich tatsächlich schwierig. Klar, weißer Hintergrund und schwarze oder dunkelgraue Schrift ist kein Ding. Aber man setzt ja auch Farbkleckse ein im Logo, für bunte Links, Buttons und so weiter. Viele dieser bunten Farben weisen leider keinen guten Kontrast auf... die kräftigen, dunkleren Töne finde ich allerdings oft einfach sehr trist. 😕

    Die Schriftgröße lässt sich heutzutage auf so gut wie allen Webseiten einfach über die Tastatur regulieren, nur Text auf Bildern skaliert halt nicht.

    Ich hatte mal ein WordPress-Plugin getestet, was ein zusätzliches Fensterchen mit Einstellungsmöglichkeiten für Schriftgröße, Kontrast usw. anbietet. Die Idee finde ich super, denn so kann sich jeder die Seite so einstellen, wie man es braucht.
    Ich hab es seit längerem auf meiner To Do-Liste, mich da nochmal hinterzuklemmen.

    Bei Bildbeschreibungen im alt-Tag muss ich gestehen, dass ich die auf meinen Blogs recht nachlässig behandle und nur eine grobe Beschreibung wie "Katze auf der Terrasse" reinsetze. Eigentlich könnte man das ja deutlich aussagekräftiger machen à la "Eine grau-weiß getigerte Katze steht vor einer blauen Gießkanne auf der Terrasse, ihr Fell leuchtet im Abendlicht". Aber da scheue ich ehrlicherweise den Aufwand, weil es soooo viele Fotos sind. 🙈


    Bloghexe | Lieblingsalltag

  • Christiane
    Blogzauberer
    Reaktionen
    511
    Punkte
    2.061
    Beiträge
    297
    • 8. Oktober 2024 um 08:18
    • #5

    Also ich mache mir da ehrlich gesagt nie Gedanken zu. Sollte ich vielleicht mal überdenken.

    jedoch scheitern bei mir schon viele Webseiten an der Nutzerfreundlichkeit, weil ständig Pop-Ups/Oberlays oder Google Adsense aufploppen bzw. angezeigt werden.

  • Sari
    Forenlegende
    Reaktionen
    4.309
    Punkte
    13.544
    Trophäen
    1
    Beiträge
    1.791
    • 8. Oktober 2024 um 11:33
    • #6
    Zitat von Christiane

    Also ich mache mir da ehrlich gesagt nie Gedanken zu. Sollte ich vielleicht mal überdenken.

    jedoch scheitern bei mir schon viele Webseiten an der Nutzerfreundlichkeit, weil ständig Pop-Ups/Oberlays oder Google Adsense aufploppen bzw. angezeigt werden.

    Das mit der Werbung ist mir auch negativ aufgefallen. Gerade, wenn ich mal über Handy surfe oder so. Die überlappen dort meist alles und man findet nur schwer das kleine Kreuz zum weg machen. Und noch schlimmer finde ich es, wenn sie im Lesefluss auf einmal alles verschiebt, weil sie verspätet aufploppt. Obwohl ich es total in Ordnung finde, wenn man sich mit seiner Seite ein kleines Taschengeld dazu verdienen möchte, aber manche Anbieter sind da doch wieder recht aufdringlich geworden auf Kosten der Nutzerfreundlichkeit.

    Heldenhaushalt - Instagram - Pixelfed - Threads

  • mauricerenck
    Content-Geselle
    Reaktionen
    81
    Punkte
    436
    Beiträge
    70
    • 8. Oktober 2024 um 14:09
    • #7

    Ich glaube sehr wichtig ist hier "sauberes" HTML mit ausgewiesenen aria-attributen für Screenreader, vernünftige Kontraste etc. Es gibt da ganze Bücher drüber, wie man einzelnen Komponenten baut, sodass sie barrierefrei sind. Ich glaube eine gute Grundlage ist, wenn man einfach im Browser auf der eigenen Seite mal JavaScript und CSS ausschaltet. Wenn die Seite dann noch gut lesbar ist und funktioniert, ist das schon mal super. Gibt auch einige Tools und Browsererweiterungen, die dann z.b. verschiedene Arten von Farbenblindheit simulieren.

  • Sayuchan
    Meisterin
    Reaktionen
    856
    Punkte
    3.964
    Beiträge
    598
    • 9. Oktober 2024 um 12:55
    • #8
    Zitat von Anne

    Bei Bildbeschreibungen im alt-Tag muss ich gestehen, dass ich die auf meinen Blogs recht nachlässig behandle und nur eine grobe Beschreibung wie "Katze auf der Terrasse" reinsetze. Eigentlich könnte man das ja deutlich aussagekräftiger machen à la "Eine grau-weiß getigerte Katze steht vor einer blauen Gießkanne auf der Terrasse, ihr Fell leuchtet im Abendlicht". Aber da scheue ich ehrlicherweise den Aufwand, weil es soooo viele Fotos sind. 🙈

    Da gibts es tatsächlich ki tools für, wäre sehr cool wenn es dazu ein plugin geben würde.

    Instagram | BlueSky | Threads

Mach mit!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich jetzt und werde kostenlos Mitglied bei den Bloghexen!

Benutzerkonto erstellen Anmelden

Unterstütze das Forum!

bloghexe-buy-me-a-coffee-sidebar.png

Unterstütze die Bloghexen, um die Kosten für Hosting, Lizenzen & Co. zu decken!

Unser Hoster

Gehostet bei All-Inkl mit 100% Ökostrom

Tags

  • Blog
  • Barrierefreiheit
  1. Datenschutzerklärung
  2. Impressum
Erstellt mit ❤ & ein bisschen Code-Magie & WoltLab Suite™