1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Keyboard Focus in Theme Twenty Fourteen stärker hervorheben?

Dieses Thema im Forum "Design" wurde erstellt von inselfisch, 15. September 2017.

  1. inselfisch

    inselfisch Well-Known Member

    Registriert seit:
    24. März 2013
    Beiträge:
    47
    Zustimmungen:
    0
    Hallo zusammen,

    aus Gründen der Barrierefreiheit suche ich eine Möglichkeit, den Keyboard Focus im Theme Twenty Fourteen stärker hervorzuheben, z.B. mit Outline solid. Im Theme Twenty Twelve hat das mit einem CSS-Eintrag funktioniert, das ging so:

    a:focus { outline: solid;}

    In Twenty Fourteen haut das nicht hin, da ändert sich gar nichts. Hat hier vielleicht jemand eine Idee, wie das gehen könnte?

    Bin dankbar für jeden Tipp!

    Beste Grüße,
    inselfisch
     
  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    Twenty Fourteen hat schon ein outline:thin dotted. Wenn du das auf solid ändern willst, nimm !important dahinter. Ansonsten meinst du vielleicht a:hover ?
     
  3. inselfisch

    inselfisch Well-Known Member

    Registriert seit:
    24. März 2013
    Beiträge:
    47
    Zustimmungen:
    0
    Oh, vielen Dank, das probier ich aus!Und nein, ich meinte micht a:hover, ich meinte schon den focus.
     
  4. inselfisch

    inselfisch Well-Known Member

    Registriert seit:
    24. März 2013
    Beiträge:
    47
    Zustimmungen:
    0
    ... das hat jetzt leider nicht funktioniert, ich habe den Eintrag wie folgt geändert:a:focus { outline: solid!important;}Ist aber immer noch dotted und kaum sichtbar.
     
  5. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    Versuche es mal so

    a:focus {outline: solid 1px #000 !important;}
     
  6. inselfisch

    inselfisch Well-Known Member

    Registriert seit:
    24. März 2013
    Beiträge:
    47
    Zustimmungen:
    0
    Funktioniert leider auch nicht, es bleibt dotted und sehr dünn.
     
  7. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    gib mal einen Link zum Blog
     
  8. inselfisch

    inselfisch Well-Known Member

    Registriert seit:
    24. März 2013
    Beiträge:
    47
    Zustimmungen:
    0
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden