Fix accessibility: Remove double keyboard focus on article cards (#60151)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: heiskr

src/landings/components/ArticleCard.tsx

@@ -8,16 +8,11 @@ import styles from './ArticleCard.module.scss'
 type Props = {
   card: ArticleGuide
   typeLabel: string
-  tabIndex?: number
 }
 
-export const ArticleCard = ({ tabIndex, card, typeLabel }: Props) => {
+export const ArticleCard = ({ card, typeLabel }: Props) => {
   return (
-    <li
-      tabIndex={tabIndex}
-      data-testid="article-card"
-      className="d-flex col-12 col-md-4 pr-0 pr-md-6 pr-lg-8"
-    >
+    <li data-testid="article-card" className="d-flex col-12 col-md-4 pr-0 pr-md-6 pr-lg-8">
       <Link className="no-underline d-flex flex-column py-3 border-bottom" href={card.href}>
         <h3 className="h4 color-fg-default mb-1">{card.title}</h3>
         <div className="h6 text-uppercase" data-testid="article-card-type">

src/landings/components/ArticleCards.tsx

@@ -32,7 +32,6 @@ export const ArticleCards = () => {
         {guides.map((card, i) => {
           return (
             <ArticleCard
-              tabIndex={-1}
               key={card.href + i}
               card={card}
               typeLabel={guideTypes[card.type] as string}