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

__________________

Siehe hier, besonder Usage notes: https://developer.mozilla.org/de/doc...ML/Element/nav


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.

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.

Keine Ahnung. Verwende einen einleitenden Absatz um den Inhalt des iframes zu beschreiben würde ich mal vorschlagen.

Ja, mit dem poster Attribut kannst du einem Video ein "deckblatt" geben.
https://developer.mozilla.org/en-US/.../Element/video

Auch hier keine Ahnung, aber sollte man da nicht einen Haufen "best practices" im Web finden?

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?

Was wäre denn das beste Markup hier? Was ist wirklich für Blinde nützlich? Deshalb frage ich ja hier.

Ich meinte eigentlich einen kompletten Ersatztext. So wie man es bei inhaltlich relevanten, nicht rein dekorativen, Bildern über den Text im Alt-Attribut macht.

Das ist beim Element iframe nicht erlaubt.
https://www.w3.org/TR/2011/WD-html5-...iframe-element

__________________

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?

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.

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.



Sagte ich doch schon: <p> Nachfolgend ein Video über das paarungsverhalten von Schimpansen. Man sieht blablabla </p>
Was für mehr Beschreibungstext brauchst du?


[/QUOTE]
Bitte lies deine eigene Frage nochmal, du hast gefragt, wie du ein VIDEO mit einem Deckblatt versehen kannst.

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.
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.
Ich sprach ja von Ersatztext, nicht von Beschreibungstext.

__________________

Du nutzt kein Amazon?

@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"?

__________________

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.

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

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.

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.

@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.

__________________