zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Alt="" für Hintergrundgrafik, weil CSS 2.1 diese nicht skalieren kann?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.03.2008, 18:49
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Frage Alt="" für Hintergrundgrafik, weil CSS 2.1 diese nicht skalieren kann?

Hallo,

ich möchte auf meinen Webseiten Grafiken wie Text zoom-/skalierbar machen. Dies geht mit Hilfe von CSS im img-Tag z.B. mittels
Code:
style="width:1.2em; height:1.2em"
Für Hintergrundgrafiken (background-image) kennt CSS 2.1 diese Möglichkeit nicht. Dies wird wohl erst mit CSS 3 kommen. Zudem unterstützen gängige Browser dies auch nicht. Vor diesem Hintergrund binde ich auch inhaltsleere Grafiken wie Icons etc derzeit über den img-Tag in meine (X)HTML-Dokumente ein.

Da diese Grafiken keinen eigenständigen Inhalt vermitteln, beabsichtige ich diese mit alt="" zu versehen. Ist das eine akzeptable Notlösung oder gibt es da eine bessere Verfahrensweise?

Bin für jeden Hinweis dankbar.

Herzliche Grüße
Dieter
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.03.2008, 20:39
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Mitdreissiger Beitrag anzeigen
Da diese Grafiken keinen eigenständigen Inhalt vermitteln, beabsichtige ich diese mit alt="" zu versehen. Ist das eine akzeptable Notlösung oder gibt es da eine bessere Verfahrensweise?
Es ist die einzige Möglichkeit. Aber welchen Vorteil erhoffst du dir davon?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.03.2008, 20:45
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Lächeln Re: Welchen Vorteil erhoffe ich mir davon?

Zitat:
Zitat von designfanatiker Beitrag anzeigen
Es ist die einzige Möglichkeit. Aber welchen Vorteil erhoffst du dir davon?
Mein Layout soll möglichst mit Text und Grafiken skalier-/zoombar und dabei zugleich stabil sein. Zusätzlich möchte ich, dass die Seiten möglichst barrierearm, also gut zugänglich sind. Sind das Vorteile genug?
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5
Mit Zitat antworten
  #4 (permalink)  
Alt 16.03.2008, 20:53
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Welche Barriere willst du mit skalierten Zierbildchen beseitigen?
Mit Zitat antworten
  #5 (permalink)  
Alt 16.03.2008, 21:15
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Frage RE: Welche Barriere beseitigen?

Zitat:
Zitat von fricca Beitrag anzeigen
Welche Barriere willst du mit skalierten Zierbildchen beseitigen?
Hallo fricca,
das mit der Barriere meinte ich in Bezug auf ein fehlendes Alt-Attribut bei Grafiken.
Kann sein, dass ich mich da irre, aber Screenreader sollen bei Grafiken ohne Alt-Attribut, d.h. auch ohne alt="", dann grundsätzlich den Dateinamen vorlesen, was ja bei "Zierbildchen" keinen Sinn machen würde (siehe beispielsweise BITV-Test - Prüfschritt 1.1.3: Leere alt-Attribute für Layoutgrafiken).
Im Übrigen ist das Alt-Attribut bei Grafiken nun halt mal Pflicht (siehe beispielsweise SELFHTML: HTML/XHTML / Grafiken / Grafiken einbinden) oder sehe ich da was falsch?
Gruß
Dieter
PS: Die Icons etc sollen wie der Text und normalen Grafiken skalieren, damit das Layout weiterhin gut aussieht und stabil bleibt.
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5

Geändert von DieterWelzel (16.03.2008 um 21:16 Uhr) Grund: PS ergänzt
Mit Zitat antworten
  #6 (permalink)  
Alt 16.03.2008, 21:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Du zeigst nicht, worum es dir geht. Wo ist dein Link?
Du hast dir deine Frage außerdem gerade selbst beantwortet: Du willst für sehende Besucher Icons vor Links. Ein Screenreaderbenutzer bekommt dann bei jedem Link vorgelesen: "[Name einer Grafik] - [Linktext]". Ich bin kein Spezialist für Screenreader. Auch wenn sie nur jedesmal "Bild" vorlesen, ist das schon zu viel.
Somit lautet die Antwort: Nein, es ist keine akzeptable "Notlösung" (für welche Not eigentlich?). Es werden Besucher belästigt.

Zitat:
Die Icons etc sollen wie der Text und normalen Grafiken skalieren, damit das Layout weiterhin gut aussieht und stabil bleibt.
Weshalb Hintergrundbilder deiner Seite die Stabilität nehmen, verstehe ich nicht. Bilder, die vom Browser skaliert werden, sehen nicht gut aus, sondern sind verpixelt.
Mit Zitat antworten
  #7 (permalink)  
Alt 16.03.2008, 21:43
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Ein Screenreaderbenutzer bekommt dann bei jedem Link vorgelesen: "[Name einer Grafik] - [Linktext]". Ich bin kein Spezialist für Screenreader. Auch wenn sie nur jedesmal "Bild" vorlesen, ist das schon zu viel. Somit lautet die Antwort: Nein, es ist keine akzeptable "Notlösung" (für welche Not eigentlich?). Es werden Besucher belästigt.
Nein. Bilder ohne Alternativtext - aber mit leerem alt-Attribut - werden einfach übergangen.

Zitat:
Zitat von fricca Beitrag anzeigen
Weshalb Hintergrundbilder deiner Seite die Stabilität nehmen, verstehe ich nicht. Bilder, die vom Browser skaliert werden, sehen nicht gut aus, sondern sind verpixelt.
Ich auch nicht. Ein Bild hat eine feste Größe in Pixeln. Muss es vom Browser skaliert werden leidet darunter die Qualität.
Mit Zitat antworten
  #8 (permalink)  
Alt 16.03.2008, 21:46
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Du zeigst nicht, worum es dir geht. Wo ist dein Link?
Also es geht mir beispielsweise um die Icons in meiner Navigation unter Dieter Welzels private Website zu Fernstudium, Musik, PC und Fernstudium der Rechtswissenschaft - Abschluss LL.B. LL.M. B.A..

Zitat:
Zitat von fricca Beitrag anzeigen
Du hast dir deine Frage außerdem gerade selbst beantwortet: Du willst für sehende Besucher Icons vor Links. Ein Screenreaderbenutzer bekommt dann bei jedem Link vorgelesen: "[Name einer Grafik] - [Linktext]". Ich bin kein Spezialist für Screenreader. Auch wenn sie nur jedesmal "Bild" vorlesen, ist das schon zu viel.
Somit lautet die Antwort: Nein, es ist keine akzeptable "Notlösung" (für welche Not eigentlich?). Es werden Besucher belästigt.
Wenn ich Deine Ausführung richtig verstehe, würden sich damit Icons über img eingebunden verbieten.

Zitat:
Zitat von fricca Beitrag anzeigen
Weshalb Hintergrundbilder deiner Seite die Stabilität nehmen, verstehe ich nicht.
Das Problem tritt bei meiner Seite nicht auf, aber wenn ich Hintergrundgrafiken für Boxen mit Runde Ecken einsetzen würde, was meines Wissens eine übliche Methode ist, dann droht die Box mit Hintergrundgrafiken "gesprengt" zu werden, wenn der Besucher den Schriftgrad erhöht.

Zitat:
Zitat von fricca Beitrag anzeigen
Bilder, die vom Browser skaliert werden, sehen nicht gut aus, sondern sind verpixelt.
Das ist der Preis, den man zahlen muss, wenn Graifken skaliert werden. dem lässt sich aber mit entsprechender Grafikqualität etwas entgegenwirken.
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5
Mit Zitat antworten
  #9 (permalink)  
Alt 16.03.2008, 22:00
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Mitdreissiger Beitrag anzeigen
Das Problem tritt bei meiner Seite nicht auf, aber wenn ich Hintergrundgrafiken für Boxen mit Runde Ecken einsetzen würde, was meines Wissens eine übliche Methode ist, dann droht die Box mit Hintergrundgrafiken "gesprengt" zu werden, wenn der Besucher den Schriftgrad erhöht.
Und? Du weißt doch noch nicht einmal ob dieses Problem existiert.

Zitat:
Zitat von Mitdreissiger Beitrag anzeigen
Das ist der Preis, den man zahlen muss, wenn Graifken skaliert werden. dem lässt sich aber mit entsprechender Grafikqualität etwas entgegenwirken.
Ein unverhältnismäßig hoher Preis.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 16.03.2008, 22:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von designfanatiker Beitrag anzeigen
Nein. Bilder ohne Alternativtext - aber mit leerem alt-Attribut - werden einfach übergangen.
Ist das bei allen Readern so? Das wäre ja gut.
Ich habe mir nur einmal von HomepageReader ins System pfuschen lassen und mich seit dem nicht mehr getraut, einen zu installieren.

Zitat:
Zitat von Mitdreissiger Beitrag anzeigen
Bei diesen kleinen GIF-Bildchen tut ein Skalieren kaum weh, aber ob es Gewinn bringt?
Ich würde mir jedenfalls mein Markup nicht mit Hunderten von img-Elementen zukleistern. Bei deinem Navigationsmonster bläst das den Code so sehr auf, dass du dir eher über Ladezeiten Gedanken machen musst...


Zitat:
Wenn ich Deine Ausführung richtig verstehe, würden sich damit Icons über img eingebunden verbieten.
Würde es. Aber ich schrieb ja schon, dass ich nicht weiß, was Screenreader tatsächlich tun. S.o.

Zitat:
Das Problem tritt bei meiner Seite nicht auf, aber wenn ich Hintergrundgrafiken für Boxen mit Runde Ecken einsetzen würde, was meines Wissens eine übliche Methode ist, dann droht die Box mit Hintergrundgrafiken "gesprengt" zu werden, wenn der Besucher den Schriftgrad erhöht.
Dann musst du eine Methode wählen, die ein Skalieren der Box ermöglicht.
Google: "Sliding Doors of CSS", "Runde und andere Ecken".

Ich finde außerdem, dass du deine Seite zugänglicher machen würdest, wenn du diese Monster-Navigationen entschärfst und nur die jeweils passenden Haupt- und Subnavigationen einbindest. Aber das hatten wir ja schon mal.
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
CSS Buchtipp Eric A. Meyer vistahr Ressourcen 2 01.11.2006 19:53
CSS Tips & Tricks Webnauts Ressourcen 0 26.08.2006 00:04
CSS Menue Browserkompatibel! ICH DREH DURCH! haSta CSS 24 02.03.2006 19:42
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:59 Uhr.