Accessibility fixes
- Add tab index order to navigation.
- Minor CSS changes.
Change-Id: I402d3cb8c1ac14bd930a5efcf472c1d249cfe00a
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index 8d61548..e499095 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -4,9 +4,6 @@
height: 20px;
position: relative;
speak: none;
- &:hover {
- cursor: pointer;
- }
&.icon-as-spacer {
text-indent: -9999px;
}
@@ -17,6 +14,9 @@
stroke: $medblue;
background: $white;
overflow: visible;
+ &:hover {
+ cursor: pointer;
+ }
}
.icon__more-dropdown {
@@ -45,24 +45,11 @@
}
.icon__warning{
- margin-right: .7em;
- margin-top: -2px;
- &:before {
- content: '!';
- color: $alert__error;
- position: absolute;
- left: 55%;
- top: 40%;
- font-size: .7em;
- }
- &:after {
- content: '\025b3';
- position: absolute;
- left: 0;
- top: -10%;
- color: $alert__error;
- font-size: 1.5em;
- }
+ width: 30px;
+ height: 30px;
+ background-image: url(/assets/images/icon-warning.svg);
+ background-repeat: no-repeat;
+ vertical-align: middle;
}
.icon__info{
@@ -84,6 +71,9 @@
top: -50%;
transform: rotate(90deg);
}
+ &.hide {
+ text-align: -9999px;
+ }
}
.icon__down-arrow {
margin-right: 1em;