simplify card tile keyboard navigation

static/app-strings.json

@@ -2044,5 +2044,16 @@
   "The payment will be made from your saved card": "The payment will be made from your saved card",
   "A channel is required to comment on lbry.tv": "A channel is required to comment on lbry.tv",
   "Commenting...": "Commenting...",
+  "Trending for #Art": "Trending for #Art",
+  "Trending for #Education": "Trending for #Education",
+  "Trending for #Technology": "Trending for #Technology",
+  "Add to Watch Later": "Add to Watch Later",
+  "Remove from Watch Later": "Remove from Watch Later",
+  "Added": "Added",
+  "Show %count% replies": "Show %count% replies",
+  "Show reply": "Show reply",
+  "added to": "added to",
+  "removed from": "removed from",
+  "Item removed from Watch Later": "Item removed from Watch Later",
   "--end--": "--end--"
 }

ui/component/claimPreviewTile/view.jsx

@@ -193,7 +193,7 @@ function ClaimPreviewTile(props: Props) {
         'claim-preview__live': live,
       })}
     >
-      <NavLink {...navLinkProps}>
+      <NavLink aria-hidden tabindex={-1} {...navLinkProps}>
         <FileThumbnail thumbnail={thumbnailUrl} allowGifs>
           {!isChannel && (
             <React.Fragment>
@@ -245,7 +245,7 @@ function ClaimPreviewTile(props: Props) {
             </div>
           ) : (
             <React.Fragment>
-              <UriIndicator uri={uri} link hideAnonymous>
+              <UriIndicator aria-hidden tabindex={-1} uri={uri} link hideAnonymous>
                 <ChannelThumbnail uri={channelUri} xsmall />
               </UriIndicator>
 

ui/component/uriIndicator/view.jsx

@@ -48,6 +48,7 @@ class UriIndicator extends React.PureComponent<Props> {
       hideAnonymous = false,
       external = false,
       className,
+      ...props
     } = this.props;
 
     if (!claim) {
@@ -86,7 +87,7 @@ class UriIndicator extends React.PureComponent<Props> {
 
       if (children) {
         return (
-          <Button className={className} target={external ? '_blank' : undefined} navigate={channelLink}>
+          <Button className={className} target={external ? '_blank' : undefined} navigate={channelLink} {...props}>
             {children}
           </Button>
         );
@@ -96,6 +97,7 @@ class UriIndicator extends React.PureComponent<Props> {
             className={classnames(className, 'button--uri-indicator')}
             navigate={channelLink}
             target={external ? '_blank' : undefined}
+            {...props}
           >
             {inner}
           </Button>