Barrierefreiheit -div

[imac123]

Hallo

Ich bin für mich am üben html/css usw...

Nun jetzt frage ich mich etwas...wie sieht es mit der >Barrierefreiheit<

<div id="box"> </div>

#box{
	width:1024px;
	height:100px;
	border:1px solid yellow;
	float:left;
	}

Werden folgende Boxen (gelb im Bild border:1px solid yellow; ) von den Programme für die Menschen mit Einschränkungen gelesen oder ist das falsch so?

Die gelbe Box z.b. sollte als Bild/Textfüller benutzt werden.



Aus meiner Sicht, sollten die Programme fähig sein, so erstellte Texthalter lesen können, oder wenn nicht so, wie denn. :/

Danke.

 

[d4y]

AW: Barrierefreiheit -div

Da ich kein Experte fuer Behinderungen bin schau mal hier

Bitte kostenlos registrieren, damit du die Links siehst.

da ich auf der Hintergrundfarbe den gelben Text nicht lesen kann

 

[imac123]

AW: Barrierefreiheit -div

So hier etwas zur Verdeutlichung.

Ich hoffe jemand hat Ahnung

 

[d4y]

AW: Barrierefreiheit -div

Ups da stand ich auf der Leitung ... Du meinst also ob ein Screenreader den Text in der <div ... > vorliest. Ja machen Sie kannst du sogar mit deinem Mac testen ( mit voice over).

Ahnung hab ich zwar keine, helfe aber trotzdem gerne ;-)

 

[imac123]

AW: Barrierefreiheit -div

Ok danke...

Wenn jemand mehr Ahnung hat, wäre ich froh über jeden Antwort.

Danke.

 

[cythux]

AW: Barrierefreiheit -div

da nennt sich auch WCAG 2.0

Bitte kostenlos registrieren, damit du die Links siehst.

eventuell hilft dir da dieser Link

Bitte kostenlos registrieren, damit du die Links siehst.

Bitte kostenlos registrieren, damit du die Links siehst.

 

[cebito]

AW: Barrierefreiheit -div

Ehrlich gesagt versteh ich die Frage nicht. Frag dich doch mal, was so ungewöhnliches an dem div sein soll, das ein Reader den Inhalt nicht vorlesen sollte :uhm:

 

[ben3plus]

AW: Barrierefreiheit -div

Warum sollte der Text nicht gelesen werden?
Jeder Text steht irgendwie in irgendeiner Div.
Ob dieser nun "border: 1px solid yellow;"
zugwiesen wird oder was anderes, ist doch
dem Reader egal.

 

[imac123]

AW: Barrierefreiheit -div

Ok, dann ist es klar ..nur was ausser <h1>,<h6>,<p>,alt="",<ol>,<li> usw... ist noch wichtige?

Welche Elementen, was ist so typisch für die Barrierefreiheit?

Ich habe mal gelesen die Navigation sollte per F11 oder cmd+1,2,3.. erreichbar sein, wie sollte das funktionieren, leider habe ich keine Info gefunden. :/

 

[cythux]

AW: Barrierefreiheit -div

@imac schau die diese Links die vorhin gepostet habe an

So eine Seite die auch Tasten nutzen kann, glaube ich wurde bei CSS-Tricks verwendet (ARIA)

Bitte kostenlos registrieren, damit du die Links siehst.

 

[imac123]

AW: Barrierefreiheit -div

Danke

Schade findet mann nicht viel auf Deutsch.

 

[d4y]

AW: Barrierefreiheit -div

Danke

Schade findet mann nicht viel auf Deutsch.

Bitte kostenlos registrieren, damit du die Links siehst.

alles auf deutsch

 

[cebito]

AW: Barrierefreiheit -div

Ok, dann ist es klar ..nur was ausser <h1>,<h6>,<p>,alt="",<ol>,<li> usw... ist noch wichtige?

Welche Elementen, was ist so typisch für die Barrierefreiheit?

Schau dir deine Seite ohne CSS an, wenn sie dann aufgebaut ist wie ein "Buch" sprich:

• Titel allein oder im Header(h1 in div bzw. header)
• Inhaltsverzeichnis(ul in div bzw. nav)
• Inhalt (div bzw. section)
  • Unterüberschrift/Kapitel(h2,h3usw.)
    • Kapitel 1(div bzw. article)
  • Unterüberschrift/Kapitel(h2,h3usw.)
    • Kapitel 2(div bzw. article) usw.
• Anmerkungen, Werbung(div bzw. aside)
• weiterführend (div bzw. footer)

ist das schon mal eine sehr gute Grundlage.

Ich habe mal gelesen die Navigation sollte per F11 oder cmd+1,2,3.. erreichbar sein, wie sollte das funktionieren, leider habe ich keine Info gefunden. :/

Wichtig ist vor allem, das man sie mit der Tabtaste durchgehen kann. Und wenn sie wie im Beispiel gleich am Anfang steht, ist sie auch für Leute mit Screenreader schnell erreichbar und sie bekommen so schon einen Überblick. Möchte man die Navi aus optischen Gründen woanders hin haben, sollte das per CSS geschehen.

 

[imac123]

AW: Barrierefreiheit -div

Danke cebito für deinen ausführlichen Antwort.


Ohne CSS sieht es so aus ...





Mit CSS







Ich würde mal sagen gar nicht so schlecht (hoffentlich würden/können das die beschränkte Personen sehen)

 

[cebito]

AW: Barrierefreiheit -div

Äääähm ja, so weit so gut. Aber, wenn das

Bitte kostenlos registrieren, damit du die Links siehst.

nicht deine Seite sein sollte, würd ich mir ganz schnell eigene Texte überlegen. Dein Content ist so gut wie wortwörtlich übernommen. Das geht man gar nicht!

Edith sagt noch - die "Personen" sind nicht beschränkt sondern höchstens in ihren Fähigkeiten (gemessen am "Normalo") eingeschränkt. Meist haben sie dafür aber viele andere sehr gut ausgeprägte Fähigkeiten, von denen wir nur träumen können

 

[imac123]

AW: Barrierefreiheit -div

Hallo
Den Text habe ich als Platzhalter genommen. Die Seite wird nicht Online gestellt, sonst würde ich die Quelle einfügen.

Die Seite kommt nicht Online, ich bin noch am lernen deswegen habe ich halt den Text kopiert anstatt "Dksdas Fjdadkajdj Fjcasdnasdsadnj" zu schreiben. Es sieht verständlicher/übersichtlicher wie "Dksdas Fjdadkajdj....:"

Danke.

 

[afr0kalypse]

AW: Barrierefreiheit -div

Dann habe ich hier noch einen Link für dich, wenn du gerade noch lernst: Lorem Ipsum!

Bitte kostenlos registrieren, damit du die Links siehst.