diff --git a/src/core_plugins/timelion/public/app.less b/src/core_plugins/timelion/public/app.less index 67dc712b4db589..fb90e17fa20668 100644 --- a/src/core_plugins/timelion/public/app.less +++ b/src/core_plugins/timelion/public/app.less @@ -152,7 +152,8 @@ timelion-interval { left:5px; line-height: 10px; - > div { + > .cell-action, + > .cell-id { display: inline-block; font-size: 10px; text-align: center; @@ -169,6 +170,10 @@ timelion-interval { .cell-action { opacity: 0; + + &:focus { + opacity: 1; + } } } @@ -188,6 +193,7 @@ timelion-interval { overflow-x: hidden; } +.ngLegendValue:focus, .ngLegendValue:hover { text-decoration: underline; } diff --git a/src/core_plugins/timelion/public/directives/cells/cells.html b/src/core_plugins/timelion/public/directives/cells/cells.html index 8c9dc1c3ccc39f..d1acf0e21b174e 100644 --- a/src/core_plugins/timelion/public/directives/cells/cells.html +++ b/src/core_plugins/timelion/public/directives/cells/cells.html @@ -9,15 +9,43 @@ timelion-grid timelion-grid-rows="state.rows" ng-click="onSelect($index)" ng-class="{active: $index === state.selected}" + kbn-accessible-click + aria-label="Timelion chart {{$index + 1}}" + aria-current="{{$index === state.selected}}" >