diff --git a/src/components/JobOutputFiles.tsx b/src/components/JobOutputFiles.tsx index b949184..b39a4b3 100644 --- a/src/components/JobOutputFiles.tsx +++ b/src/components/JobOutputFiles.tsx @@ -253,6 +253,12 @@ export const JobOutput = (props: Types.JobOutputProps): JSX.Element => { data-testid={'download-file'} className={'fa fa-download clickableIcon'} onClick={() => downloadToCurrentPath(output)} + onKeyDown={event => { + if (event.key === 'Enter') { + downloadToCurrentPath(output); + } + }} + tabIndex={0} /> )} diff --git a/style/base.css b/style/base.css index 5337474..3314741 100644 --- a/style/base.css +++ b/style/base.css @@ -307,6 +307,11 @@ button[disabled]:hover { cursor: pointer; } +.clickableIcon:focus { + outline: #2b2b2c solid 2px; + outline-offset: 2px; +} + i { color: var(--jp-content-font-color2); } \ No newline at end of file