zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Für Blinde: gute Praxis bei Sprachumschalter, Navi, Video

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.03.2018, 20:27
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.221
AndreasB wird schon bald berühmt werden
Standard Für Blinde: gute Praxis bei Sprachumschalter, Navi, Video

Moin.

Ich habe mich etliche Jahre nicht mehr mit Barrierearmut, speziell mit den Bedürfnissen von Blinden, beschäftigt und bin nicht mehr auf dem Stand.

Für einen befreundeten Verein überarbeite ich nun eine Website.

https://borumat.de/ge/6

Über eine schonungslose Kritik freue ich mich.

Ein paar konkrete Fragen:

1 Sollen alle Listen mit Navigationslinks zusammen in das Element Nav, auch der Sprachumschalter? Die Navi ganz nach oben oder ganz nach unten?

2 Soll jede der drei Navi-Listen ein Label erhalten

3 Was ist der beste Weg für einen Alternativinhalt eines externen (Youtube-)Videos in einem Element iframe? Das Attribut alt ist in iframe nicht erlaubt.

4 Taugt figcaption auch für videos in iframes?

5 Gibt es eine Technik um über das erste Bild eines Videos (welches im stehenden Zustand gezeigt wird) an anderes Bild zu legen, welches z.B. grafisch neutral ist, sozusagen ein "Deckblatt"?

6 Ist es für mehrsprachige Sites besser (SEO) eine Subdomain oder einen Unterordnern zu wählen? Was ist sonst noch zu beachten? Passt alles mit den Attributen für die Sprachen?

Rupft mich
__________________


Geändert von AndreasB (02.03.2018 um 07:51 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.03.2018, 09:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.815
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
1 Sollen alle Listen mit Navigationslinks zusammen in das Element Nav, auch der Sprachumschalter? Die Navi ganz nach oben oder ganz nach unten?
Siehe hier, besonder Usage notes: https://developer.mozilla.org/de/doc...ML/Element/nav


Zitat:
Zitat von AndreasB Beitrag anzeigen
2 Soll jede der drei Navi-Listen ein Label erhalten
Keine deiner Listen enthält ein "label". Eine Klasse macht noch lange nichts zu einem label.
Du kannst hier zB mit dem dem aria-describedby attribut arbeiten, aber behalte bitte folgendes im Kopf: Zu viel kann auch sehr schnell störend sein.
Auch solltest du bedenken, semantisch sinnvollere Elemente als Absätze zu verwenden.

Zitat:
Zitat von AndreasB Beitrag anzeigen
3 Was ist der beste Weg für einen Alternativinhalt eines externen (Youtube-)Videos in einem Element iframe? Das Attribut alt ist in iframe nicht erlaubt.
YT an sich ist doch schon recht behindertenfreundlich soweit ich weiß, sofern das Video auch entsprechend aufbereitet ist. Hier scheint es, als ob es ein eigenes YT Video ist, hier sollten dann natürlich auch Untertitel und so hinzugefügt werden um das Video noch barrierefreier zu machen.

Zitat:
Zitat von AndreasB Beitrag anzeigen
4 Taugt figcaption auch für videos in iframes?
Keine Ahnung. Verwende einen einleitenden Absatz um den Inhalt des iframes zu beschreiben würde ich mal vorschlagen.

Zitat:
Zitat von AndreasB Beitrag anzeigen
5 Gibt es eine Technik um über das erste Bild eines Videos (welches im stehenden Zustand gezeigt wird) an anderes Bild zu legen, welches z.B. grafisch neutral ist, sozusagen ein "Deckblatt"?
Ja, mit dem poster Attribut kannst du einem Video ein "deckblatt" geben.
https://developer.mozilla.org/en-US/.../Element/video

Zitat:
Zitat von AndreasB Beitrag anzeigen
6 Ist es für mehrsprachige Sites besser (SEO) eine Subdomain oder einen Unterordnern zu wählen? Was ist sonst noch zu beachten? Passt alles mit den Attributen für die Sprachen?
Auch hier keine Ahnung, aber sollte man da nicht einen Haufen "best practices" im Web finden?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.03.2018, 08:11
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.221
AndreasB wird schon bald berühmt werden
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Danke. OK, also stört es Screenreadernutzer offenbar nicht, wenn auch Links im Footer stehen.
Zu einem Sprachumschalter sagt die Seite nichts Konkretes.

Am liebsten wäre mir eine Webseite, wo Betroffene direkt schreiben, was praxisrelevant für sie ist.
Kennt ihr so eine Seite?

Zitat:



Keine deiner Listen enthält ein "label". Eine Klasse macht noch lange nichts zu einem label.
Du kannst hier zB mit dem dem aria-describedby attribut arbeiten, aber behalte bitte folgendes im Kopf: Zu viel kann auch sehr schnell störend sein.
Auch solltest du bedenken, semantisch sinnvollere Elemente als Absätze zu verwenden.
Was wäre denn das beste Markup hier? Was ist wirklich für Blinde nützlich? Deshalb frage ich ja hier.

Zitat:
YT an sich ist doch schon recht behindertenfreundlich soweit ich weiß, sofern das Video auch entsprechend aufbereitet ist. Hier scheint es, als ob es ein eigenes YT Video ist, hier sollten dann natürlich auch Untertitel und so hinzugefügt werden um das Video noch barrierefreier zu machen.
Ich meinte eigentlich einen kompletten Ersatztext. So wie man es bei inhaltlich relevanten, nicht rein dekorativen, Bildern über den Text im Alt-Attribut macht.

Zitat:
Ja, mit dem poster Attribut kannst du einem Video ein "deckblatt" geben.
https://developer.mozilla.org/en-US/.../Element/video
Das ist beim Element iframe nicht erlaubt.
https://www.w3.org/TR/2011/WD-html5-...iframe-element
__________________

Mit Zitat antworten
  #4 (permalink)  
Alt 05.03.2018, 10:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.815
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
Danke. OK, also stört es Screenreadernutzer offenbar nicht, wenn auch Links im Footer stehen.
Zu einem Sprachumschalter sagt die Seite nichts Konkretes.
Du wirst auch nichts konkretes zu einem "Sprachumschalter" finden. Es kommt immer auf den Einzelfall darauf an: Wie wichtig ist dieser für deine Seite? Wird nicht vielleicht schon automatisch die korrekte Sprache anhand der Browsereinstellungen ausgeliefert? Wie viele % der Besucher brauchen den wirklich?

Zitat:
Zitat von AndreasB Beitrag anzeigen
Am liebsten wäre mir eine Webseite, wo Betroffene direkt schreiben, was praxisrelevant für sie ist.
Kennt ihr so eine Seite?
Mit der Einstellung ziehst du das Pferd von hinten auf. Es gitb sehr wohl eine Seite, die alles relevante für accessibility zusammenfasst. Allerdings von der anderen Seite her: Es definiert generell wie ein Video und wie eine Navigation, etc. zu funktionieren hat. Ob es sich dabei um einen Sprachumschalter oder wasauchimmer handelt ist egal.
Hier ist die quickref für diese WCAG 2.0 mit Beispielen wie man die einzelnen Punkte erfüllt.
Ja, es ist vieeeel, aber das Internet ist nun einmal riesig. Auch musst du für dich entscheiden, welche a11y-Stufe du erfüllen willst. Reicht dir Stufe 1? Musst du eventuell Stufe 3 erfüllen? Reicht es, nur bei ein paar Punkten Stufe 1 zu erfüllen?
Und ja, alles was in dem Dokument steht, ist praxisrelevant.

Zitat:
Zitat von AndreasB Beitrag anzeigen
Was wäre denn das beste Markup hier? Was ist wirklich für Blinde nützlich? Deshalb frage ich ja hier.
Ein screenreader sagt auch aus, welches Elemente gerade aktiv ist. Mach einfach die Augen zu und stelle es dir bildlich vor, was ist hilfreicher als Label:
Wenn dir gesagt wird, dass ein Absatz oder eine Überschrift kommt? Ein screenreadernutzer muss nciht das gesamte Element lesen, er kann auch einfach zuerst alle Überschriften durchspringen. Oder zuerst alle Eingabefelder. Oder zuerst alle nav-Elemente.



Zitat:
Zitat von AndreasB Beitrag anzeigen
Ich meinte eigentlich einen kompletten Ersatztext. So wie man es bei inhaltlich relevanten, nicht rein dekorativen, Bildern über den Text im Alt-Attribut macht.
Sagte ich doch schon: <p> Nachfolgend ein Video über das paarungsverhalten von Schimpansen. Man sieht blablabla </p>
Was für mehr Beschreibungstext brauchst du?


Zitat:
Zitat von AndreasB Beitrag anzeigen
Das ist beim Element iframe nicht erlaubt.
https://www.w3.org/TR/2011/WD-html5-...iframe-element
[/QUOTE]
Bitte lies deine eigene Frage nochmal, du hast gefragt, wie du ein VIDEO mit einem Deckblatt versehen kannst.
Mit Zitat antworten
  #5 (permalink)  
Alt 05.03.2018, 15:29
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.221
AndreasB wird schon bald berühmt werden
Standard

Zitat:
Mit der Einstellung ziehst du das Pferd von hinten auf. Es gitb sehr wohl eine Seite, die alles relevante für accessibility zusammenfasst.
Die Site kenne ich.
Ich finde es gut, dass es sie gibt.
Dennoch hätte ich gerne mal von Blinden gelesen, welche konkreten Dinge in konkreten Situationen für sie wirklich wesentlich sind und welche eher nice to have.
Zitat:
was ist hilfreicher als Label:
Wenn dir gesagt wird, dass ein Absatz oder eine Überschrift kommt?
Kann gut sein, dass Du Recht hast und eine Überschrift innerhalb eines Nav wäre besser als ein P.
Aber denkbar ist es auch umgekehrt, denn die Überschrift käme dann ja auch in der gesamten Folge alle Überschriften des Dokumentes vor.
Wie auch immer, ich frage aus Neugier. Und weil ich noch kein Hx innerhalb von Nav in der freien Wildbahn gesehen habe.
Zitat:
Sagte ich doch schon: <p> Nachfolgend ein Video über das paarungsverhalten von Schimpansen. Man sieht blablabla </p>
Was für mehr Beschreibungstext brauchst du?
Ich sprach ja von Ersatztext, nicht von Beschreibungstext.
__________________

Mit Zitat antworten
  #6 (permalink)  
Alt 05.03.2018, 19:17
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.824
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
Wie auch immer, ich frage aus Neugier. Und weil ich noch kein Hx innerhalb von Nav in der freien Wildbahn gesehen habe.
Du nutzt kein Amazon?
Mit Zitat antworten
  #7 (permalink)  
Alt 05.03.2018, 20:02
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.221
AndreasB wird schon bald berühmt werden
Standard

@protonenbeschleuniger

Welches Markup hältst Du innerhalb von NAV für optimal? Verwendest Du selber Hx dort?

Was denkst Du zu meinem Einwand "denn die Überschrift käme dann ja auch in der gesamten Folge alle Überschriften des Dokumentes vor"?
__________________

Mit Zitat antworten
  #8 (permalink)  
Alt 05.03.2018, 20:30
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.824
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
Welches Markup hältst Du innerhalb von NAV für optimal? Verwendest Du selber Hx dort?

Was denkst Du zu meinem Einwand "denn die Überschrift käme dann ja auch in der gesamten Folge alle Überschriften des Dokumentes vor"?
JA, das mache ich nach Gutdünken, mal h3 oder h4. Aber da sie in einem anderen Bereich - #menu o.ä. - stehen sehe ich nicht im Kontext des restlichen Dokuments. Es sind halt "unwichtigere" Überschriften wie h1 oder h2

Habe mir aber noch nie Gedanken gemacht, wie Blinde das dargeboten bekommen.
Mit Zitat antworten
  #9 (permalink)  
Alt 06.03.2018, 08:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.815
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
Die Site kenne ich.
Ich finde es gut, dass es sie gibt.
Dennoch hätte ich gerne mal von Blinden gelesen, welche konkreten Dinge in konkreten Situationen für sie wirklich wesentlich sind und welche eher nice to have.
Wo ist denn die Seite, die mir sagt, welche Dinge für normal sehende wirklich wesentlich und welche nice to have sind?
Ganz richtig, da gibt es auch keine Seite, da muss man sich auch über mehrere Quellen informieren.
Suche nach blogs von blinden Personen und lies dir durch, was die so schreiben.
Startseite: Eva Papst - Beiträge aus meiner Feder Hier zB von einer blinden Computeraffinen Frau

Zitat:
Zitat von AndreasB Beitrag anzeigen
Kann gut sein, dass Du Recht hast und eine Überschrift innerhalb eines Nav wäre besser als ein P.
Aber denkbar ist es auch umgekehrt, denn die Überschrift käme dann ja auch in der gesamten Folge alle Überschriften des Dokumentes vor.
Wie auch immer, ich frage aus Neugier. Und weil ich noch kein Hx innerhalb von Nav in der freien Wildbahn gesehen habe.
Auch Blinde sind nicht dumm, die bekommen ja auch immer gesagt in welchem Kontext eine Überschrift steht.
Installiere dir zB einmal nvda (Open source Screenreader) um einen Eindruck zu bekommen was denn wie vorgelesen wird.

Zitat:
Zitat von AndreasB Beitrag anzeigen
Ich sprach ja von Ersatztext, nicht von Beschreibungstext.
Ich verlinke es gerne nochmal, hier hast du alle Attribute, die es für Video gibt.
Blinde wissen natürlich auch mit Videos etwas anzufangen, sogar bei Netflix gibt es zB Filme für Blinde. Dort einfach einmal nach audiodeskription suchen. (Weiterführende Infos zb hier)

Ja, es ist viel Arbeit, ein Video behindertengerecht einzubinden und aufzubereiten.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.03.2018, 10:37
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.221
AndreasB wird schon bald berühmt werden
Standard

@cloned
Zu meinem Anliegen "Dennoch hätte ich gerne mal von Blinden gelesen, welche konkreten Dinge in konkreten Situationen für sie wirklich wesentlich sind und welche eher nice to have.":
Es gefällt Dir nicht.
Kein Problem.

Zum Thema Video:
Mir ging es nicht darum, ob und wie ein Video blindengerecht aufbereitet werden kann. Gleichwohl ich das als eine gute Sache ansehen. Der kleine Verein kann sowas im Moment nicht leisten.

Du negierst den Sinn meiner Frage nach einem Ersatztext.
Kein Problem.

Lassen wir alles so stehen.
__________________

Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 17:32
grafische Navigation horizontal zentrieren, klappt nicht lila_3 CSS 4 30.11.2010 10:25
Boxen von Navigation und Logo sind zu weit auseinander lila_3 CSS 2 03.09.2009 23:28
IE verschiebt Navi Menü macmensa CSS 7 17.08.2009 16:45
Probleme mit horizontaler Navi rechts lila_3 CSS 2 14.07.2009 21:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:28 Uhr.