Bonjour à tous.

Sur mon projet, il faut que j'arrive à gérer les liens par les touches tab / shift+tab et espace et il faut que les liens qui prennent le focus soient entourés.

J'ai beau chercher, mais je n'ai pas trouve de solution.

Est-ce que quelqu'un pourrait m'aider ?

Merci d'avance.

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { environment as env } from '@env/environment';
 
@Component({
  selector: 'app-pied-de-page',
  templateUrl: './pied-de-page.component.html',
  styleUrls: ['./pied-de-page.component.css']
})
export class PiedDePageComponent implements OnInit {
 
/**
   * The url for the user manual.
   */
 url = {
  manuel: '../../assets/Manuel%20Utilisateur%.pdf',
};
 
/**
 * Constructor.
 */
constructor(private router: Router) {}
 
/**
 * On init comp.
 */
ngOnInit(): void {}
 
/**
 * Open the given url with the appropriate env.
 * @param url the given url
 * @param isEnv the given env
 */
openUrl(url, isEnv): void {
  if (isEnv) {
    window.open(env[url]);
  } else {
    window.open(url);
  }
}
 
/**
 * Open pdf help file
 */
downloadHelpFile() {
  window.open(env.helpFile);
}
 
/**
 * Open the visualize url.
 */
openVisualize(): void {
  this.router.navigateByUrl('/visualize/plan', {});
}
 
/**
 * Open in new tab the protect data page.
 */
openProtectData(): void {
  window.open('/protectData', '_self');
}
 
/**
 * Open in new tab the num accessibility page.
 */
openNumAccess(): void {
  window.open('/numAccess');
}
 
/**
 * Open in new tab the a propos page.
 */
openAPropos() {
  window.open('/apropos');
}
 
/**
 * Open in new tab contact page.
 */
openContact(): void {
  window.open('/contact');
}
 
/**
 * Open in new tab legal mention page.
 */
openLegalMention(): void {
  window.open('/mentionsLegales');
}
 
 
}

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
.police-pied-de-page {
  font-size: 14px;
  font-family: Marianne;
  color:#ffffff !important;
}
 
a, a:link, a:visited, a:hover, a:active, a:focus{
  /*text-decoration: none !important;*/
  color: inherit!important;
  cursor:pointer;
  outline: #777777;
}