Website anpassen
bearbeitet von Gunnar Bittersmann@@Martl
> wie ich sehe hast du die Anregung von JürgenB aufgenommen, und eine Image Map eingebaut.
Hehe, es war nicht JürgenB, der das anregte. ;-)
> 2. Statt <meta content="text/html; charset=ISO-8859-1"> aktuell <meta charset="utf-8"> verwenden. (Den Quelltext natürlich auch in diesem Format speichern!)
In dieser [Zeichencodierung](https://www.w3.org/International/questions/qa-choosing-encodings). „Format“ wäre eher sowas wie HTML.
> ~~~html
> <a href="#" class="zeile1 spalte11" title="link-1-1"><span>LINK-1-1</span></a>
> ~~~
Wozu die `span`s?
Und da sollten natürlich vernünftige Linktitel stehen, nicht „LINK-1-1“.
> ~~~css
> body {
> background-image: url(index.png);
> background-size: 100vw 100vh;
> }
> ~~~
Das verzerrt doch aber das Bild‽
`vw` und `vh` werden [weitgehend unterstützt](http://caniuse.com/#feat=viewport-units), aber `%` sollte es hier auch tun.
> ~~~css, bad
> span, h1 {
> visibility: hidden;
> }
> ~~~
Nein! Damit wird der Inhalt auch vor Screenreadern versteckt. Damit der Inhalt zugänglich bleibt, darf er nur [visuell versteckt](https://www.geekpub.de/2014/12/richtig-verstecken-mit-visually-hidden-css/) werden.
LLAP 🖖
--
_„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe
Website anpassen
bearbeitet von Gunnar Bittersmann@@Martl
> wie ich sehe hast du die Anregung von JürgenB aufgenommen, und eine Image Map eingebaut.
Hehe, es war nicht JürgenB, der das anregte. ;-)
> 2. Statt <meta content="text/html; charset=ISO-8859-1"> aktuell <meta charset="utf-8"> verwenden. (Den Quelltext natürlich auch in diesem Format speichern!)
In dieser Zeichencodierung. „Format“ wäre eher sowas wie HTML.
> ~~~html
> <a href="#" class="zeile1 spalte11" title="link-1-1"><span>LINK-1-1</span></a>
> ~~~
Wozu die `span`s?
Und da sollten natürlich vernünftige Linktitel stehen, nicht „LINK-1-1“.
> ~~~css
> body {
> background-image: url(index.png);
> background-size: 100vw 100vh;
> }
> ~~~
Das verzerrt doch aber das Bild‽
`vw` und `vh` werden [weitgehend unterstützt](http://caniuse.com/#feat=viewport-units), aber `%` sollte es hier auch tun.
> ~~~css, bad
> span, h1 {
> visibility: hidden;
> }
> ~~~
Nein! Damit wird der Inhalt auch vor Screenreadern versteckt. Damit der Inhalt zugänglich bleibt, darf er nur [visuell versteckt](https://www.geekpub.de/2014/12/richtig-verstecken-mit-visually-hidden-css/) werden.
LLAP 🖖
--
_„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe
Website anpassen
bearbeitet von Gunnar Bittersmann@@Martl
> wie ich sehe hast du die Anregung von JürgenB aufgenommen, und eine Image Map eingebaut.
Hehe, es war nicht JürgenB, der das anregte. ;-)
> 2. Statt <meta content="text/html; charset=ISO-8859-1"> aktuell <meta charset="utf-8"> verwenden. (Den Quelltext natürlich auch in diesem Format speichern!)
In dieser Zeichencodierung. „Format“ wäre eher sowas wie HTML.
> ~~~html
<a href="#" class="zeile1 spalte11" title="link-1-1"><span>LINK-1-1</span></a>
> ~~~
Wozu die `span`s?
Und da sollten natürlich vernünftige Linktitel stehen, nicht „LINK-1-1“.
> ~~~css
> body {
> background-image: url(index.png);
> background-size: 100vw 100vh;
> }
> ~~~
Das verzerrt doch aber das Bild‽
`vw` und `vh` werden [weitgehend unterstützt](http://caniuse.com/#feat=viewport-units), aber `%` sollte es hier auch tun.
> ~~~css, bad
> span, h1 {
> visibility: hidden;
> }
> ~~~
Nein! Damit wird der Inhalt auch vor Screenreadern versteckt. Damit der Inhalt zugänglich bleibt, darf er nur [visuell versteckt](https://www.geekpub.de/2014/12/richtig-verstecken-mit-visually-hidden-css/) werden.
LLAP 🖖
--
_„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe
Website anpassen
bearbeitet von Gunnar Bittersmann@@Martl
> wie ich sehe hast du die Anregung von JürgenB aufgenommen, und eine Image Map eingebaut.
Hehe, es war nicht JürgenB, der das anregte. ;-)
> 2. Statt <meta content="text/html; charset=ISO-8859-1"> aktuell <meta charset="utf-8"> verwenden. (Den Quelltext natürlich auch in diesem Format speichern!)
In dieser Zeichencodierung. „Format“ wäre eher sowas wie HTML.
> ~~~css
> body {
> background-image: url(index.png);
> background-size: 100vw 100vh;
> }
> ~~~
Das verzerrt doch aber das Bild‽
`vw` und `vh` werden [weitgehend unterstützt](http://caniuse.com/#feat=viewport-units), aber `%` sollte es hier auch tun.
> ~~~css, bad
> span, h1 {
> visibility: hidden;
> }
> ~~~
Nein! Damit wird der Inhalt auch vor Screenreadern versteckt. Damit der Inhalt zugänglich bleibt, darf er nur [visuell versteckt](https://www.geekpub.de/2014/12/richtig-verstecken-mit-visually-hidden-css/) werden.
LLAP 🖖
--
_„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“_ —Johann Wolfgang von Goethe